/**
 * WooCommerce Styles
 * 
 * @package SMMBoost
 */

/* ==========================================================================
   GENERAL WOOCOMMERCE STYLES
   ========================================================================== */

   .woocommerce,
   .woocommerce-page {
       font-family: var(--font-family);
   }
   
   /* Back Button */
   .back-btn {
       display: inline-flex;
       align-items: center;
       gap: 0.5rem;
       padding: 0.5rem 1rem;
       margin-bottom: var(--spacing-lg);
       background-color: var(--color-white);
       color: var(--color-slate-500);
       font-weight: 700;
       font-size: 0.9375rem;
       border-radius: var(--radius-md);
       box-shadow: var(--shadow-sm);
       border: 1px solid var(--color-slate-100);
       transition: all var(--transition-fast);
       width: max-content;
   }
   
   .back-btn:hover {
       color: var(--color-primary);
       transform: translateX(-4px);
   }
   
   /* Category Header */
   .category-header-wrapper {
       background-color: var(--color-white);
       padding: 1.5rem;
       border-radius: var(--radius-2xl);
       box-shadow: var(--shadow-sm);
       border: 1px solid var(--color-slate-200);
       margin-bottom: 1.5rem;
       display: flex;
       align-items: center;
       gap: 1rem;
       position: relative;
       overflow: hidden;
   }
   
   .category-header-bg {
       position: absolute;
       top: 0;
       right: 0;
       width: 16rem;
       height: 16rem;
       opacity: 0.1;
       border-radius: 50%;
       filter: blur(64px);
       margin-right: -5rem;
       margin-top: -5rem;
       pointer-events: none;
   }
   
   .category-header-icon-wrap {
       position: relative;
       z-index: 10;
       flex-shrink: 0;
   }
   
   .category-header-icon {
       width: 4rem;
       height: 4rem;
       border-radius: var(--radius-lg);
       display: flex;
       align-items: center;
       justify-content: center;
       color: var(--color-white);
       font-size: 2rem;
       box-shadow: var(--shadow-md);
       flex-shrink: 0;
       overflow: hidden;
       background-size: cover;
       background-position: center;
   }
   
   .category-header-icon[style*="background-image"] {
       background-size: cover;
       background-position: center;
   }
   
   .category-header-icon[style*="background-image"] i {
       display: none !important;
   }
   
   .category-header-content {
       position: relative;
       z-index: 10;
   }
   
   .category-header-content h1 {
       font-size: 1.5rem;
       font-weight: 900;
       margin-bottom: 0.25rem;
       color: var(--color-slate-800);
   }
   
   .category-header-content p {
       color: var(--color-slate-500);
       font-weight: 500;
       margin: 0;
   }
   
   /* Shop Page Header */
   .shop-page-header {
       text-align: center;
       margin-bottom: var(--spacing-lg);
   }
   
   .shop-page-header h1 {
       font-size: 2.5rem;
       font-weight: 900;
       color: var(--color-slate-800);
       margin-bottom: 0.75rem;
   }
   
   .shop-page-header p {
       font-size: 1.125rem;
       color: var(--color-slate-600);
       font-weight: 500;
   }
   
   /* Shop Search */
   .shop-search-wrapper {
       margin-bottom: var(--spacing-xl);
       max-width: 600px;
       margin-left: auto;
       margin-right: auto;
   }
   
   .shop-search-input-wrapper {
       position: relative;
       display: flex;
       align-items: center;
   }
   
   .shop-search-icon {
       position: absolute;
       left: 1.25rem;
       color: var(--color-slate-400);
       font-size: 1.125rem;
       pointer-events: none;
       z-index: 1;
   }
   
   .shop-search-input {
       width: 100%;
       padding: 1rem 3rem 1rem 3.5rem;
       border: 2px solid var(--color-slate-200);
       border-radius: var(--radius-xl);
       background-color: var(--color-white);
       font-size: 1rem;
       font-weight: 500;
       transition: all var(--transition-fast);
       color: var(--color-slate-800);
       box-shadow: var(--shadow-sm);
   }
   
   .shop-search-input:focus {
       outline: none;
       border-color: var(--color-primary);
       box-shadow: 0 0 0 4px rgba(99, 102, 241, 0.1);
   }
   
   .shop-search-input::placeholder {
       color: var(--color-slate-400);
   }
   
   .shop-search-clear {
       position: absolute;
       right: 1rem;
       background: none;
       border: none;
       color: var(--color-slate-400);
       font-size: 0.875rem;
       cursor: pointer;
       padding: 0.5rem;
       border-radius: var(--radius-sm);
       transition: all var(--transition-fast);
       display: flex;
       align-items: center;
       justify-content: center;
       width: 32px;
       height: 32px;
   }
   
   .shop-search-clear:hover {
       background-color: var(--color-slate-100);
       color: var(--color-slate-800);
   }
   
   /* Category Page Product Search */
   .category-search-wrapper {
       margin-bottom: var(--spacing-xl);
       max-width: 600px;
       margin-left: auto;
       margin-right: auto;
   }
   
   .category-search-input-wrapper {
       position: relative;
       display: flex;
       align-items: center;
   }
   
   .category-search-icon {
       position: absolute;
       left: 1.25rem;
       color: var(--color-slate-400);
       font-size: 1.125rem;
       pointer-events: none;
       z-index: 1;
   }
   
   .category-search-input {
       width: 100%;
       padding: 1rem 3rem 1rem 3.5rem;
       border: 2px solid var(--color-slate-200);
       border-radius: var(--radius-xl);
       background-color: var(--color-white);
       font-size: 1rem;
       font-weight: 500;
       transition: all var(--transition-fast);
       color: var(--color-slate-800);
       box-shadow: var(--shadow-sm);
   }
   
   .category-search-input:focus {
       outline: none;
       border-color: var(--color-primary);
       box-shadow: 0 0 0 4px rgba(99, 102, 241, 0.1);
   }
   
   .category-search-input::placeholder {
       color: var(--color-slate-400);
   }
   
   .category-search-clear {
       position: absolute;
       right: 1rem;
       background: none;
       border: none;
       color: var(--color-slate-400);
       font-size: 0.875rem;
       cursor: pointer;
       padding: 0.5rem;
       border-radius: var(--radius-sm);
       transition: all var(--transition-fast);
       display: flex;
       align-items: center;
       justify-content: center;
       width: 32px;
       height: 32px;
   }
   
   .category-search-clear:hover {
       background-color: var(--color-slate-100);
       color: var(--color-slate-800);
   }
   
   .shop-page-header h1 {
       font-size: 2.5rem;
       font-weight: 900;
       color: var(--color-slate-800);
       margin-bottom: 0.75rem;
   }
   
   .shop-page-header p {
       font-size: 1.125rem;
       color: var(--color-slate-600);
       font-weight: 500;
   }
   
   /* Shop Categories Grid */
   .shop-categories-grid {
       display: grid;
       grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
       gap: 1.5rem;
       margin-top: 2rem;
   }
   
   .shop-category-card {
       background-color: var(--color-white);
       border-radius: var(--radius-2xl);
       box-shadow: var(--shadow-sm);
       border: 1px solid var(--color-slate-100);
       padding: 1.5rem;
       display: flex;
       align-items: center;
       gap: 1rem;
       transition: all var(--transition-fast);
       text-decoration: none;
       color: inherit;
   }
   
   .shop-category-card:hover {
       transform: translateY(-4px);
       box-shadow: var(--shadow-md);
       border-color: var(--color-primary);
   }
   
   .shop-category-icon-wrapper {
       flex-shrink: 0;
   }
   
   .shop-category-icon {
       width: 4rem;
       height: 4rem;
       border-radius: var(--radius-lg);
       display: flex;
       align-items: center;
       justify-content: center;
       color: var(--color-white);
       font-size: 1.75rem;
       box-shadow: var(--shadow-md);
       overflow: hidden;
       background-size: cover;
       background-position: center;
   }
   
   .shop-category-icon[style*="background-image"] {
       background-size: cover;
       background-position: center;
   }
   
   .shop-category-icon[style*="background-image"] i {
       display: none;
   }
   
   .shop-category-content {
       flex: 1;
       min-width: 0;
   }
   
   .shop-category-name {
       font-size: 1.125rem;
       font-weight: 800;
       color: var(--color-slate-800);
       margin-bottom: 0.5rem;
   }
   
   .shop-category-stats {
       display: flex;
       flex-direction: column;
       gap: 0.25rem;
   }
   
   .shop-category-stat {
       font-size: 0.875rem;
       color: var(--color-slate-600);
       font-weight: 600;
       display: flex;
       align-items: center;
       gap: 0.5rem;
   }
   
   .shop-category-stat i {
       font-size: 0.75rem;
       color: var(--color-primary);
   }
   
   .shop-category-arrow {
       flex-shrink: 0;
       color: var(--color-slate-400);
       transition: all var(--transition-fast);
   }
   
   .shop-category-card:hover .shop-category-arrow {
       color: var(--color-primary);
       transform: translateX(4px);
   }
   
   .no-categories {
       grid-column: 1 / -1;
       text-align: center;
       padding: 3rem 1rem;
   }
   
   .no-categories-icon {
       width: 4rem;
       height: 4rem;
       margin: 0 auto 1rem;
       background-color: var(--color-slate-100);
       border-radius: var(--radius-full);
       display: flex;
       align-items: center;
       justify-content: center;
       color: var(--color-slate-400);
       font-size: 1.5rem;
   }
   
   .no-categories h2 {
       font-size: 1.5rem;
       font-weight: 800;
       color: var(--color-slate-800);
       margin-bottom: 0.5rem;
   }
   
   .no-categories p {
       color: var(--color-slate-600);
   }
   
   /* Shop Header (Legacy - for backward compatibility) */
   .shop-header {
       text-align: center;
       margin-bottom: var(--spacing-xl);
   }
   
   .shop-header h1 {
       font-size: 2.5rem;
       font-weight: 900;
       margin-bottom: 0.75rem;
   }
   
   .shop-header p {
       color: var(--color-slate-500);
       font-size: 1.125rem;
       font-weight: 500;
   }
   
   /* Subcategories Tabs */
   .subcategories-tabs-wrapper {
       margin-bottom: var(--spacing-xl);
   }
   
   .subcategories-tabs {
       display: flex;
       flex-wrap: wrap;
       gap: 0.5rem;
       padding: 0.375rem;
       background-color: rgba(226, 232, 240, 0.5);
       border-radius: var(--radius-xl);
       overflow-x: auto;
       scrollbar-width: none;
   }
   
   .subcategories-tabs::-webkit-scrollbar {
       display: none;
   }
   
   .subcategory-tab {
       padding: 0.625rem 1.25rem;
       border-radius: var(--radius-md);
       font-size: 0.875rem;
       font-weight: 700;
       color: var(--color-slate-500);
       transition: all var(--transition-fast);
       white-space: nowrap;
       background-color: transparent;
       display: flex;
       align-items: center;
       gap: 0.5rem;
   }
   
   .subcategory-tab:hover {
       color: var(--color-slate-800);
   }
   
   .subcategory-tab.active {
       background-color: var(--color-white);
       color: var(--color-primary);
       box-shadow: var(--shadow-sm);
       font-weight: 800;
   }
   
   .subcategory-count {
       background-color: rgba(99, 102, 241, 0.1);
       color: var(--color-primary);
       padding: 0.125rem 0.5rem;
       border-radius: 9999px;
       font-size: 0.75rem;
       font-weight: 900;
       font-family: 'Courier New', monospace;
   }
   
   .subcategory-tab.active .subcategory-count {
       background-color: var(--color-primary);
       color: var(--color-white);
   }
   
   /* Products Table */
   /* Products Grid - Flex Layout */
   .products-grid-card {
       background-color: var(--color-white);
       border-radius: var(--radius-xl);
       box-shadow: var(--shadow-sm);
       border: 1px solid var(--color-slate-100);
       padding: 1.5rem;
   }
   
   .products-grid {
       display: flex;
       flex-direction: column;
       gap: 1rem;
   }
   
   .product-grid-item {
       display: flex;
       gap: 1.25rem;
       padding: 1.25rem;
       background-color: var(--color-white);
       border: 1px solid var(--color-slate-200);
       border-radius: var(--radius-lg);
       transition: all var(--transition-fast);
       box-shadow: var(--shadow-sm);
   }
   
   .product-grid-item:hover {
       box-shadow: var(--shadow-md);
       border-color: var(--color-primary);
       transform: translateY(-2px);
   }
   
   .product-grid-image {
       flex-shrink: 0;
       width: 5rem;
       height: 5rem;
       border-radius: var(--radius-lg);
       overflow: hidden;
       box-shadow: var(--shadow-sm);
       border: 1px solid var(--color-slate-100);
   }
   
   .product-grid-image img,
   .product-grid-image .product-grid-img {
       width: 100%;
       height: 100%;
       object-fit: contain;
       display: block;
   }
   
   .product-grid-placeholder {
       width: 100%;
       height: 100%;
       background-color: var(--color-slate-50);
       border: 1px solid var(--color-slate-100);
       display: flex;
       align-items: center;
       justify-content: center;
       color: var(--color-slate-300);
       font-size: 2rem;
   }
   
   .product-grid-content {
       flex: 1;
       display: flex;
       flex-direction: column;
       gap: 0.75rem;
       min-width: 0;
   }
   
   .product-grid-badges {
       display: flex;
       gap: 0.5rem;
       align-items: center;
       flex-wrap: wrap;
   }
   
   .product-grid-badge {
       font-size: 0.75rem;
       font-weight: 900;
       padding: 0.125rem 0.625rem;
       border-radius: var(--radius-sm);
       text-transform: uppercase;
       letter-spacing: 0.05em;
   }
   
   .badge-id {
       background-color: var(--color-slate-100);
       color: var(--color-slate-500);
       font-family: 'Courier New', monospace;
   }
   
   .badge-category {
       background-color: rgba(244, 63, 94, 0.1);
       color: var(--color-secondary);
   }
   
   .product-grid-title {
       font-weight: 800;
       font-size: 1.125rem;
       margin: 0;
       line-height: 1.3;
   }
   
   .product-grid-title a {
       color: var(--color-slate-800);
       text-decoration: none;
       transition: color var(--transition-fast);
   }
   
   .product-grid-title a:hover {
       color: var(--color-primary);
   }
   
   .product-grid-description {
       font-size: 0.875rem;
       color: var(--color-slate-500);
       line-height: 1.5;
       margin: 0;
       font-weight: 500;
   }
   
   .product-grid-meta {
       display: flex;
       flex-direction: column;
       gap: 0.5rem;
       margin-top: auto;
   }
   
   .product-grid-limits,
   .product-grid-price {
       display: flex;
       align-items: center;
       gap: 0.5rem;
       font-size: 0.875rem;
   }
   
   .meta-label {
       color: var(--color-slate-500);
       font-weight: 600;
   }
   
   .meta-value {
       color: var(--color-slate-800);
       font-weight: 700;
   }
   
   .price-value {
       color: var(--color-primary);
       font-size: 1rem;
       font-weight: 900;
   }
   
   .product-grid-btn {
       background-color: var(--color-slate-100);
       color: var(--color-primary);
       padding: 0.75rem 1.5rem;
       border-radius: var(--radius-md);
       font-weight: 900;
       font-size: 0.875rem;
       transition: all var(--transition-fast);
       display: inline-block;
       text-align: center;
       text-decoration: none;
       border: none;
       cursor: pointer;
       width: 100%;
       margin-top: 0.5rem;
   }
   
   .product-grid-btn:hover {
       background-color: var(--color-primary);
       color: var(--color-white);
       transform: translateY(-1px);
       box-shadow: var(--shadow-md);
   }
   
   /* Mobile Responsiveness for Products Grid */
   @media (max-width: 768px) {
       .products-grid-card {
           padding: 1rem;
       }
       
       .product-grid-item {
           flex-direction: column;
           gap: 1rem;
           padding: 1rem;
       }
       
       .product-grid-image {
           width: 100%;
           height: 6rem;
           max-width: 100%;
       }
       
       .product-grid-content {
           width: 100%;
       }
       
       .product-grid-meta {
           flex-direction: column;
           gap: 0.75rem;
       }
       
       .product-grid-limits,
       .product-grid-price {
           width: 100%;
       }
   }
   
   /* Pagination */
   .pagination-wrapper {
       margin-top: var(--spacing-xl);
   }
   
   .pagination {
       display: flex;
       justify-content: center;
       align-items: center;
       gap: 0.5rem;
   }
   
   .pagination ul {
       display: flex;
       list-style: none;
       gap: 0.5rem;
       margin: 0;
       padding: 0;
   }
   
   .pagination li {
       margin: 0;
   }
   
   .pagination a,
   .pagination span {
       display: inline-flex;
       align-items: center;
       justify-content: center;
       min-width: 2.5rem;
       height: 2.5rem;
       padding: 0 0.75rem;
       border-radius: var(--radius-md);
       font-weight: 700;
       font-size: 0.875rem;
       background-color: var(--color-white);
       color: var(--color-slate-600);
       border: 1px solid var(--color-slate-200);
       transition: all var(--transition-fast);
   }
   
   .pagination a:hover {
       background-color: var(--color-slate-50);
       border-color: var(--color-slate-300);
       color: var(--color-slate-800);
   }
   
   .pagination .current {
       background-color: var(--color-primary);
       color: var(--color-white);
       border-color: var(--color-primary);
   }
   
   /* Shop Header */
   .shop-header {
       background-color: var(--color-white);
       padding: 2rem;
       border-radius: var(--radius-2xl);
       box-shadow: var(--shadow-sm);
       border: 1px solid var(--color-slate-100);
       margin-bottom: var(--spacing-xl);
       text-align: center;
   }
   
   .shop-header h1 {
       font-size: 2.25rem;
       font-weight: 900;
       color: var(--color-slate-800);
       margin-bottom: 0.5rem;
   }
   
   .shop-header p {
       color: var(--color-slate-500);
       font-weight: 500;
       font-size: 1.125rem;
       margin: 0;
   }
   
   /* No Products */
   .no-products {
       text-align: center;
       padding: 4rem 2rem;
   }
   
   .no-products-icon {
       font-size: 5rem;
       color: var(--color-slate-300);
       margin-bottom: 1.5rem;
   }
   
   .no-products h2 {
       font-size: 1.875rem;
       font-weight: 900;
       color: var(--color-slate-800);
       margin-bottom: 0.75rem;
   }
   
   .no-products p {
       color: var(--color-slate-500);
       font-weight: 500;
       font-size: 1.125rem;
       margin-bottom: 1.5rem;
   }
   
   /* Hidden Mobile Elements */
   .hidden-mobile {
       display: table-cell;
   }
   
   /* ==========================================================================
      SINGLE PRODUCT PAGE
      ========================================================================== */
   
   /* Back Button */
   .back-btn {
       display: inline-flex;
       align-items: center;
       gap: 0.5rem;
       padding: 0.5rem 1rem;
       margin-bottom: 1.5rem;
       background-color: var(--color-white);
       color: var(--color-slate-500);
       font-weight: 700;
       font-size: 0.9375rem;
       border-radius: var(--radius-xl);
       box-shadow: var(--shadow-sm);
       border: 1px solid var(--color-slate-100);
       transition: all var(--transition-fast);
   }
   
   .back-btn:hover {
       color: var(--color-primary);
       transform: translateX(-4px);
   }
   
   /* Product Single Layout */
   .product-single-layout {
       display: grid;
       grid-template-columns: 1fr 400px;
       gap: 2rem;
       align-items: start;
   }
   
   /* Product Single Card */
   .product-single-card {
       background-color: var(--color-white);
       border-radius: 2.5rem;
       box-shadow: var(--shadow-sm);
       border: 1px solid var(--color-slate-100);
       padding: 2.5rem;
   }
   
   /* Product Header */
   .product-single-header {
       display: flex;
       align-items: flex-start;
       gap: 1.25rem;
       margin-bottom: 2.5rem;
   }
   
   .product-header-icon {
       width: 4rem;
       height: 4rem;
       border-radius: 1.5rem;
       display: flex;
       align-items: center;
       justify-content: center;
       color: var(--color-white);
       font-size: 2rem;
       flex-shrink: 0;
       box-shadow: var(--shadow-md);
   }
   
   .product-header-image {
       width: 4rem;
       height: 4rem;
       border-radius: 1.5rem;
       overflow: hidden;
       flex-shrink: 0;
       box-shadow: var(--shadow-md);
       border: 2px solid var(--color-white);
   }
   
   .product-header-image img,
   .product-header-image .product-header-image-img {
       width: 100%;
       height: 100%;
       object-fit: cover;
       display: block;
   }
   
   .product-card .product-header-image {
       width: 3.5rem;
       height: 3.5rem;
       border-radius: 1.25rem;
   }
   
   .product-card .product-header-image img,
   .product-card .product-header-image .product-card-image {
       width: 100%;
       height: 100%;
       object-fit: cover;
   }
   
   .product-header-content {
       flex: 1;
   }
   
   .product-meta-badges {
       display: flex;
       gap: 0.5rem;
       align-items: center;
       margin-bottom: 0.5rem;
       flex-wrap: wrap;
   }
   
   .product-meta-badge {
       font-size: 0.75rem;
       font-weight: 900;
       padding: 0.25rem 0.625rem;
       border-radius: var(--radius-lg);
       text-transform: uppercase;
       letter-spacing: 0.05em;
   }
   
   .product-meta-badge.badge-id {
       background-color: var(--color-slate-100);
       color: var(--color-slate-500);
   }
   
   .product-meta-badge.badge-category {
       background-color: rgba(244, 63, 94, 0.1);
       color: var(--color-secondary);
   }
   
   .product-single-title {
       font-size: 1.875rem;
       font-weight: 900;
       color: var(--color-slate-800);
       line-height: 1.25;
   }
   
   /* Product Order Form */
   .product-order-form {
       display: flex;
       flex-direction: column;
       gap: 1.5rem;
   }
   
   .form-group {
       display: flex;
       flex-direction: column;
   }
   
   .form-group-row {
       display: grid;
       grid-template-columns: repeat(2, 1fr);
       gap: 1.5rem;
       padding: 2rem;
       background-color: var(--color-slate-50);
       border-radius: 2rem;
       border: 1px solid var(--color-slate-100);
   }
   
   .form-label {
       display: block;
       font-weight: 800;
       font-size: 0.875rem;
       color: var(--color-slate-700);
       margin-bottom: 0.5rem;
   }
   
   .form-input {
       width: 100%;
       padding: 1rem 1.25rem;
       border-radius: 1rem;
       border: 2px solid var(--color-slate-100);
       background-color: var(--color-slate-50);
       font-size: 1rem;
       font-weight: 500;
       color: var(--color-slate-800);
       transition: all var(--transition-fast);
   }
   
   .form-input:focus {
       outline: none;
       background-color: var(--color-white);
       border-color: var(--color-primary);
       box-shadow: 0 0 0 4px rgba(99, 102, 241, 0.2);
   }
   
   .form-input-large {
       font-size: 1.25rem;
       font-weight: 900;
       font-family: 'Courier New', monospace;
       text-align: center;
       background-color: var(--color-white);
       border-color: var(--color-slate-200);
   }
   
   .form-help {
       font-size: 0.75rem;
       color: var(--color-slate-400);
       font-weight: 700;
       margin-top: 0.5rem;
   }
   
   .form-help i {
       color: var(--color-secondary);
   }
   
   /* Cart Auth Required Message */
   .cart-auth-required {
       margin-bottom: var(--spacing-xl);
   }
   
   .auth-required-card {
       background-color: var(--color-white);
       border-radius: var(--radius-2xl);
       box-shadow: var(--shadow-sm);
       border: 1px solid var(--color-slate-100);
       padding: 3rem 2rem;
       text-align: center;
   }
   
   .auth-required-icon {
       width: 5rem;
       height: 5rem;
       margin: 0 auto 1.5rem;
       background: linear-gradient(135deg, var(--color-primary), var(--color-secondary));
       border-radius: var(--radius-full);
       display: flex;
       align-items: center;
       justify-content: center;
       color: var(--color-white);
       font-size: 2rem;
   }
   
   .auth-required-card h2 {
       font-size: 1.5rem;
       font-weight: 800;
       color: var(--color-slate-800);
       margin-bottom: 0.75rem;
   }
   
   .auth-required-card p {
       font-size: 1rem;
       color: var(--color-slate-600);
       margin-bottom: 2rem;
   }
   
   .auth-required-actions {
       display: flex;
       gap: 1rem;
       justify-content: center;
       flex-wrap: wrap;
   }
   
   @media (max-width: 768px) {
       .auth-required-card {
           padding: 2rem 1.5rem;
       }
       
       .auth-required-actions {
           flex-direction: column;
       }
       
       .auth-required-actions .btn {
           width: 100%;
       }
   }
   
   /* Total Price Display */
   .total-price-display {
       height: 60px;
       padding: 0 1.25rem;
       border-radius: 1rem;
       border: 2px solid rgba(99, 102, 241, 0.2);
       background: linear-gradient(135deg, rgba(99, 102, 241, 0.1), rgba(99, 102, 241, 0.05));
       display: flex;
       align-items: center;
       justify-content: space-between;
   }
   
   .total-price-amount {
       font-size: 1.875rem;
       font-weight: 900;
       color: var(--color-primary);
   }
   
   .total-price-currency {
       font-size: 1.25rem;
       font-weight: 900;
       color: rgba(99, 102, 241, 0.6);
   }
   
   .btn-block {
       width: 100%;
       justify-content: center;
   }
   
   /* Product Details Card */
   .product-details-card {
       background-color: var(--color-white);
       border-radius: 2rem;
       box-shadow: var(--shadow-sm);
       border: 1px solid var(--color-slate-100);
       padding: 2rem;
       position: sticky;
       top: 2rem;
   }
   
   .product-details-title {
       font-size: 1.125rem;
       font-weight: 800;
       color: var(--color-slate-800);
       margin-bottom: 1.5rem;
       display: flex;
       align-items: center;
       gap: 0.75rem;
   }
   
   .product-details-title i {
       color: var(--color-primary);
       font-size: 1.25rem;
   }
   
   .product-details-list {
       display: flex;
       flex-direction: column;
       gap: 1rem;
       margin-bottom: 1.5rem;
   }
   
   .product-detail-item {
       display: flex;
       justify-content: space-between;
       align-items: center;
       padding: 0.75rem 1rem;
       background-color: var(--color-slate-50);
       border-radius: var(--radius-md);
   }
   
   .product-detail-label {
       font-size: 0.875rem;
       font-weight: 600;
       color: var(--color-slate-600);
   }
   
   .product-detail-value {
       font-size: 0.875rem;
       font-weight: 700;
       color: var(--color-slate-800);
   }
   
   .product-detail-highlight {
       color: var(--color-primary);
       font-weight: 900;
       font-size: 1rem;
   }
   
   .product-detail-success {
       color: #10b981;
       font-weight: 800;
   }
   
   .product-description-box {
       padding-top: 1.5rem;
       border-top: 1px solid var(--color-slate-100);
   }
   
   .product-description-box h4 {
       font-size: 1rem;
       font-weight: 800;
       color: var(--color-slate-800);
       margin-bottom: 0.75rem;
   }
   
   .product-description-content {
       font-size: 0.875rem;
       color: var(--color-slate-600);
       line-height: 1.6;
   }
   
   .product-description-content p {
       margin: 0 0 0.5rem;
   }
   
   /* Mobile Responsiveness for Product Page */
   @media (max-width: 1024px) {
       .product-single-layout {
           grid-template-columns: 1fr;
       }
       
       .product-details-card {
           position: static;
       }
       
       .product-single-card {
           padding: 2rem;
       }
       
       .form-group-row {
           grid-template-columns: 1fr;
       }
   }
   
   @media (max-width: 768px) {
       .product-single-card {
           padding: 1.5rem;
           border-radius: 2rem;
       }
       
       .product-single-header {
           flex-direction: column;
           align-items: center;
           text-align: center;
           gap: 1rem;
       }
       
       .product-header-icon {
           width: 3.5rem;
           height: 3.5rem;
           font-size: 1.75rem;
       }
       
       .product-single-title {
           font-size: 1.5rem;
       }
       
       .form-group-row {
           padding: 1.5rem;
           gap: 1rem;
       }
       
       .total-price-display {
           height: 50px;
       }
       
       .total-price-amount {
           font-size: 1.5rem;
       }
       
       .product-details-card {
           padding: 1.5rem;
       }
   }
   
   /* ==========================================================================
      CART PAGE
      ========================================================================== */
   
   /* Page Title */
   .page-title {
       font-size: 2.25rem;
       font-weight: 900;
       color: var(--color-slate-800);
       margin-bottom: var(--spacing-xl);
       text-align: center;
   }
   
   /* Empty Cart State */
   .cart-empty-state {
       text-align: center;
       padding: 4rem 2rem;
       background-color: var(--color-white);
       border-radius: var(--radius-2xl);
       box-shadow: var(--shadow-sm);
       border: 1px solid var(--color-slate-100);
   }
   
   .empty-cart-icon {
       font-size: 5rem;
       color: var(--color-slate-300);
       margin-bottom: 1.5rem;
   }
   
   .cart-empty-state h2 {
       font-size: 1.875rem;
       font-weight: 900;
       color: var(--color-slate-800);
       margin-bottom: 0.75rem;
   }
   
   .cart-empty-state p {
       color: var(--color-slate-500);
       font-weight: 500;
       font-size: 1.125rem;
       margin-bottom: 1.5rem;
   }
   
   /* Cart Table */
   .cart-table-card {
       background-color: var(--color-white);
       border-radius: var(--radius-2xl);
       box-shadow: var(--shadow-sm);
       border: 1px solid var(--color-slate-100);
       overflow: hidden;
       margin-bottom: var(--spacing-xl);
   }
   
   .cart-table-wrapper {
       overflow-x: auto;
   }
   
   .cart-table {
       width: 100%;
       border-collapse: collapse;
       text-align: left;
       min-width: 800px;
   }
   
   .cart-table-header {
       padding: 1.25rem;
       background-color: rgba(241, 245, 249, 0.5);
       border-bottom: 1px solid var(--color-slate-100);
       color: var(--color-slate-400);
       font-size: 0.875rem;
       font-weight: 700;
       text-transform: uppercase;
       letter-spacing: 0.05em;
   }
   
   .cart-table-row {
       border-bottom: 1px solid var(--color-slate-100);
       transition: background-color var(--transition-fast);
   }
   
   .cart-table-row:hover {
       background-color: rgba(248, 250, 252, 0.8);
   }
   
   .cart-table-row:last-child {
       border-bottom: none;
   }
   
   .cart-table-cell {
       padding: 1.25rem;
       vertical-align: middle;
   }
   
   /* Cart Item Image */
   .cart-item-image img {
       width: 80px;
       height: 80px;
       object-fit: cover;
       border-radius: var(--radius-lg);
       border: 1px solid var(--color-slate-100);
   }
   
   /* Cart Item Details */
   .cart-item-details {
       display: flex;
       flex-direction: column;
       gap: 0.5rem;
   }
   
   .cart-item-category {
       background-color: rgba(244, 63, 94, 0.1);
       color: var(--color-secondary);
       padding: 0.125rem 0.625rem;
       border-radius: var(--radius-sm);
       font-size: 0.75rem;
       font-weight: 900;
       text-transform: uppercase;
       letter-spacing: 0.05em;
       display: inline-block;
       width: fit-content;
   }
   
   .cart-item-name {
       font-weight: 800;
       font-size: 1rem;
       color: var(--color-slate-800);
       transition: color var(--transition-fast);
   }
   
   .cart-item-name:hover {
       color: var(--color-primary);
   }
   
   .cart-item-link {
       font-size: 0.75rem;
       color: var(--color-slate-500);
       font-weight: 500;
   }
   
   /* Cart Item Price */
   .cart-item-price {
       font-weight: 900;
       font-size: 1.125rem;
       color: var(--color-slate-800);
   }
   
   /* Quantity Input */
   .cart-table input[type="number"] {
       width: 80px;
       padding: 0.5rem;
       border: 2px solid var(--color-slate-200);
       border-radius: var(--radius-md);
       font-size: 1rem;
       font-weight: 700;
       text-align: center;
       transition: all var(--transition-fast);
   }
   
   .cart-table input[type="number"]:focus {
       outline: none;
       border-color: var(--color-primary);
       box-shadow: 0 0 0 4px rgba(99, 102, 241, 0.1);
   }
   
   /* Cart Item Subtotal */
   .cart-item-subtotal {
       font-weight: 900;
       font-size: 1.25rem;
       color: var(--color-primary);
   }
   
   /* Remove Button */
   .cart-item-remove {
       display: inline-flex;
       align-items: center;
       justify-content: center;
       width: 36px;
       height: 36px;
       background-color: var(--color-slate-100);
       color: var(--color-slate-500);
       border-radius: var(--radius-md);
       transition: all var(--transition-fast);
   }
   
   .cart-item-remove:hover {
       background-color: rgba(244, 63, 94, 0.1);
       color: var(--color-secondary);
   }
   
   /* Cart Table Actions */
   .cart-table-actions {
       padding: 1.5rem;
       border-top: 1px solid var(--color-slate-100);
       background-color: rgba(248, 250, 252, 0.5);
   }
   
   /* Cart Totals Section */
   .cart-totals-section {
       display: grid;
       grid-template-columns: repeat(2, 1fr);
       gap: var(--spacing-xl);
       margin-top: var(--spacing-xl);
   }
   
   /* Coupon Card */
   .cart-coupon-card {
       background-color: var(--color-white);
       border-radius: var(--radius-2xl);
       box-shadow: var(--shadow-sm);
       border: 1px solid var(--color-slate-100);
       padding: 2rem;
   }
   
   .cart-coupon-card h3 {
       font-size: 1.25rem;
       font-weight: 800;
       color: var(--color-slate-800);
       margin-bottom: 1rem;
   }
   
   .coupon-input-group {
       display: flex;
       gap: 0.75rem;
   }
   
   .coupon-input-group .form-input {
       flex: 1;
   }
   
   /* Cart Totals Card */
   .cart-totals-card {
       background-color: var(--color-white);
       border-radius: var(--radius-2xl);
       box-shadow: var(--shadow-sm);
       border: 1px solid var(--color-slate-100);
       padding: 2rem;
   }
   
   .cart-totals-card h3 {
       font-size: 1.25rem;
       font-weight: 800;
       color: var(--color-slate-800);
       margin-bottom: 1.5rem;
   }
   
   .cart-totals-list {
       display: flex;
       flex-direction: column;
       gap: 1rem;
       margin-bottom: 1.5rem;
   }
   
   .cart-totals-row {
       display: flex;
       justify-content: space-between;
       align-items: center;
       padding: 0.75rem 0;
       font-weight: 600;
       color: var(--color-slate-700);
       border-bottom: 1px solid var(--color-slate-50);
   }
   
   .cart-totals-row.discount-row {
       color: var(--color-secondary);
   }
   
   .remove-coupon {
       margin-left: 0.5rem;
       color: var(--color-slate-400);
       transition: color var(--transition-fast);
   }
   
   .remove-coupon:hover {
       color: var(--color-secondary);
   }
   
   .discount-amount {
       color: var(--color-secondary);
       font-weight: 700;
   }
   
   .cart-totals-row.total-row {
       border-top: 2px solid var(--color-slate-200);
       border-bottom: none;
       padding-top: 1.5rem;
       margin-top: 0.5rem;
       font-size: 1.25rem;
       font-weight: 900;
   }
   
   .total-amount {
       color: var(--color-primary);
       font-size: 1.5rem;
   }
   
   .checkout-button {
       width: 100%;
       justify-content: center;
       gap: 0.75rem;
   }
   
   /* Continue Shopping Button */
   .cart-continue-shopping {
       margin-top: 2rem;
       text-align: center;
   }
   
   .cart-continue-shopping .btn {
       padding: 1rem 2rem;
   }
   
   /* Mobile Responsiveness for Cart */
   @media (max-width: 1024px) {
       .cart-totals-section {
           grid-template-columns: 1fr;
       }
   }
   
   @media (max-width: 768px) {
       .cart-table {
           min-width: 600px;
       }
       
       .cart-table-header,
       .cart-table-cell {
           padding: 0.875rem;
           font-size: 0.875rem;
       }
       
       .cart-item-image img {
           width: 60px;
           height: 60px;
       }
       
       .cart-item-name {
           font-size: 0.9375rem;
       }
       
       .cart-item-price,
       .cart-item-subtotal {
           font-size: 1rem;
       }
       
       .cart-table input[type="number"] {
           width: 60px;
           padding: 0.375rem;
       }
       
       .cart-coupon-card,
       .cart-totals-card {
           padding: 1.5rem;
       }
       
       .coupon-input-group {
           flex-direction: column;
       }
       
       .coupon-input-group .btn {
           width: 100%;
       }
   }
   
   @media (max-width: 480px) {
       .cart-table {
           min-width: 500px;
       }
       
       .cart-empty-state {
           padding: 3rem 1.5rem;
       }
       
       .empty-cart-icon {
           font-size: 4rem;
       }
       
       .cart-empty-state h2 {
           font-size: 1.5rem;
       }
   }
   
   /* ==========================================================================
      CHECKOUT PAGE
      ========================================================================== */
   
   /* Checkout Layout */
   .checkout-layout {
       display: grid;
       grid-template-columns: 1fr 400px;
       gap: var(--spacing-xl);
       align-items: start;
   }
   
   /* Checkout Card */
   .checkout-card {
       background-color: var(--color-white);
       border-radius: var(--radius-2xl);
       box-shadow: var(--shadow-sm);
       border: 1px solid var(--color-slate-100);
       padding: 2rem;
       margin-bottom: var(--spacing-xl);
   }
   
   .checkout-card h3 {
       font-size: 1.5rem;
       font-weight: 900;
       color: var(--color-slate-800);
       margin-bottom: 1.5rem;
   }
   
   /* Checkout Fields */
   .checkout-fields .form-row {
       margin-bottom: 1.25rem;
   }
   
   .checkout-fields label {
       display: block;
       font-weight: 700;
       font-size: 0.9375rem;
       color: var(--color-slate-700);
       margin-bottom: 0.5rem;
   }
   
   .checkout-fields label .required {
       color: var(--color-secondary);
       font-weight: 900;
   }
   
   .checkout-fields input[type="text"],
   .checkout-fields input[type="email"],
   .checkout-fields input[type="tel"],
   .checkout-fields input[type="number"],
   .checkout-fields textarea,
   .checkout-fields select {
       width: 100%;
       padding: 0.875rem 1rem;
       border: 2px solid var(--color-slate-200);
       border-radius: var(--radius-md);
       font-size: 0.9375rem;
       font-weight: 500;
       transition: all var(--transition-fast);
       background-color: var(--color-white);
   }
   
   .checkout-fields input:focus,
   .checkout-fields textarea:focus,
   .checkout-fields select:focus {
       outline: none;
       border-color: var(--color-primary);
       box-shadow: 0 0 0 4px rgba(99, 102, 241, 0.1);
   }
   
   .checkout-fields textarea {
       min-height: 100px;
       resize: vertical;
   }
   
   /* Order Review */
   .checkout-order-review {
       background-color: var(--color-white);
       border-radius: var(--radius-2xl);
       box-shadow: var(--shadow-sm);
       border: 1px solid var(--color-slate-100);
       padding: 2rem;
       position: sticky;
       top: 2rem;
   }
   
   .checkout-order-review h3 {
       font-size: 1.5rem;
       font-weight: 900;
       color: var(--color-slate-800);
       margin-bottom: 1.5rem;
   }
   
   /* Order Review Items */
   .order-review-items {
       margin-bottom: 1.5rem;
       padding-bottom: 1.5rem;
       border-bottom: 1px solid var(--color-slate-100);
   }
   
   .order-review-table {
       width: 100%;
       border-collapse: collapse;
       table-layout: fixed;
   }
   
   .order-review-table .order-item-name {
       width: 70%;
   }
   
   .order-review-table .order-item-total {
       width: 30%;
   }
   
   .order-review-table thead th {
       padding: 0.75rem 0;
       font-size: 0.875rem;
       font-weight: 700;
       color: var(--color-slate-400);
       text-transform: uppercase;
       letter-spacing: 0.05em;
       border-bottom: 1px solid var(--color-slate-100);
   }
   
   .order-review-table tbody tr {
       border-bottom: 1px solid var(--color-slate-50);
   }
   
   .order-review-table tbody td {
       padding: 1rem 0;
       word-break: break-word;
       overflow-wrap: anywhere;
       max-width: 0;
   }
   
   .order-item-name {
       font-weight: 700;
       color: var(--color-slate-800);
       word-break: break-word;
       overflow-wrap: anywhere;
   }
   
   .order-item-details {
       overflow-wrap: anywhere;
       word-break: break-word;
       font-size: 0.875rem;
   }
   
   .product-quantity {
       color: var(--color-primary);
       font-weight: 900;
   }
   
   .order-item-total {
       font-weight: 900;
       color: var(--color-slate-800);
   }
   
   /* Order Totals */
   .order-review-totals {
       margin-bottom: 1.5rem;
   }
   
   .order-totals-table {
       width: 100%;
       border-collapse: collapse;
   }
   
   .order-totals-table tr {
       border-bottom: 1px solid var(--color-slate-50);
   }
   
   .order-totals-table th,
   .order-totals-table td {
       padding: 0.75rem 0;
       font-weight: 600;
       color: var(--color-slate-700);
   }
   
   .order-totals-table td {
       text-align: right;
   }
   
   .order-totals-table tr.order-total {
       border-top: 2px solid var(--color-slate-200);
       border-bottom: none;
       padding-top: 1rem;
       margin-top: 0.5rem;
   }
   
   .order-totals-table tr.order-total th,
   .order-totals-table tr.order-total td {
       font-size: 1.25rem;
       font-weight: 900;
       padding-top: 1.5rem;
       padding-bottom: 0;
   }
   
   .order-totals-table tr.order-total td {
       color: var(--color-primary);
       font-size: 1.5rem;
   }
   
   /* Payment Methods */
   .checkout-payment {
       padding-top: 1.5rem;
       border-top: 1px solid var(--color-slate-100);
   }
   
   .payment-methods-title {
       font-size: 1.125rem;
       font-weight: 800;
       color: var(--color-slate-800);
       margin-bottom: 1rem;
   }
   
   .wc_payment_methods {
       list-style: none;
       margin: 0 0 1.5rem;
       padding: 0;
   }
   
   .wc_payment_methods li {
       margin-bottom: 0.75rem;
   }
   
   /* Hide the native radio, show custom styled label */
   .wc_payment_methods input[type="radio"],
   .wc_payment_methods .input-radio {
       position: absolute;
       opacity: 0;
       pointer-events: none;
       width: 0;
       height: 0;
   }
   
   .wc_payment_methods label {
       display: flex;
       align-items: center;
       gap: 0.75rem;
       padding: 0.875rem 1rem;
       background-color: var(--color-slate-50);
       border: 2px solid var(--color-slate-200);
       border-radius: var(--radius-md);
       cursor: pointer;
       transition: all var(--transition-fast);
       font-weight: 700;
       color: var(--color-slate-700);
       font-size: 0.9375rem;
   }
   
   .wc_payment_methods label::before {
       content: '';
       display: inline-flex;
       width: 1.125rem;
       height: 1.125rem;
       border-radius: 50%;
       border: 2px solid var(--color-slate-300);
       background-color: var(--color-white);
       flex-shrink: 0;
       transition: all var(--transition-fast);
   }
   
   .wc_payment_methods label:hover {
       background-color: var(--color-white);
       border-color: var(--color-primary);
   }
   
   .wc_payment_methods label:hover::before {
       border-color: var(--color-primary);
   }
   
   .wc_payment_methods input[type="radio"]:checked + label,
   .wc_payment_methods .input-radio:checked + label {
       background-color: rgba(99, 102, 241, 0.06);
       border-color: var(--color-primary);
       color: var(--color-primary);
   }
   
   .wc_payment_methods input[type="radio"]:checked + label::before,
   .wc_payment_methods .input-radio:checked + label::before {
       border-color: var(--color-primary);
       background-color: var(--color-primary);
       box-shadow: inset 0 0 0 3px var(--color-white);
   }
   
   .payment_box {
       padding: 1rem;
       background-color: var(--color-slate-50);
       border-radius: var(--radius-md);
       margin: 0.5rem 0 0.75rem;
       font-size: 0.875rem;
       color: var(--color-slate-600);
       display: none;
   }
   
   /* Place Order Button — target both custom class and WooCommerce standard #place_order */
   .checkout-place-order-button,
   #place_order,
   .woocommerce-checkout #place_order,
   button#place_order {
       width: 100%;
       display: flex;
       align-items: center;
       justify-content: center;
       gap: 0.75rem;
       font-size: 1.0625rem;
       font-weight: 800;
       padding: 1rem 2rem;
       background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-hover) 100%);
       color: var(--color-white) !important;
       border: none;
       border-radius: var(--radius-xl);
       cursor: pointer;
       transition: all 0.2s ease;
       box-shadow: 0 4px 14px rgba(99, 102, 241, 0.35);
       margin-top: 1.25rem;
       text-decoration: none;
       letter-spacing: 0.01em;
   }
   
   .checkout-place-order-button:hover,
   #place_order:hover,
   .woocommerce-checkout #place_order:hover,
   button#place_order:hover {
       background: linear-gradient(135deg, var(--color-primary-hover) 0%, var(--color-primary) 100%);
       box-shadow: 0 6px 20px rgba(99, 102, 241, 0.45);
       transform: translateY(-1px);
       color: var(--color-white) !important;
   }
   
   .checkout-place-order-button:active,
   #place_order:active,
   button#place_order:active {
       transform: translateY(0);
       box-shadow: 0 2px 8px rgba(99, 102, 241, 0.3);
   }
   
   .checkout-place-order-button:disabled,
   #place_order:disabled,
   button#place_order:disabled {
       opacity: 0.55;
       cursor: not-allowed;
       transform: none;
       box-shadow: none;
   }
   
   .checkout-place-order-button i,
   #place_order i,
   button#place_order i {
       font-size: 1.125rem;
   }
   
   /* WooCommerce Place Order wrapper */
   .form-row.place-order {
       padding: 0;
       margin: 0;
   }
   
   /* Terms & Conditions */
   .woocommerce-terms-and-conditions-wrapper {
       margin-bottom: 1.5rem;
   }
   
   .woocommerce-form__label-for-checkbox {
       display: flex;
       align-items: center;
       gap: 0.5rem;
       font-weight: 500;
       font-size: 0.875rem;
   }
   
   .woocommerce-form__label-for-checkbox input[type="checkbox"] {
       margin-right: 0.5rem;
   }
   
   /* ==========================================================================
      ORDER RECEIVED / THANKYOU PAGE
      ========================================================================== */
   
   .order-received-wrapper {
       max-width: 800px;
       margin: 0 auto;
   }
   
   /* Order Status Card */
   .order-status-card {
       text-align: center;
       padding: 3rem 2rem;
       background-color: var(--color-white);
       border-radius: var(--radius-2xl);
       box-shadow: var(--shadow-sm);
       border: 1px solid var(--color-slate-100);
       margin-bottom: var(--spacing-xl);
   }
   
   .order-status-icon {
       font-size: 5rem;
       margin-bottom: 1.5rem;
   }
   
   .order-status-card.order-success .order-status-icon {
       color: #10b981;
   }
   
   .order-status-card.order-failed .order-status-icon {
       color: var(--color-secondary);
   }
   
   .order-status-card.order-not-found .order-status-icon {
       color: var(--color-slate-400);
   }
   
   .order-status-card h1 {
       font-size: 2.25rem;
       font-weight: 900;
       color: var(--color-slate-800);
       margin-bottom: 1rem;
   }
   
   .order-status-message {
       font-size: 1.125rem;
       color: var(--color-slate-600);
       font-weight: 500;
       margin-bottom: 1.5rem;
   }
   
   /* Order Details Card */
   .order-details-card {
       background-color: var(--color-white);
       border-radius: var(--radius-2xl);
       box-shadow: var(--shadow-sm);
       border: 1px solid var(--color-slate-100);
       padding: 2rem;
       margin-bottom: var(--spacing-xl);
   }
   
   .order-details-card h2 {
       font-size: 1.5rem;
       font-weight: 900;
       color: var(--color-slate-800);
       margin-bottom: 1.5rem;
   }
   
   /* Order Overview */
   .order-overview {
       list-style: none;
       margin: 0;
       padding: 0;
       display: flex;
       flex-direction: column;
       gap: 1rem;
   }
   
   .order-overview-item {
       display: flex;
       justify-content: space-between;
       align-items: center;
       padding: 1rem;
       background-color: var(--color-slate-50);
       border-radius: var(--radius-md);
   }
   
   .overview-label {
       font-weight: 600;
       color: var(--color-slate-600);
       font-size: 0.9375rem;
   }
   
   .overview-value {
       font-weight: 800;
       color: var(--color-slate-800);
       font-size: 1rem;
   }
   
   /* Order Actions */
   .order-actions {
       display: flex;
       gap: 1rem;
       justify-content: center;
       flex-wrap: wrap;
   }
   
   /* Mobile Responsiveness */
   @media (max-width: 1024px) {
       .checkout-layout {
           grid-template-columns: 1fr;
       }
       
       .checkout-order-review {
           position: static;
       }
       
       .cart-totals-section {
           grid-template-columns: 1fr;
       }
   }
   
   @media (max-width: 768px) {
       .order-status-card {
           padding: 2rem 1.5rem;
       }
       
       .order-status-icon {
           font-size: 4rem;
       }
       
       .order-status-card h1 {
           font-size: 1.875rem;
       }
       
       .order-details-card {
           padding: 1.5rem;
       }
       
       .order-actions {
           flex-direction: column;
       }
       
       .order-actions .btn {
           width: 100%;
       }
   }
   
   /* Mobile Responsiveness */
   @media (max-width: 1024px) {
       .hidden-mobile {
           display: none;
       }
       
       .category-header-wrapper {
           flex-direction: column;
           text-align: center;
           align-items: center;
       }
       
       .category-header-content h1 {
           font-size: 1.875rem;
       }
   }
   
   @media (max-width: 768px) {
       .back-btn {
           font-size: 0.875rem;
           padding: 0.5rem 0.875rem;
       }
       
       .category-header-wrapper {
           padding: 1.5rem;
       }
       
       .category-header-icon {
           width: 4rem;
           height: 4rem;
           font-size: 2rem;
       }
       
       .category-header-content h1 {
           font-size: 1.5rem;
       }
       
       .category-header-content p {
           font-size: 0.875rem;
       }
       
       .subcategories-tabs {
           padding: 0.25rem;
           gap: 0.375rem;
           overflow-x: auto;
           -webkit-overflow-scrolling: touch;
       }
       
       .subcategory-tab {
           padding: 0.5rem 1rem;
           font-size: 0.8125rem;
           white-space: nowrap;
       }
       
       /* Products Table - Convert to Flex Cards on Mobile */
       .products-table-wrapper {
           overflow: visible;
       }
       
       .products-table,
       .products-table thead,
       .products-table tbody,
       .products-table tr,
       .products-table th,
       .products-table td {
           display: block;
           width: 100%;
       }
       
       .products-table thead {
           display: none;
       }
       
       .products-table tbody {
           display: flex;
           flex-direction: column;
           gap: 1rem;
       }
       
       .products-table-row {
           display: flex;
           flex-direction: column;
           background: var(--color-white);
           border: 1px solid var(--color-slate-200);
           border-radius: var(--radius-lg);
           padding: 1rem;
           box-shadow: var(--shadow-sm);
       }
       
       .products-table-cell {
           display: flex;
           padding: 0.5rem 0;
           border: none;
           align-items: center;
       }
       
       .products-table-cell:before {
           content: attr(data-label);
           font-weight: 700;
           color: var(--color-slate-600);
           min-width: 100px;
           margin-right: 0.75rem;
           font-size: 0.875rem;
       }
       
       .products-table-cell:first-child {
           padding-top: 0;
       }
       
       .products-table-cell:last-child {
           padding-bottom: 0;
       }
       
       .product-table-image,
       .product-table-placeholder {
           width: 3rem;
           height: 3rem;
           margin-right: 0.75rem;
       }
       
       .product-table-info {
           flex: 1;
       }
       
       .product-table-title {
           font-size: 1rem;
           margin-bottom: 0.25rem;
       }
       
       .product-table-description {
           font-size: 0.875rem;
       }
       
       .product-table-btn {
           width: 100%;
           padding: 0.75rem 1rem;
           font-size: 0.875rem;
           margin-top: 0.5rem;
       }
       
       /* Hide labels on mobile for better layout */
       .products-table-cell:before {
           display: none;
       }
       
       /* Better mobile layout for product cards */
       .products-table-row {
           gap: 0.75rem;
       }
       
       .products-table-cell:first-child {
           order: 1;
           padding-bottom: 0.75rem;
           border-bottom: 1px solid var(--color-slate-200);
       }
       
       .products-table-cell:nth-child(2) {
           order: 2;
       }
       
       .products-table-cell:nth-child(3) {
           order: 3;
       }
       
       .products-table-cell:nth-child(4) {
           order: 4;
       }
       
       .products-table-cell:last-child {
           order: 5;
           padding-top: 0.75rem;
           border-top: 1px solid var(--color-slate-200);
       }
       
       /* Product info on mobile */
       .product-table-info {
           width: 100%;
       }
       
       .product-table-badges {
           margin-bottom: 0.5rem;
       }
       
       .product-table-title {
           margin-bottom: 0.5rem;
       }
       
       .product-table-description {
           margin-bottom: 0.75rem;
       }
       
       /* Price and limits on mobile */
       .product-table-price {
           font-size: 1.125rem;
           font-weight: 700;
           color: var(--color-primary);
       }
       
       .product-table-limits {
           font-size: 0.875rem;
           color: var(--color-slate-600);
       }
       
       .shop-header h1 {
           font-size: 1.875rem;
       }
       
       .shop-header p {
           font-size: 1rem;
       }
       
       .pagination a,
       .pagination span {
           min-width: 2rem;
           height: 2rem;
           padding: 0 0.5rem;
           font-size: 0.8125rem;
       }
   }
   
   /* No Products */
   .no-products {
       text-align: center;
       padding: var(--spacing-2xl);
       background-color: var(--color-white);
       border-radius: var(--radius-xl);
       box-shadow: var(--shadow-sm);
       border: 2px dashed var(--color-slate-200);
   }
   
   .no-products-icon {
       width: 5rem;
       height: 5rem;
       background-color: var(--color-slate-50);
       border-radius: 50%;
       display: flex;
       align-items: center;
       justify-content: center;
       font-size: 2rem;
       color: var(--color-slate-300);
       margin: 0 auto var(--spacing-md);
       box-shadow: var(--shadow-sm);
   }
   
   .no-products h2 {
       font-size: 1.5rem;
       font-weight: 900;
       margin-bottom: 0.5rem;
   }
   
   .no-products p {
       color: var(--color-slate-500);
       font-weight: 500;
       margin-bottom: var(--spacing-lg);
   }
   
   /* ==========================================================================
      SINGLE PRODUCT PAGE
      ========================================================================== */
   
   .product-single-layout {
       display: grid;
       grid-template-columns: 2fr 1fr;
       gap: var(--spacing-xl);
   }
   
   .product-single-main {
       display: flex;
       flex-direction: column;
       gap: var(--spacing-xl);
   }
   
   .product-single-card {
       background-color: var(--color-white);
       border-radius: var(--radius-2xl);
       box-shadow: var(--shadow-sm);
       border: 1px solid var(--color-slate-100);
       padding: 2.5rem;
   }
   
   .product-single-header {
       display: flex;
       align-items: flex-start;
       gap: var(--spacing-md);
       margin-bottom: var(--spacing-xl);
   }
   
   .product-header-icon.small {
       width: 3.5rem;
       height: 3.5rem;
       font-size: 1.75rem;
   }
   
   .product-meta-badges {
       display: flex;
       gap: 0.5rem;
       align-items: center;
       margin-bottom: 0.5rem;
   }
   
   .product-meta-badge {
       font-size: 0.75rem;
       font-weight: 900;
       padding: 0.25rem 0.625rem;
       border-radius: var(--radius-sm);
       text-transform: uppercase;
       letter-spacing: 0.05em;
   }
   
   .badge-id {
       background-color: var(--color-slate-100);
       color: var(--color-slate-500);
       font-family: 'Courier New', monospace;
   }
   
   .badge-category {
       background-color: rgba(244, 63, 94, 0.1);
       color: var(--color-secondary);
   }
   
   .product-single-title {
       font-size: 2rem;
       font-weight: 900;
       line-height: 1.2;
       margin: 0;
   }
   
   /* Product Order Form */
   .product-order-form {
       display: flex;
       flex-direction: column;
       gap: var(--spacing-lg);
   }
   
   .form-group-row {
       display: grid;
       grid-template-columns: 1fr 1fr;
       gap: var(--spacing-lg);
       padding: 2rem;
       background-color: var(--color-slate-50);
       border-radius: var(--radius-xl);
       border: 1px solid var(--color-slate-100);
   }
   
   .total-price-display {
       width: 100%;
       height: 60px;
       padding: 0 1.25rem;
       border-radius: var(--radius-xl);
       border: 2px solid rgba(99, 102, 241, 0.2);
       background-color: rgba(99, 102, 241, 0.05);
       display: flex;
       align-items: center;
       justify-content: space-between;
       font-size: 2rem;
       font-weight: 900;
       color: var(--color-primary);
       font-family: 'Courier New', monospace;
   }
   
   /* Product Sidebar */
   .product-single-sidebar {
       display: flex;
       flex-direction: column;
       gap: var(--spacing-lg);
   }
   
   .product-single-image {
       background-color: var(--color-white);
       border-radius: var(--radius-xl);
       padding: 0.5rem;
       box-shadow: var(--shadow-sm);
       border: 1px solid var(--color-slate-100);
       width: 100%;
       display: block;
   }
   
   .product-single-image img,
   .product-single-image .product-image {
       width: 100%;
       height: 14rem;
       object-fit: cover;
       border-radius: var(--radius-lg);
       display: block;
   }
   
   .product-details-card {
       background-color: var(--color-white);
       color: var(--color-slate-800);
       border-radius: var(--radius-2xl);
       padding: 2.5rem;
       box-shadow: var(--shadow-sm);
       border: 1px solid var(--color-slate-100);
       position: sticky;
       top: 7rem;
   }
   
   .product-details-title {
       font-size: 1.125rem;
       font-weight: 800;
       margin-bottom: var(--spacing-lg);
       padding-bottom: var(--spacing-md);
       border-bottom: 1px solid var(--color-slate-100);
       display: flex;
       align-items: center;
       gap: var(--spacing-sm);
       color: var(--color-slate-800);
   }
   
   .product-details-icon {
       width: 2rem;
       height: 2rem;
       background-color: rgba(99, 102, 241, 0.1);
       border-radius: var(--radius-sm);
       display: flex;
       align-items: center;
       justify-content: center;
       color: var(--color-primary);
   }
   
   .product-details-list {
       display: flex;
       flex-direction: column;
       gap: var(--spacing-md);
       color: var(--color-slate-600);
       font-size: 0.875rem;
       font-weight: 500;
   }
   
   .product-detail-item {
       display: flex;
       justify-content: space-between;
       align-items: center;
   }
   
   .product-detail-label {
       color: var(--color-slate-500);
   }
   
   .product-detail-value {
       font-weight: 700;
       color: var(--color-slate-800);
   }
   
   .product-detail-value.highlight {
       background-color: rgba(99, 102, 241, 0.08);
       padding: 0.25rem 0.75rem;
       border-radius: var(--radius-sm);
       color: var(--color-primary);
       font-size: 1.125rem;
       font-weight: 900;
   }
   
   .product-detail-value.success {
       color: #10b981;
   }
   
   .product-description-content {
       color: var(--color-slate-600);
       font-size: 0.9375rem;
       line-height: 1.75;
       font-weight: 500;
   }
   
   .product-description-content p {
       margin-bottom: var(--spacing-md);
       color: var(--color-slate-600);
   }
   
   .product-description-content p:last-child {
       margin-bottom: 0;
   }
   
   .product-description-content strong,
   .product-description-content b {
       color: var(--color-slate-800);
       font-weight: 700;
   }
   
   .product-description-content ul,
   .product-description-content ol {
       margin: var(--spacing-md) 0;
       padding-left: 1.5rem;
       color: var(--color-slate-600);
   }
   
   .product-description-content li {
       margin-bottom: 0.5rem;
   }
   
   .product-description-box {
       margin-top: var(--spacing-lg);
       padding-top: var(--spacing-lg);
       border-top: 1px solid var(--color-slate-100);
   }
   
   .product-description-box h4 {
       font-weight: 800;
       color: var(--color-slate-800);
       margin-bottom: var(--spacing-sm);
   }
   
   .product-description-box p {
       font-size: 0.875rem;
       color: var(--color-slate-500);
       line-height: 1.625;
       font-weight: 500;
       margin: 0;
   }
   
   .back-button-wrapper {
       margin-bottom: var(--spacing-md);
   }
   
   /* ==========================================================================
      CART PAGE
      ========================================================================== */
   
   .cart-wrapper {
       display: grid;
       grid-template-columns: 2fr 1fr;
       gap: var(--spacing-xl);
   }
   
   .cart-main {
       display: flex;
       flex-direction: column;
       gap: var(--spacing-lg);
   }
   
   .cart-items-card {
       background-color: var(--color-white);
       border-radius: var(--radius-xl);
       box-shadow: var(--shadow-sm);
       border: 1px solid var(--color-slate-100);
       overflow: hidden;
   }
   
   /* Cart Empty State */
   .cart-empty {
       text-align: center;
       padding: var(--spacing-2xl);
   }
   
   .cart-empty-icon {
       width: 5rem;
       height: 5rem;
       background-color: var(--color-slate-50);
       border-radius: 50%;
       display: flex;
       align-items: center;
       justify-content: center;
       font-size: 2rem;
       color: var(--color-slate-300);
       margin: 0 auto var(--spacing-md);
   }
   
   .cart-empty h2 {
       font-size: 1.5rem;
       font-weight: 900;
       margin-bottom: 0.5rem;
   }
   
   .cart-empty p {
       color: var(--color-slate-500);
       margin-bottom: var(--spacing-lg);
   }
   
   /* Cart Table */
   .cart-table {
       width: 100%;
       border-collapse: collapse;
       text-align: left;
       min-width: 800px;
   }
   
   .cart-table-header {
       padding: 1.25rem;
       background-color: rgba(241, 245, 249, 0.5);
       border-bottom: 1px solid var(--color-slate-100);
       color: var(--color-slate-400);
       font-size: 0.875rem;
       font-weight: 700;
       text-transform: uppercase;
       letter-spacing: 0.05em;
   }
   
   .cart-item-row {
       border-bottom: 1px solid var(--color-slate-50);
       transition: background-color var(--transition-fast);
   }
   
   .cart-item-row:hover {
       background-color: rgba(248, 250, 252, 0.8);
   }
   
   .cart-item-row:last-child {
       border-bottom: none;
   }
   
   .cart-item-row td {
       padding: 1.25rem;
       vertical-align: middle;
   }
   
   .cart-item-info {
       display: flex;
       align-items: center;
       gap: var(--spacing-md);
   }
   
   .cart-item-name {
       font-weight: 800;
       font-size: 1rem;
       color: var(--color-slate-800);
       margin-bottom: 0.25rem;
   }
   
   .cart-item-name a {
       color: var(--color-slate-800);
   }
   
   .cart-item-name a:hover {
       color: var(--color-primary);
   }
   
   .cart-item-category {
       font-size: 0.625rem;
       font-weight: 900;
       text-transform: uppercase;
       letter-spacing: 0.1em;
       color: var(--color-slate-400);
   }
   
   .cart-item-meta {
       font-size: 0.75rem;
       color: var(--color-slate-500);
       margin-bottom: 0.25rem;
   }
   
   .cart-item-details {
       font-size: 0.875rem;
   }
   
   .quantity-display {
       font-weight: 700;
       font-family: 'Courier New', monospace;
       color: var(--color-slate-600);
   }
   
   .cart-item-total {
       font-size: 1.125rem;
   }
   
   .remove-item-btn {
       display: inline-flex;
       align-items: center;
       justify-content: center;
       width: 2.5rem;
       height: 2.5rem;
       border-radius: var(--radius-sm);
       background-color: var(--color-slate-100);
       color: var(--color-slate-400);
       transition: all var(--transition-fast);
   }
   
   .remove-item-btn:hover {
       background-color: rgba(244, 63, 94, 0.1);
       color: var(--color-secondary);
   }
   
   .cart-actions {
       display: flex;
       justify-content: space-between;
       align-items: center;
       padding: 1.5rem;
       background-color: var(--color-slate-50);
       border-top: 1px solid var(--color-slate-100);
       gap: var(--spacing-md);
   }
   
   /* Cart Sidebar / Totals */
   .cart-sidebar {
       display: flex;
       flex-direction: column;
       gap: var(--spacing-lg);
   }
   
   .cart-collaterals {
       background-color: var(--color-white);
       border-radius: var(--radius-xl);
       box-shadow: var(--shadow-sm);
       border: 1px solid var(--color-slate-100);
       padding: 2rem;
   }
   
   .woocommerce-cart-form__contents {
       overflow-x: auto;
   }
   
   /* ==========================================================================
      CHECKOUT PAGE
      ========================================================================== */
   
   .checkout-wrapper {
       display: grid;
       grid-template-columns: 2fr 1fr;
       gap: var(--spacing-xl);
   }
   
   .checkout-main {
       display: flex;
       flex-direction: column;
       gap: var(--spacing-xl);
   }
   
   .checkout-customer-details {
       display: flex;
       flex-direction: column;
       gap: var(--spacing-lg);
   }
   
   .checkout-billing-card,
   .checkout-shipping-card,
   .checkout-additional-card {
       background-color: var(--color-white);
       border-radius: var(--radius-xl);
       box-shadow: var(--shadow-sm);
       border: 1px solid var(--color-slate-100);
       padding: 2rem;
   }
   
   .checkout-section-title {
       display: flex;
       align-items: center;
       gap: var(--spacing-sm);
       font-size: 1.25rem;
       font-weight: 900;
       margin-bottom: var(--spacing-lg);
       color: var(--color-slate-800);
   }
   
   .checkout-section-title i {
       color: var(--color-primary);
   }
   
   .checkout-coupon {
       margin-top: var(--spacing-md);
   }
   
   .coupon-input-group {
       display: flex;
       gap: var(--spacing-sm);
   }
   
   .coupon-input-group .form-input {
       flex: 1;
   }
   
   .checkout-sidebar {
       display: flex;
       flex-direction: column;
       gap: var(--spacing-lg);
   }
   
   .checkout-order-review {
       background-color: var(--color-white);
       border-radius: var(--radius-xl);
       box-shadow: var(--shadow-sm);
       border: 1px solid var(--color-slate-100);
       padding: 2rem;
       position: sticky;
       top: 7rem;
   }
   
   /* ==========================================================================
      PAGINATION
      ========================================================================== */
   
   .woocommerce-pagination,
   .posts-navigation {
       margin-top: var(--spacing-2xl);
       display: flex;
       justify-content: center;
       gap: var(--spacing-sm);
   }
   
   .woocommerce-pagination .page-numbers {
       display: inline-flex;
       align-items: center;
       justify-content: center;
       min-width: 2.5rem;
       height: 2.5rem;
       padding: 0 0.75rem;
       border-radius: var(--radius-md);
       font-weight: 700;
       font-size: 0.875rem;
       background-color: var(--color-white);
       color: var(--color-slate-600);
       border: 1px solid var(--color-slate-200);
       transition: all var(--transition-fast);
   }
   
   .woocommerce-pagination .page-numbers:hover {
       background-color: var(--color-slate-50);
       border-color: var(--color-slate-300);
   }
   
   .woocommerce-pagination .page-numbers.current {
       background-color: var(--color-primary);
       color: var(--color-white);
       border-color: var(--color-primary);
   }
   
   /* ==========================================================================
      RESPONSIVE
      ========================================================================== */
   
   @media (max-width: 1024px) {
       .product-single-layout,
       .cart-wrapper,
       .checkout-wrapper {
           grid-template-columns: 1fr;
       }
       
       .cart-sidebar,
       .checkout-sidebar {
           order: -1;
       }
       
       .product-details-card {
           position: static;
       }
   }
   
   @media (min-width: 768px) {
       .category-header-wrapper {
           border-radius: var(--radius-3xl);
           padding: 2rem;
           gap: 1.5rem;
           margin-bottom: 2rem;
       }
       
       .category-header-icon {
           width: 5rem;
           height: 5rem;
           border-radius: var(--radius-xl);
           font-size: 2.5rem;
       }
       
       .category-header-content h1 {
           font-size: 2.25rem;
       }
   }
   
   @media (max-width: 768px) {
       .category-header {
           flex-direction: column;
           text-align: center;
           align-items: center;
       }
       
       .category-header-text h1 {
           font-size: 1.875rem;
       }
       
       .product-single-card {
           padding: 1.5rem;
       }
       
       .product-single-title {
           font-size: 1.5rem;
       }
       
       .form-group-row {
           grid-template-columns: 1fr;
       }
       
       .cart-table {
           font-size: 0.875rem;
       }
       
       .cart-actions {
           flex-direction: column;
       }
       
       .subcategories-tabs {
           padding: 0.25rem;
       }
   }
   
   @media (max-width: 480px) {
       .cart-item-info {
           flex-direction: column;
           align-items: flex-start;
       }
       
       .product-single-header {
           flex-direction: column;
           align-items: flex-start;
           gap: var(--spacing-md);
       }
       
       .product-single-layout {
           flex-direction: column;
       }
       
       .product-single-sidebar {
           order: 2;
       }
       
       .product-single-image {
           max-width: 100%;
       }
       
       .product-single-image img {
           height: auto;
           max-height: 300px;
       }
       
       .product-details-card {
           position: static;
       }
       
       .product-description-content {
           font-size: 0.875rem;
       }
       
       .shop-categories-grid {
           grid-template-columns: 1fr;
           gap: 1rem;
       }
       
       .shop-category-card {
           padding: 1.25rem;
       }
       
       .shop-category-icon {
           width: 3.5rem;
           height: 3.5rem;
           font-size: 1.5rem;
       }
       
       .shop-category-name {
           font-size: 1rem;
       }
       
       .shop-category-stat {
           font-size: 0.8125rem;
       }
       
       .shop-search-wrapper {
           margin-bottom: var(--spacing-lg);
       }
       
       .shop-search-input {
           padding: 0.875rem 2.5rem 0.875rem 3rem;
           font-size: 0.9375rem;
       }
       
       .shop-search-icon {
           left: 1rem;
           font-size: 1rem;
       }
       
       .shop-search-clear {
           right: 0.75rem;
           width: 28px;
           height: 28px;
       }
       
       .category-search-wrapper {
           margin-bottom: var(--spacing-lg);
       }
       
       .category-search-input {
           padding: 0.875rem 2.5rem 0.875rem 3rem;
           font-size: 0.9375rem;
       }
       
       .category-search-icon {
           left: 1rem;
           font-size: 1rem;
       }
       
       .category-search-clear {
           right: 0.75rem;
           width: 28px;
           height: 28px;
       }
   }