.shopping-bag-icon{position:relative;background:transparent;border:none;color:#fff;cursor:pointer;padding:.5rem;border-radius:.375rem;transition:all .15s ease-in-out;display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px}.shopping-bag-icon .bag-icon{transition:transform .15s ease-in-out}.shopping-bag-icon:hover{background-color:#ffffff1a}.shopping-bag-icon:hover .bag-icon{transform:scale(1.1)}.shopping-bag-icon:focus{outline:2px solid var(--color-primary-500);outline-offset:2px}.shopping-bag-icon:active{transform:scale(.95)}.shopping-bag-icon .bag-badge{position:absolute;top:4px;right:4px;background-color:var(--color-primary-500);color:#fff;font-size:.75rem;font-weight:700;border-radius:9999px;min-width:20px;height:20px;display:flex;align-items:center;justify-content:center;padding:0 .25rem;line-height:1;box-shadow:0 1px 3px #2d252014;border:2px solid var(--color-bg-nav)}.shopping-bag-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#2d2520bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1040;display:flex;align-items:flex-end;justify-content:flex-end;animation:fadeIn .25s ease-in-out}@media (min-width: 640px) and (max-width: 767px){.shopping-bag-modal-overlay{align-items:center;justify-content:center}}.shopping-bag-modal{background-color:var(--color-bg-primary);width:100%;max-width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #2d252040;animation:slideUp .25s ease-in-out;overflow:hidden}@media (min-width: 640px) and (max-width: 767px){.shopping-bag-modal{width:90%;max-width:600px;max-height:85vh;border-radius:.75rem}}@media (min-width: 768px){.shopping-bag-modal{width:600px}}.modal-header{padding:1.5rem;border-bottom:1px solid var(--color-border-primary);display:flex;align-items:center;justify-content:space-between;flex-shrink:0;background-color:var(--color-bg-nav);color:#fff}.modal-header .modal-title{display:flex;align-items:center;gap:.5rem;flex:1}.modal-header .modal-title h2{margin:0;font-size:1.5rem;font-weight:600;font-family:Playfair Display,Georgia,Times New Roman,serif;color:#fff}.modal-header .modal-title .item-count{font-size:1rem;font-weight:400;opacity:.9;margin-left:.25rem}.modal-header .modal-title svg{color:#fff}.modal-header .modal-close{background:transparent;border:none;color:#fff;cursor:pointer;padding:.25rem;border-radius:.375rem;transition:all .15s ease-in-out;display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px}.modal-header .modal-close:hover{background-color:#ffffff1a}.modal-header .modal-close:focus{outline:2px solid var(--color-primary-500);outline-offset:2px}.modal-content{flex:1;overflow-y:auto;padding:1.5rem}.modal-content::-webkit-scrollbar{width:8px}.modal-content::-webkit-scrollbar-track{background:var(--color-bg-secondary)}.modal-content::-webkit-scrollbar-thumb{background:var(--color-border-tertiary);border-radius:9999px}.modal-content::-webkit-scrollbar-thumb:hover{background:var(--color-primary-600)}.empty-bag{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6rem 2rem;text-align:center}.empty-bag .empty-icon{color:var(--color-text-tertiary);margin-bottom:1.5rem;opacity:.5}.empty-bag h3{font-size:1.25rem;font-weight:600;margin-bottom:.5rem;color:var(--color-text-primary)}.empty-bag p{color:var(--color-text-secondary);margin-bottom:2rem}.bag-items{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.bag-item{display:flex;gap:1rem;padding:1rem;border:1px solid var(--color-border-primary);border-radius:.5rem;background-color:var(--color-bg-card);transition:all .15s ease-in-out}.bag-item:hover{border-color:var(--color-border-tertiary);box-shadow:0 1px 3px #2d252014}.item-image{flex-shrink:0;width:100px;height:100px;border-radius:.375rem;overflow:hidden;background-color:var(--color-bg-secondary)}.item-image img{width:100%;height:100%;object-fit:cover}@media (max-width: 639px){.item-image{width:80px;height:80px}}.item-details{flex:1;display:flex;flex-direction:column;gap:.25rem;min-width:0}.item-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem}.item-name{font-size:1.125rem;font-weight:600;margin:0;color:var(--color-text-primary);font-family:Playfair Display,Georgia,Times New Roman,serif}.item-remove{background:transparent;border:none;color:var(--color-error);cursor:pointer;padding:.25rem;border-radius:.125rem;transition:all .15s ease-in-out;flex-shrink:0;min-width:32px;min-height:32px;display:flex;align-items:center;justify-content:center}.item-remove:hover{background-color:var(--color-error-50)}.item-remove:focus{outline:2px solid var(--color-error);outline-offset:2px}.item-product{font-size:.875rem;color:var(--color-text-secondary);margin:0}.item-size{font-size:.875rem;color:var(--color-text-tertiary);margin:0}.item-footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:.5rem}.quantity-controls{display:flex;align-items:center;gap:.5rem;border:1px solid var(--color-border-primary);border-radius:.375rem;padding:.25rem;background-color:var(--color-bg-secondary)}.quantity-btn{background:transparent;border:none;color:var(--color-text-primary);cursor:pointer;padding:.25rem;border-radius:.125rem;transition:all .15s ease-in-out;display:flex;align-items:center;justify-content:center;min-width:32px;min-height:32px}.quantity-btn:hover:not(:disabled){background-color:var(--color-bg-tertiary)}.quantity-btn:focus{outline:2px solid var(--color-primary-500);outline-offset:2px}.quantity-btn:disabled{opacity:.5;cursor:not-allowed}.quantity-value{font-size:1rem;font-weight:600;min-width:32px;text-align:center;color:var(--color-text-primary)}.item-price{font-size:1.125rem;font-weight:700;color:var(--color-text-primary);font-family:Playfair Display,Georgia,Times New Roman,serif}.bag-summary{border-top:2px solid var(--color-border-primary);padding-top:1.5rem;margin-top:1.5rem}.summary-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;font-size:1rem;color:var(--color-text-primary)}.summary-row.total{font-size:1.25rem;font-weight:700;padding-top:1rem;border-top:1px solid var(--color-border-primary);margin-top:.5rem;font-family:Playfair Display,Georgia,Times New Roman,serif}.modal-footer{padding:1.5rem;border-top:1px solid var(--color-border-primary);flex-shrink:0;background-color:var(--color-bg-secondary);text-align:center}.modal-footer .checkout-button{width:100%}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width: 639px){.shopping-bag-modal{max-height:100vh}.modal-header,.modal-content,.modal-footer{padding:1rem}}[data-theme=dark] .shopping-bag-modal-overlay{background-color:#000000d9}[data-theme=dark] .bag-item{background-color:var(--color-bg-secondary)}:root{--color-primary-50: #f1e7d8c7;--color-primary-100: #E5C8B4;--color-primary-200: #ECC9AC;--color-primary-300: #F2C9A3;--color-primary-400: #F9CA9B;--color-primary-500: #ffca92;--color-primary-600: #AF702D;--color-primary-700: #9F6221;--color-primary-800: #8F5414;--color-primary-900: #854F15;--color-primary-950: #7A4915;--color-secondary-50: #fefdfb;--color-secondary-100: #faf8f3;--color-secondary-200: #f3efe6;--color-secondary-300: #e8e0d1;--color-secondary-400: #d9cdb8;--color-secondary-500: #c4b39a;--color-secondary-600: #a8957a;--color-secondary-700: #8b775f;--color-secondary-800: #6f5f4d;--color-secondary-900: #5a4d3f;--color-secondary-950: #3d3329;--color-neutral-50: #fafafa;--color-neutral-100: #f5f5f5;--color-neutral-200: #e5e5e5;--color-neutral-300: #d4d4d4;--color-neutral-400: #a3a3a3;--color-neutral-500: #737373;--color-neutral-600: #525252;--color-neutral-700: #404040;--color-neutral-800: #262626;--color-neutral-900: #171717;--color-neutral-950: #0a0a0a;--color-success: #6d5a47;--color-warning: #b8a085;--color-warning-50: #faf8f5;--color-warning-100: #f5f0e8;--color-warning-200: #e8ddd0;--color-warning-600: #8b7355;--color-warning-800: #574a3d;--color-error: #8b5a3c;--color-info: #6d5a47;--color-bg-primary: #f8f5f1;--color-bg-secondary: #f5f0e8;--color-bg-tertiary: #efe8de;--color-bg-nav: #b18363;--color-bg-card: #ffffff;--color-bg-overlay: rgba(45, 37, 32, .85);--color-text-primary: #2d2520;--color-text-secondary: #574a3d;--color-text-tertiary: #8b7355;--color-text-light: #c4b39a;--color-text-on-dark: #faf8f5;--color-border-primary: #e8e0d1;--color-border-secondary: #d4c4b0;--color-border-tertiary: #b8a085;--color-border-light: #f3efe6;--color-border-medium: #d9cdb8;--color-border-accent: #8b7355;--color-purple-100: #f3e8ff;--color-purple-800: #6b21a8;--color-blue-100: #dbeafe;--color-blue-800: #1e40af;--color-green-100: #dcfce7;--color-green-800: #166534;--color-gray-100: #f3f4f6;--color-gray-800: #1f2937;--color-orange-100: #fed7aa;--color-orange-800: #9a3412;--color-red-100: #fee2e2;--color-red-800: #991b1b;--color-indigo-100: #e0e7ff;--color-indigo-800: #3730a3;--color-yellow-100: #fef3c7;--color-yellow-800: #92400e;--color-pink-100: #fce7f3;--color-pink-800: #9d174d;--color-teal-100: #ccfbf1;--color-teal-800: #115e59;--color-cyan-100: #cffafe;--color-cyan-800: #155e75;--color-violet-100: #ede9fe;--color-violet-800: #5b21b6;--color-slate-100: #f1f5f9;--color-slate-800: #1e293b;--color-emerald-100: #d1fae5;--color-emerald-800: #065f46;--color-error-50: #fef2f2;--color-error-700: #b91c1c}[data-theme=dark]{--color-bg-primary: #111827;--color-bg-secondary: #1f2937;--color-bg-tertiary: #374151;--color-text-primary: #f9fafb;--color-text-secondary: #d1d5db;--color-text-tertiary: #9ca3af;--color-border-primary: #374151;--color-border-secondary: #4b5563;--color-border-tertiary: #6b7280;--color-border-light: #374151;--color-border-medium: #4b5563;--color-primary-50: #0c4a6e;--color-primary-100: #075985;--color-primary-700: #bae6fd}@keyframes fadeIn{to{opacity:1}}@keyframes slideUp{to{opacity:1;transform:translateY(0)}}.floating-shopping-bag-icon{position:fixed;top:1.5rem;right:1.5rem;z-index:1030;background:#fffffff2;border:2px solid var(--color-border-primary);border-radius:9999px;color:var(--color-text-primary);cursor:pointer;padding:1rem;transition:all .15s ease-in-out;display:flex;align-items:center;justify-content:center;width:56px;height:56px;box-shadow:0 10px 15px -3px #2d25201f,0 4px 6px -4px #2d252014;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}@media (max-width: 639px){.floating-shopping-bag-icon{top:1rem;right:1rem;width:52px;height:52px;padding:.5rem}}.floating-shopping-bag-icon .bag-icon{transition:transform .15s ease-in-out;color:var(--color-text-primary)}.floating-shopping-bag-icon:hover{background:#fff;transform:scale(1.05);box-shadow:0 20px 25px -5px #2d252026,0 8px 10px -6px #2d25201a;border-color:var(--color-primary-500)}.floating-shopping-bag-icon:hover .bag-icon{transform:scale(1.1);color:var(--color-primary-500)}.floating-shopping-bag-icon:focus{outline:3px solid var(--color-primary-500);outline-offset:3px}.floating-shopping-bag-icon:active{transform:scale(.95)}.floating-shopping-bag-icon .bag-badge{position:absolute;top:-4px;right:-4px;background-color:var(--color-primary-500);color:#fff;font-size:.75rem;font-weight:700;border-radius:9999px;min-width:22px;height:22px;display:flex;align-items:center;justify-content:center;padding:0 .25rem;line-height:1;box-shadow:0 4px 6px -1px #2d25201a,0 2px 4px -2px #2d25200f;border:2px solid white}@media (max-width: 639px){.floating-shopping-bag-icon .bag-badge{min-width:20px;height:20px;font-size:10px;top:-2px;right:-2px}}