/* ==========================================================================
   GARAGE 66 MAYORISTAS — Hoja de estilos del portal
      Reutiliza la paleta corporativa (negro/blanco/rojo) del sitio público,
         pero este archivo es autocontenido porque el portal vive en un
            subdominio con su propio docroot (mayoristas.garage66.cl).
               ========================================================================== */
               
               :root {
                 --g66-black: #0a0a0a;
                   --g66-black-soft: #161616;
                     --g66-black-card: #1f1f1f;
                       --g66-red: #e30613;
                         --g66-red-dark: #a80410;
                           --g66-white: #ffffff;
                             --g66-gray-100: #f5f5f5;
                               --g66-gray-200: #e9e9e9;
                                 --g66-gray-300: #d4d4d4;
                                   --g66-gray-500: #8c8c8c;
                                     --g66-gray-700: #4a4a4a;
                                       --g66-green: #16a34a;
                                       
                                         --font-display: 'Anton', 'Oswald', sans-serif;
                                           --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
                                           
                                             --radius-sm: 6px;
                                               --radius-md: 12px;
                                                 --radius-lg: 20px;
                                                   --shadow-md: 0 8px 24px rgba(0, 0, 0, 0.14);
                                                     --shadow-lg: 0 16px 40px rgba(0, 0, 0, 0.22);
                                                       --header-h: 76px;
                                                       }
                                                       
                                                       * { box-sizing: border-box; }
                                                       html { scroll-behavior: smooth; overflow-x: hidden; }
                                                       body {
                                                         margin: 0;
                                                           overflow-x: hidden;
                                                             font-family: var(--font-body);
                                                               color: var(--g66-black);
                                                                 background: var(--g66-gray-100);
                                                                   line-height: 1.5;
                                                                     -webkit-font-smoothing: antialiased;
                                                                     }
                                                                     img { max-width: 100%; display: block; }
                                                                     a { color: inherit; text-decoration: none; }
                                                                     ul { list-style: none; margin: 0; padding: 0; }
                                                                     button { font-family: inherit; cursor: pointer; }
                                                                     input, select, textarea { font-family: inherit; font-size: 15px; }
                                                                     
                                                                     .container {
                                                                       width: 100%;
                                                                         max-width: 1320px;
                                                                           margin: 0 auto;
                                                                             padding: 0 20px;
                                                                             }
                                                                             
                                                                             .btn {
                                                                               display: inline-flex;
                                                                                 align-items: center;
                                                                                   justify-content: center;
                                                                                     gap: 8px;
                                                                                       padding: 13px 26px;
                                                                                         border-radius: var(--radius-sm);
                                                                                           border: 2px solid transparent;
                                                                                             font-weight: 700;
                                                                                               text-transform: uppercase;
                                                                                                 letter-spacing: 0.4px;
                                                                                                   font-size: 14px;
                                                                                                     transition: transform 0.15s ease, background 0.15s ease, color 0.15s ease, border-color .15s ease;
                                                                                                     }
                                                                                                     .btn:hover { transform: translateY(-2px); }
                                                                                                     .btn-primary { background: var(--g66-red); color: var(--g66-white); }
                                                                                                     .btn-primary:hover { background: var(--g66-red-dark); }
                                                                                                     .btn-dark { background: var(--g66-black); color: var(--g66-white); }
                                                                                                     .btn-dark:hover { background: #000; }
                                                                                                     .btn-outline-dark { background: transparent; border-color: var(--g66-black); color: var(--g66-black); }
                                                                                                     .btn-outline-dark:hover { background: var(--g66-black); color: var(--g66-white); }
                                                                                                     .btn-block { width: 100%; }
                                                                                                     .btn-sm { padding: 9px 16px; font-size: 12px; }
                                                                                                     .btn:disabled { opacity: 0.5; cursor: not-allowed; transform: none; }
                                                                                                     
                                                                                                     /* --- Barra superior "modo mayorista" --- */
                                                                                                     .topbar {
                                                                                                       background: var(--g66-black);
                                                                                                         color: var(--g66-gray-300);
                                                                                                           font-size: 13px;
                                                                                                           }
                                                                                                           .topbar .container {
                                                                                                             display: flex;
                                                                                                               align-items: center;
                                                                                                                 justify-content: space-between;
                                                                                                                   height: 34px;
                                                                                                                   }
                                                                                                                   .topbar-badge {
                                                                                                                     background: var(--g66-red);
                                                                                                                       color: #fff;
                                                                                                                         font-weight: 800;
                                                                                                                           font-size: 11px;
                                                                                                                             letter-spacing: 0.5px;
                                                                                                                               padding: 2px 8px;
                                                                                                                                 border-radius: 4px;
                                                                                                                                   margin-right: 8px;
                                                                                                                                   }
                                                                                                                                   
                                                                                                                                   /* --- Header --- */
                                                                                                                                   .site-header {
                                                                                                                                     position: sticky;
                                                                                                                                       top: 0;
                                                                                                                                         z-index: 40;
                                                                                                                                           background: var(--g66-white);
                                                                                                                                             border-bottom: 1px solid var(--g66-gray-200);
                                                                                                                                               height: var(--header-h);
                                                                                                                                               }
                                                                                                                                               .site-header .container {
                                                                                                                                                 height: 100%;
                                                                                                                                                   display: flex;
                                                                                                                                                     align-items: center;
                                                                                                                                                       gap: 24px;
                                                                                                                                                       }
                                                                                                                                                       .brand { display: flex; align-items: center; flex-shrink: 0; }
                                                                                                                                                       .brand-logo { height: 44px; width: auto; }
                                                                                                                                                       .main-nav {
                                                                                                                                                         display: flex;
                                                                                                                                                           align-items: center;
                                                                                                                                                             gap: 22px;
                                                                                                                                                               flex: 1;
                                                                                                                                                                 font-weight: 600;
                                                                                                                                                                   font-size: 14.5px;
                                                                                                                                                                   }
                                                                                                                                                                   .main-nav a { position: relative; padding: 6px 0; color: var(--g66-black); }
                                                                                                                                                                   .main-nav a:hover { color: var(--g66-red); }
                                                                                                                                                                   .header-actions { display: flex; align-items: center; gap: 14px; }
                                                                                                                                                                   .header-account {
                                                                                                                                                                     font-size: 13px;
                                                                                                                                                                       color: var(--g66-gray-700);
                                                                                                                                                                         text-align: right;
                                                                                                                                                                           line-height: 1.3;
                                                                                                                                                                           }
                                                                                                                                                                           .header-account strong { display: block; color: var(--g66-black); font-size: 14px; }
                                                                                                                                                                           .icon-btn {
                                                                                                                                                                             position: relative;
                                                                                                                                                                               display: inline-flex;
                                                                                                                                                                                 align-items: center;
                                                                                                                                                                                   justify-content: center;
                                                                                                                                                                                     width: 40px;
                                                                                                                                                                                       height: 40px;
                                                                                                                                                                                         border-radius: 50%;
                                                                                                                                                                                           background: var(--g66-gray-100);
                                                                                                                                                                                             border: none;
                                                                                                                                                                                               color: var(--g66-black);
                                                                                                                                                                                               }
                                                                                                                                                                                               .icon-btn:hover { background: var(--g66-gray-200); }
                                                                                                                                                                                               .cart-count {
                                                                                                                                                                                                 position: absolute;
                                                                                                                                                                                                   top: -4px;
                                                                                                                                                                                                     right: -4px;
                                                                                                                                                                                                       background: var(--g66-red);
                                                                                                                                                                                                         color: #fff;
                                                                                                                                                                                                           font-size: 11px;
                                                                                                                                                                                                             font-weight: 800;
                                                                                                                                                                                                               min-width: 18px;
                                                                                                                                                                                                                 height: 18px;
                                                                                                                                                                                                                   border-radius: 999px;
                                                                                                                                                                                                                     display: flex;
                                                                                                                                                                                                                       align-items: center;
                                                                                                                                                                                                                         justify-content: center;
                                                                                                                                                                                                                           padding: 0 4px;
                                                                                                                                                                                                                           }
                                                                                                                                                                                                                           
                                                                                                                                                                                                                           /* --- Footer --- */
                                                                                                                                                                                                                           .site-footer { background: var(--g66-black); color: var(--g66-gray-300); padding: 40px 0 20px; margin-top: 60px; }
                                                                                                                                                                                                                           .footer-bottom {
                                                                                                                                                                                                                             border-top: 1px solid #2a2a2a;
                                                                                                                                                                                                                               margin-top: 24px;
                                                                                                                                                                                                                                 padding-top: 18px;
                                                                                                                                                                                                                                   display: flex;
                                                                                                                                                                                                                                     justify-content: space-between;
                                                                                                                                                                                                                                       flex-wrap: wrap;
                                                                                                                                                                                                                                         gap: 8px;
                                                                                                                                                                                                                                           font-size: 12.5px;
                                                                                                                                                                                                                                             color: var(--g66-gray-500);
                                                                                                                                                                                                                                             }
                                                                                                                                                                                                                                             
                                                                                                                                                                                                                                             /* --- Páginas de auth (login / registro) --- */
                                                                                                                                                                                                                                             .auth-shell {
                                                                                                                                                                                                                                               min-height: calc(100vh - var(--header-h));
                                                                                                                                                                                                                                                 display: flex;
                                                                                                                                                                                                                                                   align-items: center;
                                                                                                                                                                                                                                                     justify-content: center;
                                                                                                                                                                                                                                                       padding: 48px 20px;
                                                                                                                                                                                                                                                       }
                                                                                                                                                                                                                                                       .auth-card {
                                                                                                                                                                                                                                                         width: 100%;
                                                                                                                                                                                                                                                           max-width: 480px;
                                                                                                                                                                                                                                                             background: var(--g66-white);
                                                                                                                                                                                                                                                               border-radius: var(--radius-lg);
                                                                                                                                                                                                                                                                 box-shadow: var(--shadow-lg);
                                                                                                                                                                                                                                                                   padding: 40px 36px;
                                                                                                                                                                                                                                                                   }
                                                                                                                                                                                                                                                                   .auth-card.wide { max-width: 760px; }
                                                                                                                                                                                                                                                                   .auth-eyebrow {
                                                                                                                                                                                                                                                                     display: inline-block;
                                                                                                                                                                                                                                                                       background: var(--g66-red);
                                                                                                                                                                                                                                                                         color: #fff;
                                                                                                                                                                                                                                                                           font-size: 11px;
                                                                                                                                                                                                                                                                             font-weight: 800;
                                                                                                                                                                                                                                                                               letter-spacing: 0.5px;
                                                                                                                                                                                                                                                                                 text-transform: uppercase;
                                                                                                                                                                                                                                                                                   padding: 4px 10px;
                                                                                                                                                                                                                                                                                     border-radius: 4px;
                                                                                                                                                                                                                                                                                       margin-bottom: 14px;
                                                                                                                                                                                                                                                                                       }
                                                                                                                                                                                                                                                                                       .auth-card h1 {
                                                                                                                                                                                                                                                                                         font-family: var(--font-display);
                                                                                                                                                                                                                                                                                           text-transform: uppercase;
                                                                                                                                                                                                                                                                                             font-size: 28px;
                                                                                                                                                                                                                                                                                               margin: 0 0 8px;
                                                                                                                                                                                                                                                                                                 letter-spacing: 0.3px;
                                                                                                                                                                                                                                                                                                 }
                                                                                                                                                                                                                                                                                                 .auth-card .lead { color: var(--g66-gray-700); margin: 0 0 28px; font-size: 15px; }
                                                                                                                                                                                                                                                                                                 
                                                                                                                                                                                                                                                                                                 .field { margin-bottom: 18px; }
                                                                                                                                                                                                                                                                                                 .field label { display: block; font-weight: 700; font-size: 13px; margin-bottom: 6px; }
                                                                                                                                                                                                                                                                                                 .field .optional-tag { font-weight: 400; color: var(--g66-gray-500); text-transform: none; }
                                                                                                                                                                                                                                                                                                 .field input, .field select, .field textarea {
                                                                                                                                                                                                                                                                                                   width: 100%;
                                                                                                                                                                                                                                                                                                     padding: 12px 14px;
                                                                                                                                                                                                                                                                                                       border: 1.5px solid var(--g66-gray-200);
                                                                                                                                                                                                                                                                                                         border-radius: var(--radius-sm);
                                                                                                                                                                                                                                                                                                           background: var(--g66-white);
                                                                                                                                                                                                                                                                                                             transition: border-color .15s ease;
                                                                                                                                                                                                                                                                                                             }
                                                                                                                                                                                                                                                                                                             .field input:focus, .field select:focus, .field textarea:focus {
                                                                                                                                                                                                                                                                                                               outline: none;
                                                                                                                                                                                                                                                                                                                 border-color: var(--g66-black);
                                                                                                                                                                                                                                                                                                                 }
                                                                                                                                                                                                                                                                                                                 .field-row { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
                                                                                                                                                                                                                                                                                                                 @media (max-width: 560px) { .field-row { grid-template-columns: 1fr; } }
                                                                                                                                                                                                                                                                                                                 
                                                                                                                                                                                                                                                                                                                 .form-msg {
                                                                                                                                                                                                                                                                                                                   padding: 12px 14px;
                                                                                                                                                                                                                                                                                                                     border-radius: var(--radius-sm);
                                                                                                                                                                                                                                                                                                                       font-size: 14px;
                                                                                                                                                                                                                                                                                                                         margin-bottom: 18px;
                                                                                                                                                                                                                                                                                                                           display: none;
                                                                                                                                                                                                                                                                                                                           }
                                                                                                                                                                                                                                                                                                                           .form-msg.show { display: block; }
                                                                                                                                                                                                                                                                                                                           .form-msg.error { background: #fdecec; color: #a80410; border: 1px solid #f6c7c9; }
                                                                                                                                                                                                                                                                                                                           .form-msg.success { background: #eafaf0; color: #146c34; border: 1px solid #bfe9cf; }
                                                                                                                                                                                                                                                                                                                           
                                                                                                                                                                                                                                                                                                                           .auth-links { margin-top: 22px; text-align: center; font-size: 14px; color: var(--g66-gray-700); }
                                                                                                                                                                                                                                                                                                                           .auth-links a { color: var(--g66-red); font-weight: 700; }
                                                                                                                                                                                                                                                                                                                           .auth-links a:hover { text-decoration: underline; }
                                                                                                                                                                                                                                                                                                                           
                                                                                                                                                                                                                                                                                                                           .success-panel { text-align: center; padding: 20px 0; }
                                                                                                                                                                                                                                                                                                                           .success-panel .icon { font-size: 48px; margin-bottom: 12px; }
                                                                                                                                                                                                                                                                                                                           .success-panel h2 { font-family: var(--font-display); text-transform: uppercase; font-size: 24px; margin: 0 0 12px; }
                                                                                                                                                                                                                                                                                                                           .success-panel p { color: var(--g66-gray-700); margin: 0 0 8px; }
                                                                                                                                                                                                                                                                                                                           
                                                                                                                                                                                                                                                                                                                           /* --- Catálogo --- */
                                                                                                                                                                                                                                                                                                                           .catalog-hero { background: var(--g66-black); color: #fff; padding: 34px 0; }
                                                                                                                                                                                                                                                                                                                           .catalog-hero h1 { font-family: var(--font-display); text-transform: uppercase; font-size: 26px; margin: 0 0 6px; }
                                                                                                                                                                                                                                                                                                                           .catalog-hero h1 span { color: var(--g66-red); }
                                                                                                                                                                                                                                                                                                                           .catalog-hero p { color: var(--g66-gray-300); margin: 0; font-size: 14.5px; }
                                                                                                                                                                                                                                                                                                                           
                                                                                                                                                                                                                                                                                                                           .section { padding: 40px 0; }
                                                                                                                                                                                                                                                                                                                           .cat-filter-bar { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 28px; }
                                                                                                                                                                                                                                                                                                                           .cat-chip {
                                                                                                                                                                                                                                                                                                                             background: var(--g66-white);
                                                                                                                                                                                                                                                                                                                               border: 1.5px solid var(--g66-gray-200);
                                                                                                                                                                                                                                                                                                                                 border-radius: 999px;
                                                                                                                                                                                                                                                                                                                                   padding: 9px 18px;
                                                                                                                                                                                                                                                                                                                                     font-weight: 700;
                                                                                                                                                                                                                                                                                                                                       font-size: 13.5px;
                                                                                                                                                                                                                                                                                                                                       }
                                                                                                                                                                                                                                                                                                                                       .cat-chip.active, .cat-chip:hover { background: var(--g66-black); color: #fff; border-color: var(--g66-black); }
                                                                                                                                                                                                                                                                                                                                       
                                                                                                                                                                                                                                                                                                                                       .product-grid {
                                                                                                                                                                                                                                                                                                                                         display: grid;
                                                                                                                                                                                                                                                                                                                                           grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
                                                                                                                                                                                                                                                                                                                                             gap: 20px;
                                                                                                                                                                                                                                                                                                                                             }
                                                                                                                                                                                                                                                                                                                                             .product-card {
                                                                                                                                                                                                                                                                                                                                               background: var(--g66-white);
                                                                                                                                                                                                                                                                                                                                                 border-radius: var(--radius-md);
                                                                                                                                                                                                                                                                                                                                                   overflow: hidden;
                                                                                                                                                                                                                                                                                                                                                     box-shadow: var(--shadow-md);
                                                                                                                                                                                                                                                                                                                                                       display: flex;
                                                                                                                                                                                                                                                                                                                                                         flex-direction: column;
                                                                                                                                                                                                                                                                                                                                                         }
                                                                                                                                                                                                                                                                                                                                                         .product-media {
                                                                                                                                                                                                                                                                                                                                                           aspect-ratio: 1 / 1;
                                                                                                                                                                                                                                                                                                                                                             background: var(--g66-gray-100);
                                                                                                                                                                                                                                                                                                                                                               display: flex;
                                                                                                                                                                                                                                                                                                                                                                 align-items: center;
                                                                                                                                                                                                                                                                                                                                                                   justify-content: center;
                                                                                                                                                                                                                                                                                                                                                                     font-size: 40px;
                                                                                                                                                                                                                                                                                                                                                                     }
                                                                                                                                                                                                                                                                                                                                                                     .product-body { padding: 14px 16px 18px; display: flex; flex-direction: column; flex: 1; }
                                                                                                                                                                                                                                                                                                                                                                     .product-cat { font-size: 11px; text-transform: uppercase; letter-spacing: 0.4px; color: var(--g66-gray-500); font-weight: 700; }
                                                                                                                                                                                                                                                                                                                                                                     .product-name { font-size: 15px; font-weight: 700; margin: 4px 0 2px; line-height: 1.3; }
                                                                                                                                                                                                                                                                                                                                                                     .product-sku { font-size: 11.5px; color: var(--g66-gray-500); }
                                                                                                                                                                                                                                                                                                                                                                     .product-price-wrap { margin: 10px 0 12px; }
                                                                                                                                                                                                                                                                                                                                                                     .product-price { font-family: var(--font-display); font-size: 20px; color: var(--g66-red); }
                                                                                                                                                                                                                                                                                                                                                                     .product-price-note { font-size: 11px; color: var(--g66-gray-500); display: block; margin-top: 1px; }
                                                                                                                                                                                                                                                                                                                                                                     .product-price-loading { font-size: 13px; color: var(--g66-gray-500); }
                                                                                                                                                                                                                                                                                                                                                                     .product-actions { margin-top: auto; }
                                                                                                                                                                                                                                                                                                                                                                     
                                                                                                                                                                                                                                                                                                                                                                     .empty-state { padding: 60px 20px; text-align: center; color: var(--g66-gray-500); }
                                                                                                                                                                                                                                                                                                                                                                     
                                                                                                                                                                                                                                                                                                                                                                     /* --- Carrito ancho (mayorista) --- */
                                                                                                                                                                                                                                                                                                                                                                     .cart-overlay {
                                                                                                                                                                                                                                                                                                                                                                       position: fixed; inset: 0; background: rgba(0,0,0,0.5);
                                                                                                                                                                                                                                                                                                                                                                         opacity: 0; pointer-events: none; transition: opacity .2s ease; z-index: 90;
                                                                                                                                                                                                                                                                                                                                                                         }
                                                                                                                                                                                                                                                                                                                                                                         .cart-overlay.open { opacity: 1; pointer-events: auto; }
                                                                                                                                                                                                                                                                                                                                                                         .cart-drawer {
                                                                                                                                                                                                                                                                                                                                                                           position: fixed; top: 0; right: 0; height: 100vh;
                                                                                                                                                                                                                                                                                                                                                                             width: min(720px, 96vw);
                                                                                                                                                                                                                                                                                                                                                                               background: var(--g66-white);
                                                                                                                                                                                                                                                                                                                                                                                 box-shadow: var(--shadow-lg);
                                                                                                                                                                                                                                                                                                                                                                                   transform: translateX(100%);
                                                                                                                                                                                                                                                                                                                                                                                     transition: transform .25s ease;
                                                                                                                                                                                                                                                                                                                                                                                       z-index: 91;
                                                                                                                                                                                                                                                                                                                                                                                         display: flex; flex-direction: column;
                                                                                                                                                                                                                                                                                                                                                                                         }
                                                                                                                                                                                                                                                                                                                                                                                         .cart-drawer.open { transform: translateX(0); }
                                                                                                                                                                                                                                                                                                                                                                                         .cart-header {
                                                                                                                                                                                                                                                                                                                                                                                           display: flex; align-items: center; justify-content: space-between;
                                                                                                                                                                                                                                                                                                                                                                                             padding: 20px 26px; border-bottom: 1px solid var(--g66-gray-200);
                                                                                                                                                                                                                                                                                                                                                                                             }
                                                                                                                                                                                                                                                                                                                                                                                             .cart-header h3 { font-family: var(--font-display); text-transform: uppercase; margin: 0; font-size: 20px; }
                                                                                                                                                                                                                                                                                                                                                                                             .cart-close { background: none; border: none; font-size: 26px; line-height: 1; color: var(--g66-gray-700); }
                                                                                                                                                                                                                                                                                                                                                                                             .cart-body { flex: 1; overflow-y: auto; padding: 20px 26px 32px; }
                                                                                                                                                                                                                                                                                                                                                                                             .cart-items { display: flex; flex-direction: column; gap: 14px; margin-bottom: 20px; }
                                                                                                                                                                                                                                                                                                                                                                                             .cart-item {
                                                                                                                                                                                                                                                                                                                                                                                               display: grid; grid-template-columns: 64px 1fr auto; gap: 14px;
                                                                                                                                                                                                                                                                                                                                                                                                 padding: 12px; border: 1px solid var(--g66-gray-200); border-radius: var(--radius-sm);
                                                                                                                                                                                                                                                                                                                                                                                                   align-items: center;
                                                                                                                                                                                                                                                                                                                                                                                                   }
                                                                                                                                                                                                                                                                                                                                                                                                   .cart-item-media {
                                                                                                                                                                                                                                                                                                                                                                                                     width: 64px; height: 64px; border-radius: var(--radius-sm);
                                                                                                                                                                                                                                                                                                                                                                                                       background: var(--g66-gray-100); display: flex; align-items: center; justify-content: center; font-size: 24px;
                                                                                                                                                                                                                                                                                                                                                                                                       }
                                                                                                                                                                                                                                                                                                                                                                                                       .cart-item-info .name { font-weight: 700; font-size: 14.5px; margin: 0 0 2px; }
                                                                                                                                                                                                                                                                                                                                                                                                       .cart-item-info .price { font-size: 13px; color: var(--g66-gray-700); }
                                                                                                                                                                                                                                                                                                                                                                                                       .qty-control { display: flex; align-items: center; gap: 10px; margin-top: 6px; }
                                                                                                                                                                                                                                                                                                                                                                                                       .qty-control button {
                                                                                                                                                                                                                                                                                                                                                                                                         width: 26px; height: 26px; border-radius: 50%; border: 1px solid var(--g66-gray-300);
                                                                                                                                                                                                                                                                                                                                                                                                           background: #fff; font-weight: 700;
                                                                                                                                                                                                                                                                                                                                                                                                           }
                                                                                                                                                                                                                                                                                                                                                                                                           .remove-item { background: none; border: none; color: var(--g66-red); font-size: 12.5px; margin-top: 6px; font-weight: 700; }
                                                                                                                                                                                                                                                                                                                                                                                                           .cart-empty { text-align: center; color: var(--g66-gray-500); padding: 40px 0; }
                                                                                                                                                                                                                                                                                                                                                                                                           
                                                                                                                                                                                                                                                                                                                                                                                                           .cart-total-row {
                                                                                                                                                                                                                                                                                                                                                                                                             display: flex; justify-content: space-between; align-items: baseline;
                                                                                                                                                                                                                                                                                                                                                                                                               padding: 16px 0; border-top: 1.5px solid var(--g66-gray-200); margin-top: 6px;
                                                                                                                                                                                                                                                                                                                                                                                                                 font-weight: 700; font-size: 15px;
                                                                                                                                                                                                                                                                                                                                                                                                                 }
                                                                                                                                                                                                                                                                                                                                                                                                                 #cart-total { font-family: var(--font-display); font-size: 24px; color: var(--g66-red); }
                                                                                                                                                                                                                                                                                                                                                                                                                 .cart-note { font-size: 12px; color: var(--g66-gray-500); margin: -8px 0 16px; }
                                                                                                                                                                                                                                                                                                                                                                                                                 
                                                                                                                                                                                                                                                                                                                                                                                                                 .cart-order-summary { margin-top: 24px; }
                                                                                                                                                                                                                                                                                                                                                                                                                 .cart-order-summary h4 { font-size: 14px; text-transform: uppercase; letter-spacing: .4px; margin: 0 0 12px; }
                                                                                                                                                                                                                                                                                                                                                                                                                 
                                                                                                                                                                                                                                                                                                                                                                                                                 .order-confirm {
                                                                                                                                                                                                                                                                                                                                                                                                                   text-align: center; padding: 30px 10px;
                                                                                                                                                                                                                                                                                                                                                                                                                   }
                                                                                                                                                                                                                                                                                                                                                                                                                   .order-confirm .icon { font-size: 48px; margin-bottom: 12px; }
                                                                                                                                                                                                                                                                                                                                                                                                                   .order-confirm h3 { font-family: var(--font-display); text-transform: uppercase; font-size: 22px; margin: 0 0 6px; }
                                                                                                                                                                                                                                                                                                                                                                                                                   .order-confirm .order-number { font-size: 15px; color: var(--g66-gray-700); margin-bottom: 14px; }
                                                                                                                                                                                                                                                                                                                                                                                                                   .order-confirm .order-number strong { color: var(--g66-red); font-size: 18px; }
                                                                                                                                                                                                                                                                                                                                                                                                                   .order-confirm p { color: var(--g66-gray-700); font-size: 14.5px; max-width: 460px; margin: 0 auto 8px; }
                                                                                                                                                                                                                                                                                                                                                                                                                   
                                                                                                                                                                                                                                                                                                                                                                                                                   /* --- Loader simple --- */
                                                                                                                                                                                                                                                                                                                                                                                                                   .page-loader { min-height: 60vh; display: flex; align-items: center; justify-content: center; color: var(--g66-gray-500); font-size: 15px; }
                                                                                                                                                                                                                                                                                                                                                                                                                   
                                                                                                                                                                                                                                                                                                                                                                                                                   @media (max-width: 860px) {
                                                                                                                                                                                                                                                                                                                                                                                                                     .main-nav { display: none; }
                                                                                                                                                                                                                                                                                                                                                                                                                       .site-header .container { justify-content: space-between; }
                                                                                                                                                                                                                                                                                                                                                                                                                       }
                                                                                                                                                                                                                                                                                                                                                                                                                       