body {
    --l: 3.5em;
   }
   .triggerButton { display: none; }
   
   /* Floating cart button - Enhanced Design */
   .cart-fab {
     cursor: pointer;
     position: fixed;
     right: 24px;
     bottom: 24px;
     height: 64px;
     width: 64px;
     border-radius: 50%;
     background: linear-gradient(135deg, #000000 0%, #1a1a1a 100%);
     display: flex;
     align-items: center;
     justify-content: center;
     box-shadow: 0 8px 24px rgba(0,0,0,0.35), 0 2px 8px rgba(0,0,0,0.2);
     z-index: 1000;
     transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
   }
   
   .cart-fab:hover {
     transform: scale(1.08) translateY(-2px);
     box-shadow: 0 12px 32px rgba(0,0,0,0.45), 0 4px 12px rgba(0,0,0,0.25);
     background: linear-gradient(135deg, #1a1a1a 0%, #000000 100%);
   }
   
   .cart-fab:active {
     transform: scale(1.02) translateY(0px);
   }
   
   /* Cart count badge - Enhanced */
   .cart-count-badge {
     position: absolute;
     top: -4px;
     right: -4px;
     background: linear-gradient(135deg, #ff3b3b 0%, #ff0000 100%);
     color: #fff;
     border-radius: 50%;
     min-width: 26px;
     height: 26px;
     padding: 0 6px;
     display: none;
     align-items: center;
     justify-content: center;
     font-size: 13px;
     font-weight: 700;
     border: 3px solid #fff;
     box-shadow: 0 2px 8px rgba(255, 0, 0, 0.4);
     animation: badgePulse 2s ease-in-out infinite;
   }
   
   @keyframes badgePulse {
     0%, 100% { transform: scale(1); }
     50% { transform: scale(1.05); }
   }
   
   .floating-cart-arrow{
    position: fixed;
    right: 26px;
    bottom: 96px;
    z-index: 999;
    display: none;
    pointer-events: none;
    opacity: 0.9;
   }
   
   .floating-cart-notification{
     display: none;
   }
   
   /* Cart panel - Enhanced Design */
   .one{
     cursor: default;
     position: fixed;
     right: 20px;
     bottom: 20px;
     padding: 0;
     width: 380px;
     max-width: calc(100vw - 40px);
     height: 520px;
     max-height: calc(100vh - 120px);
     visibility: hidden;
     opacity: 0;
     z-index: 999;
     font-size: 1em;
     transition: all .35s cubic-bezier(0.4, 0, 0.2, 1);
     border-radius: 12px;
     box-shadow: 0 12px 40px rgba(0,0,0,0.3);
     background-color: #fff;
     overflow: hidden;
     display: flex;
     flex-direction: column;
   }
   
   .triggerButton:checked ~ .one {
     visibility: visible;
     opacity: 1;
     transform: translateY(-90px);
   }
   
   .floating-cart-header {
     background: linear-gradient(135deg, #000 0%, #1a1a1a 100%);
     color: #fff;
     padding: 14px 20px;
     position: relative;
     flex-shrink: 0;
   }
   
   .floating-cart-header h4 {
     margin: 0;
     font-size: 16px;
     font-weight: 700;
     letter-spacing: 1.8px;
   }
   
   .floating-cart-header h2 {
     position: absolute;
     right: 15px;
     top: 12px;
     font-size: 32px;
     font-weight: 300;
     color: #fff;
     cursor: pointer;
     transition: color 0.2s, background 0.2s;
     line-height: 1;
     margin: 0;
     padding: 4px 8px;
     border-radius: 4px;
   }
   
   .floating-cart-header h2:hover {
     color: #ff4444;
     background: rgba(255,255,255,0.1);
   }
   
   .floating-cart-header hr {
     display: none;
   }
   
   .floating-cart-body{
     flex: 1;
     overflow-y: auto;
     padding: 20px 16px;
     background: #fff;
   }
   
   /* Cart body - Enhanced */
   .floating-cart-body{
     max-height: 360px;
     overflow-y: auto;
     padding: 20px 24px;
     margin-bottom: 70px;
   }
   
   .floating-cart-body h5 {
     font-size: 11px;
     letter-spacing: 1.2px;
     font-weight: 700;
     color: #666;
     margin-bottom: 12px;
     margin-top: 16px;
   }
   
   .floating-cart-body #nothing-in-cart {
     text-align: center;
     padding: 60px 20px;
     color: #999;
     font-size: 14px;
   }
   
   .floating-cart-body #show-notshow {
     margin: 20px 0;
   }
   
   /* Cart table styling */
   .floating-cart-body .table {
     margin-bottom: 0;
   }
   
   .floating-cart-body .cart-items tr {
     border-bottom: 1px solid #f0f0f0;
   }
   
   .floating-cart-body .cart-items tr:last-child {
     border-bottom: none;
   }
   
   /* Product thumbnails in cart */
   .floating-cart-body img {
     border-radius: 6px;
     transition: transform 0.2s;
     border: 1px solid #f0f0f0;
   }
   
   .floating-cart-body img:hover {
     transform: scale(1.05);
     border-color: #ddd;
   }
   
   /* Cart footer - Enhanced */
   .floating-cart-footer{
     flex-shrink: 0;
     padding: 16px 20px 20px;
     border-top: 2px solid #e5e5e5;
     background: #fff;
   }
   
   .floating-cart-footer .btn {
     width: 100%;
     background: #000;
     color: #fff;
     border: none;
     padding: 14px 24px;
     font-size: 14px;
     font-weight: 700;
     letter-spacing: 1.5px;
     text-transform: uppercase;
     border-radius: 8px;
     transition: all 0.3s ease;
     display: flex;
     align-items: center;
     justify-content: center;
     gap: 8px;
     text-decoration: none;
   }
   
   .floating-cart-footer .btn:hover {
     background: #333;
     transform: translateY(-2px);
     box-shadow: 0 4px 12px rgba(0,0,0,0.3);
   }
   
   .floating-cart-footer .btn i {
     font-size: 16px;
   }   .floating-cart-footer .btn {
     width: 100%;
     padding: 14px 24px;
     font-size: 14px;
     font-weight: 700;
     letter-spacing: 1px;
     text-transform: uppercase;
     border-radius: 8px;
     transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
     background: #000;
     border-color: #000;
     color: #fff;
     box-shadow: 0 4px 12px rgba(0,0,0,0.15);
   }
   
   .floating-cart-footer .btn:hover {
     background: #1a1a1a;
     transform: translateY(-2px);
     box-shadow: 0 6px 16px rgba(0,0,0,0.25);
   }
   
   .floating-cart-footer .btn:active {
     transform: translateY(0px);
   }
   
   /* Scrollbar styling */
      .floating-cart-body::-webkit-scrollbar {
     width: 6px;
   }

   .floating-cart-body::-webkit-scrollbar-track {
     background: transparent;
   }
   
   .floating-cart-body::-webkit-scrollbar-thumb {
     background: #ccc;
     border-radius: 10px;
   }
   
   .floating-cart-body::-webkit-scrollbar-thumb:hover {
     background: #999;
   }
   
   /* Empty cart state */
   #nothing-in-cart {
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
     padding: 60px 20px;
     text-align: center;
   }
   
   #nothing-in-cart strong {
     color: #666;
     font-size: 16px;
     font-weight: 600;
     letter-spacing: 0.5px;
   }
   
   /* Cart items styling */
   .floating-cart-body h5 {
     font-size: 11px;
     font-weight: 700;
     letter-spacing: 1.2px;
     color: #666;
     margin-bottom: 12px;
     text-transform: uppercase;
   }
   
   .floating-cart-body .cart-items img {
     border-radius: 4px;
   }
   
   /* Renamed single-stickers-div -> mini-cart-items; keep both selectors for backward compatibility */
   #mini-cart-items img, #single-stickers-div img {
     border-radius: 6px;
     transition: transform 0.2s;
   }
   
   #mini-cart-items img:hover, #single-stickers-div img:hover {
     transform: scale(1.05);
   }
   
   /* Mobile responsive */
   @media (max-width: 480px) {
     .one {
       width: calc(100vw - 30px);
       right: 15px;
       height: 480px;
     }
     
     .floating-cart-header {
       padding: 16px 18px;
     }
     
     .floating-cart-header h4 {
       font-size: 16px;
     }
     
     .floating-cart-body {
       padding: 16px 12px;
     }
     
     .floating-cart-footer {
       padding: 14px 16px 16px;
     }
   }
  
  /* Mobile responsive styles */
  @media (max-width: 768px) {
    .cart-fab {
      right: 16px;
      bottom: 16px;
      height: 56px;
      width: 56px;
    }
    
    .cart-count-badge {
      min-width: 22px;
      height: 22px;
      font-size: 11px;
      border-width: 2px;
    }
    
    .one {
      right: 16px;
      bottom: 16px;
      width: calc(100vw - 32px);
      max-height: 480px;
      border-radius: 12px;
    }
    
    .triggerButton:checked ~ .one {
      transform: translateY(-80px);
    }
    
    .floating-cart-header {
      padding: 16px 20px;
    }
    
    .floating-cart-header h4 {
      font-size: 16px;
    }
    
    .floating-cart-body {
      padding: 16px 20px;
      max-height: 300px;
    }
    
    .floating-cart-footer {
      padding: 14px 20px;
    }
    
    .floating-cart-footer .btn {
      padding: 12px 20px;
      font-size: 13px;
    }
  }