:root{--pf-bg-page:hsl(0 0% 100%);--pf-bg-subtle:hsl(220 13% 98%);--pf-bg-raised:hsl(0 0% 100%);--pf-border-subtle:hsl(220 13% 94%);--pf-border-medium:hsl(220 13% 88%);--pf-text-primary:hsl(220 13% 13%);--pf-text-secondary:hsl(220 9% 35%);--pf-text-tertiary:hsl(220 9% 55%);--pf-danger:hsl(347 77% 50%);--pf-success:hsl(142 71% 45%);--pf-warning:hsl(38 92% 50%);--pf-info:hsl(217 91% 60%);--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px}.dark{--pf-bg-page:hsl(220 13% 9%);--pf-bg-subtle:hsl(220 13% 11%);--pf-bg-raised:hsl(220 13% 13%);--pf-border-subtle:hsl(220 13% 16%);--pf-border-medium:hsl(220 13% 20%);--pf-text-primary:hsl(220 13% 95%);--pf-text-secondary:hsl(220 9% 75%);--pf-text-tertiary:hsl(220 9% 55%);--pf-danger:hsl(347 77% 55%);--pf-success:hsl(142 71% 50%);--pf-warning:hsl(38 92% 55%);--pf-info:hsl(217 91% 65%)}.pf-root{max-width:1200px;margin:0 auto;padding:var(--space-6) var(--space-4) var(--space-12)}.pf-container{display:grid;grid-template-columns:240px 1fr;gap:var(--space-8);align-items:start}@media (max-width:768px){.pf-container{grid-template-columns:1fr;gap:var(--space-6)}}.pf-sidebar{position:sticky;top:var(--space-6);display:flex;flex-direction:column;gap:var(--space-8)}@media (max-width:768px){.pf-sidebar{position:static}}.pf-user-identity{padding-bottom:var(--space-6);border-bottom:1px solid var(--pf-border-subtle)}.pf-user-name{font-size:1rem;font-weight:700;color:var(--pf-text-primary);line-height:1.3;margin-bottom:var(--space-1)}.pf-user-email{font-size:.8125rem;color:var(--pf-text-tertiary);line-height:1.4}.pf-user-badge{display:inline-block;margin-top:var(--space-2);font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:hsl(var(--brand-primary));padding:var(--space-1) var(--space-2);background:hsl(var(--brand-primary)/.1);border-radius:var(--radius-sm)}.pf-nav-section{display:flex;flex-direction:column;gap:var(--space-1)}.pf-nav-section+.pf-nav-section{margin-top:var(--space-6)}.pf-nav-label{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--pf-text-tertiary);padding:0 var(--space-3);margin-bottom:var(--space-2)}.pf-nav-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);font-size:.875rem;font-weight:600;color:var(--pf-text-secondary);border-radius:var(--radius-md);border:none;background:none;cursor:pointer;transition:color .15s,background-color .15s;text-align:left;width:100%}.pf-nav-item:hover{color:var(--pf-text-primary);background:var(--pf-bg-subtle)}.pf-nav-item.active{color:hsl(var(--brand-primary));background:hsl(var(--brand-primary)/.08);font-weight:700}.pf-nav-item:focus-visible{outline:2px solid hsl(var(--brand-primary));outline-offset:2px}.pf-nav-count{margin-left:auto;font-size:.75rem;font-weight:700;color:var(--pf-text-tertiary);font-variant-numeric:tabular-nums}.pf-nav-item.active .pf-nav-count{color:hsl(var(--brand-primary))}.pf-nav-logout{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--pf-border-subtle)}.pf-nav-logout .pf-nav-item{color:var(--pf-danger)}.pf-nav-logout .pf-nav-item:hover{background:hsl(347 77% 50%/.05)}.pf-mobile-nav{display:none;position:relative}@media (max-width:768px){.pf-mobile-nav{display:block}.pf-sidebar .pf-nav-logout,.pf-sidebar .pf-nav-section,.pf-sidebar .pf-user-identity{display:none}}.pf-mobile-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);font-size:.875rem;font-weight:600;color:var(--pf-text-primary);background:var(--pf-bg-raised);border:1px solid var(--pf-border-medium);border-radius:var(--radius-lg);cursor:pointer}.pf-mobile-trigger:focus-visible{outline:2px solid hsl(var(--brand-primary));outline-offset:2px}.pf-mobile-menu{position:absolute;top:calc(100% + var(--space-2));left:0;right:0;z-index:50;background:var(--pf-bg-raised);border:1px solid var(--pf-border-medium);border-radius:var(--radius-lg);padding:var(--space-2);display:flex;flex-direction:column;gap:var(--space-1);box-shadow:0 8px 24px hsl(220 13% 50%/.12)}.dark .pf-mobile-menu{box-shadow:0 8px 24px rgba(0,0,0,.4)}.pf-content{min-width:0}.pf-section{margin-bottom:var(--space-8)}.pf-section+.pf-section{margin-top:var(--space-12)}.pf-section-title{font-size:1.25rem;font-weight:800;letter-spacing:-.02em;color:var(--pf-text-primary);margin-bottom:var(--space-4)}.pf-section-subtitle{font-size:.875rem;color:var(--pf-text-tertiary);margin-top:var(--space-1);line-height:1.5}.pf-greeting{margin-bottom:var(--space-8)}.pf-greeting-title{font-size:clamp(1.5rem,4vw,2rem);font-weight:800;letter-spacing:-.03em;color:var(--pf-text-primary);line-height:1.2;margin-bottom:var(--space-2)}.pf-greeting-text{font-size:.9375rem;color:var(--pf-text-tertiary);line-height:1.5}.pf-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6);margin-bottom:var(--space-8)}.pf-stat{display:flex;flex-direction:column;text-decoration:none;color:inherit;cursor:pointer;background:var(--pf-bg-raised);border:1px solid var(--pf-border-subtle);border-radius:var(--radius-lg);padding:var(--space-4);text-align:left;width:100%;font-family:inherit;transition:border-color .15s,box-shadow .15s,transform .15s}.pf-stat:hover{border-color:hsl(var(--brand-primary)/.3);box-shadow:0 4px 12px hsl(220 13% 50%/.05)}.pf-stat:focus-visible{outline:2px solid hsl(var(--brand-primary));outline-offset:2px;border-radius:var(--radius-md)}.pf-stat-label{font-size:.8125rem;font-weight:600;color:var(--pf-text-tertiary);margin-bottom:var(--space-1)}.pf-stat-value{font-size:2rem;font-weight:800;letter-spacing:-.03em;color:var(--pf-text-primary);line-height:1;font-variant-numeric:tabular-nums}.pf-stat-link{display:inline-flex;align-items:center;gap:var(--space-1);font-size:.8125rem;font-weight:600;color:hsl(var(--brand-primary));margin-top:var(--space-2);transition:gap .15s}.pf-stat:hover .pf-stat-link{gap:var(--space-2)}@media (max-width:640px){.pf-stats{grid-template-columns:repeat(3,1fr);gap:var(--space-2);margin-bottom:var(--space-6)}.pf-stat{padding:var(--space-3) var(--space-2)}.pf-stat-label{font-size:.75rem;line-height:1.2;margin-bottom:.15rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pf-stat-value{font-size:1.375rem}.pf-stat-link{font-size:.6875rem;margin-top:.25rem}.pf-stat-link svg{width:.75rem;height:.75rem}}.pf-card{padding:var(--space-6);background:var(--pf-bg-raised);border:1px solid var(--pf-border-subtle);border-radius:var(--radius-xl)}.pf-card-title{font-size:1rem;font-weight:700;color:var(--pf-text-primary);margin-bottom:var(--space-4)}.pf-card-actions{display:flex;align-items:center;gap:var(--space-4);margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--pf-border-subtle)}.pf-orders{display:flex;flex-direction:column;gap:var(--space-3)}.pf-order{display:grid;grid-template-columns:auto 1fr auto auto;gap:var(--space-4);align-items:center;padding:var(--space-4);background:var(--pf-bg-raised);border:1px solid var(--pf-border-medium);border-radius:var(--radius-lg);text-decoration:none;color:inherit;transition:border-color .15s,box-shadow .15s}.pf-order:hover{border-color:hsl(var(--brand-primary)/.3);box-shadow:0 0 0 1px hsl(var(--brand-primary)/.1)}.pf-order:focus-visible{outline:2px solid hsl(var(--brand-primary));outline-offset:2px}@media (max-width:640px){.pf-order{grid-template-columns:1fr;gap:var(--space-3)}}.pf-order-number{font-size:.875rem;font-weight:700;font-family:ui-monospace,SF Mono,Consolas,monospace;color:var(--pf-text-primary)}.pf-order-info{display:flex;flex-direction:column;gap:var(--space-1)}.pf-order-date{font-size:.8125rem;font-weight:600;color:var(--pf-text-secondary)}.pf-order-items{font-size:.75rem;color:var(--pf-text-tertiary)}.pf-order-status{display:inline-flex;align-items:center;gap:var(--space-2);font-size:.75rem;font-weight:700;padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);white-space:nowrap}.pf-order-status.status-pending{background:hsl(38 92% 50%/.1);color:hsl(38 92% 40%)}.pf-order-status.status-shipped{background:hsl(217 91% 60%/.1);color:hsl(217 91% 45%)}.pf-order-status.status-delivered{background:hsl(142 71% 45%/.1);color:hsl(142 71% 35%)}.pf-order-status.status-cancelled{background:hsl(347 77% 50%/.1);color:hsl(347 77% 45%)}.dark .pf-order-status.status-pending{background:hsl(38 92% 50%/.15);color:hsl(38 92% 60%)}.dark .pf-order-status.status-shipped{background:hsl(217 91% 60%/.15);color:hsl(217 91% 70%)}.dark .pf-order-status.status-delivered{background:hsl(142 71% 45%/.15);color:hsl(142 71% 60%)}.dark .pf-order-status.status-cancelled{background:hsl(347 77% 50%/.15);color:hsl(347 77% 65%)}.pf-order-total{font-size:1rem;font-weight:800;font-variant-numeric:tabular-nums;color:var(--pf-text-primary);white-space:nowrap}.pf-form{max-width:560px}.pf-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}@media (max-width:640px){.pf-root{padding:var(--space-3) var(--space-3) var(--space-8)}.pf-section{margin-bottom:var(--space-4)}.pf-section+.pf-section{margin-top:var(--space-6)}.pf-form-grid{grid-template-columns:1fr;gap:var(--space-2.5)}.pf-field{gap:var(--space-1)}.pf-field+.pf-field{margin-top:var(--space-2.5)}.pf-input{padding:.5rem .75rem;font-size:.875rem}}.pf-field{display:flex;flex-direction:column;gap:var(--space-2)}.pf-label{font-size:.8125rem;font-weight:600;color:var(--pf-text-secondary)}.pf-input{width:100%;padding:var(--space-3) var(--space-4);font-size:.9375rem;font-weight:500;color:var(--pf-text-primary);background:var(--pf-bg-page);border:1px solid var(--pf-border-medium);border-radius:var(--radius-md);font-family:inherit;transition:border-color .15s}.pf-input::-moz-placeholder{color:var(--pf-text-tertiary)}.pf-input::placeholder{color:var(--pf-text-tertiary)}.pf-input:hover{border-color:var(--pf-border-medium)}.pf-input:focus{outline:none;border-color:hsl(var(--brand-primary));box-shadow:0 0 0 3px hsl(var(--brand-primary)/.1)}.pf-input.error{border-color:var(--pf-danger)}.pf-input.error:focus{box-shadow:0 0 0 3px hsl(347 77% 50%/.1)}.pf-error{font-size:.75rem;font-weight:600;color:var(--pf-danger)}.pf-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-size:.9375rem;font-weight:700;border-radius:var(--radius-md);border:none;cursor:pointer;transition:opacity .15s,transform .1s;font-family:inherit}.pf-btn:active{transform:translateY(1px)}.pf-btn:disabled{opacity:.5;cursor:not-allowed}.pf-btn:disabled:active{transform:none}.pf-btn-primary{color:white;background:hsl(var(--brand-primary))}.pf-btn-primary:hover:not(:disabled){opacity:.9}.pf-btn-primary:focus-visible{outline:2px solid hsl(var(--brand-primary));outline-offset:2px}.pf-btn-secondary{color:var(--pf-text-primary);background:var(--pf-bg-subtle);border:1px solid var(--pf-border-medium)}.pf-btn-secondary:hover:not(:disabled){background:var(--pf-border-subtle)}.pf-btn-secondary:focus-visible{outline:2px solid var(--pf-text-primary);outline-offset:2px}.pf-btn-danger{color:white;background:var(--pf-danger)}.pf-btn-danger:hover:not(:disabled){opacity:.9}.pf-btn-danger:focus-visible{outline:2px solid var(--pf-danger);outline-offset:2px}.pf-alert{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-lg);font-size:.875rem;font-weight:600;line-height:1.5;margin-bottom:var(--space-4)}.pf-alert-success{background:hsl(142 71% 45%/.1);color:hsl(142 71% 35%)}.dark .pf-alert-success{background:hsl(142 71% 45%/.15);color:hsl(142 71% 60%)}.pf-alert-error{background:hsl(347 77% 50%/.1);color:hsl(347 77% 45%)}.dark .pf-alert-error{background:hsl(347 77% 50%/.15);color:hsl(347 77% 65%)}.pf-loading{display:flex;align-items:center;justify-content:center;min-height:400px}.pf-spinner{width:2rem;height:2rem;border:3px solid var(--pf-border-subtle);border-top-color:hsl(var(--brand-primary));border-radius:50%;animation:pf-spin .6s linear infinite}@keyframes pf-spin{to{transform:rotate(1turn)}}.pf-empty{padding:var(--space-12) var(--space-6);text-align:center;color:var(--pf-text-tertiary);font-size:.9375rem}.pf-empty-title{font-weight:600;color:var(--pf-text-secondary);margin-bottom:var(--space-2)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pf-newsletter{max-width:720px}.pf-newsletter-header{margin-bottom:var(--space-8)}.pf-newsletter-title{font-size:1.25rem;font-weight:800;letter-spacing:-.02em;color:var(--pf-text-primary);margin-bottom:var(--space-2)}.pf-newsletter-desc{font-size:.9375rem;color:var(--pf-text-secondary);line-height:1.5;margin-bottom:var(--space-3)}.pf-newsletter-notice{font-size:.8125rem;color:var(--pf-text-tertiary);padding:var(--space-3) var(--space-4);background:var(--pf-bg-subtle);border:1px solid var(--pf-border-subtle);border-radius:var(--radius-md);line-height:1.5}.pf-newsletter-section{padding:var(--space-6);background:var(--pf-bg-raised);border:1px solid var(--pf-border-subtle);border-radius:var(--radius-xl);margin-bottom:var(--space-4)}.pf-newsletter-section.disabled{opacity:.5;pointer-events:none}.pf-newsletter-section-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-6)}.pf-newsletter-section-title{font-size:1rem;font-weight:700;color:var(--pf-text-primary);margin-bottom:var(--space-1)}.pf-newsletter-section-desc{font-size:.8125rem;color:var(--pf-text-tertiary);line-height:1.5}.pf-toggle{position:relative;width:46px;height:26px;background:var(--pf-border-medium);border-radius:13px;border:none;cursor:pointer;transition:background-color .2s;flex-shrink:0}.pf-toggle:focus-visible{outline:2px solid hsl(var(--brand-primary));outline-offset:2px}.pf-toggle.active{background:hsl(var(--brand-primary))}.pf-toggle-thumb{position:absolute;top:3px;left:3px;width:20px;height:20px;background:white;border-radius:50%;transition:transform .2s}.pf-toggle.active .pf-toggle-thumb{transform:translateX(20px)}.pf-status-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-size:.75rem;font-weight:700;background:hsl(142 71% 45%/.1);color:hsl(142 71% 35%)}.dark .pf-status-badge{background:hsl(142 71% 45%/.15);color:hsl(142 71% 55%)}.pf-status-badge.inactive{background:var(--pf-bg-subtle);color:var(--pf-text-tertiary);border:1px solid var(--pf-border-subtle)}.pf-status-dot{width:6px;height:6px;border-radius:50%;background:hsl(142 71% 45%)}.pf-status-badge.inactive .pf-status-dot{background:var(--pf-text-tertiary)}.pf-checkbox-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--space-3)}.pf-checkbox-label{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--pf-border-medium);border-radius:var(--radius-md);font-size:.875rem;font-weight:600;color:var(--pf-text-secondary);cursor:pointer;transition:border-color .15s,background-color .15s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.pf-checkbox-label:hover:not(.disabled){border-color:hsl(var(--brand-primary)/.5);background:hsl(var(--brand-primary)/.03)}.pf-checkbox-label.selected{border-color:hsl(var(--brand-primary));background:hsl(var(--brand-primary)/.05);color:hsl(var(--brand-primary))}.pf-checkbox-label.disabled{opacity:.5;cursor:not-allowed}.pf-checkbox-label input{display:none}.pf-checkbox{width:16px;height:16px;border:1.5px solid var(--pf-border-medium);border-radius:3px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s}.pf-checkbox-label.selected .pf-checkbox{border-color:hsl(var(--brand-primary));background:hsl(var(--brand-primary));color:white}.pf-filter-bar{display:flex;gap:var(--space-3);align-items:center;flex-wrap:wrap;margin-bottom:var(--space-4)}.pf-search-wrap{position:relative;flex:1;min-width:200px}.pf-search-icon{position:absolute;left:var(--space-3);top:50%;transform:translateY(-50%);color:var(--pf-text-tertiary);pointer-events:none}.pf-search{width:100%;padding:var(--space-3) var(--space-4) var(--space-3) 2.5rem;font-size:.875rem;color:var(--pf-text-primary);background:var(--pf-bg-page);border:1px solid var(--pf-border-medium);border-radius:var(--radius-md);font-family:inherit;transition:border-color .15s}.pf-search:focus{outline:none;border-color:hsl(var(--brand-primary));box-shadow:0 0 0 3px hsl(var(--brand-primary)/.1)}.pf-search::-moz-placeholder{color:var(--pf-text-tertiary)}.pf-search::placeholder{color:var(--pf-text-tertiary)}.pf-filter-btn{padding:var(--space-3) var(--space-4);font-size:.8125rem;font-weight:600;color:var(--pf-text-secondary);background:var(--pf-bg-subtle);border:1px solid var(--pf-border-medium);border-radius:var(--radius-md);cursor:pointer;transition:background-color .15s;white-space:nowrap}.pf-filter-btn:hover:not(:disabled){background:var(--pf-border-subtle)}.pf-filter-btn:disabled{opacity:.5;cursor:not-allowed}.pf-selected-count{font-size:.75rem;color:var(--pf-text-tertiary);margin-top:var(--space-2)}.pf-radio-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-3)}.pf-radio-label{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--pf-border-medium);border-radius:var(--radius-md);font-size:.875rem;font-weight:600;color:var(--pf-text-secondary);cursor:pointer;transition:border-color .15s,background-color .15s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.pf-radio-label:hover:not(.disabled){border-color:hsl(var(--brand-primary)/.5);background:hsl(var(--brand-primary)/.03)}.pf-radio-label.selected{border-color:hsl(var(--brand-primary));background:hsl(var(--brand-primary)/.05);color:hsl(var(--brand-primary))}.pf-radio-label.disabled{opacity:.5;cursor:not-allowed}.pf-radio-label input{display:none}.pf-radio{width:16px;height:16px;border:1.5px solid var(--pf-border-medium);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s}.pf-radio:before{content:"";width:8px;height:8px;border-radius:50%;background:hsl(var(--brand-primary));transform:scale(0);transition:transform .15s}.pf-radio-label.selected .pf-radio{border-color:hsl(var(--brand-primary))}.pf-radio-label.selected .pf-radio:before{transform:scale(1)}.pf-watch-list{display:flex;flex-direction:column;gap:var(--space-3)}.pf-watch-item{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);border:1px solid var(--pf-border-subtle);border-radius:var(--radius-lg);transition:border-color .15s}.pf-watch-item:hover{border-color:var(--pf-border-medium)}.pf-watch-image{width:56px;height:56px;border-radius:var(--radius-md);overflow:hidden;flex-shrink:0;background:var(--pf-bg-subtle)}.pf-watch-image img{width:100%;height:100%;object-fit:cover}.pf-watch-info{flex:1;min-width:0}.pf-watch-name{font-size:.875rem;font-weight:700;color:var(--pf-text-primary);margin-bottom:var(--space-1);overflow:hidden;text-overflow:ellipsis;white-space:normal;word-break:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.35}.pf-watch-brand{font-size:.75rem;color:var(--pf-text-tertiary);margin-bottom:var(--space-2)}.pf-watch-events{display:flex;flex-wrap:wrap;gap:var(--space-2)}.pf-watch-event-tag{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:var(--space-1) var(--space-2);background:hsl(var(--brand-primary)/.1);color:hsl(var(--brand-primary));border-radius:var(--radius-sm)}.pf-watch-remove{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);font-size:.75rem;font-weight:600;color:var(--pf-danger);background:none;border:1px solid var(--pf-border-medium);border-radius:var(--radius-md);cursor:pointer;transition:background-color .15s;white-space:nowrap}.pf-watch-remove:hover{background:hsl(347 77% 50%/.05);border-color:var(--pf-danger)}.pf-newsletter-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding-top:var(--space-8)}.pf-saved-message{display:flex;align-items:center;gap:var(--space-2);font-size:.875rem;font-weight:600;color:var(--pf-success)}@media (max-width:640px){.pf-checkbox-grid,.pf-radio-grid{grid-template-columns:1fr}.pf-newsletter-footer{flex-direction:column;align-items:stretch}.pf-watch-item{flex-direction:column;align-items:flex-start}}.pf-products-scroll{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--space-3);overflow-x:auto;padding-bottom:var(--space-2);-webkit-overflow-scrolling:touch}@media (max-width:768px){.pf-products-scroll{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}.pf-product-card{position:relative;display:flex;flex-direction:column;background:white;border:1px solid hsl(220 13% 90%);transition:border-color .2s,box-shadow .2s}.dark .pf-product-card{background:hsl(220 13% 10%);border-color:hsl(220 13% 20%)}.pf-product-card:hover{border-color:hsl(var(--brand-primary)/.3);box-shadow:0 2px 8px hsl(220 13% 50%/.08)}.dark .pf-product-card:hover{box-shadow:0 2px 8px rgba(0,0,0,.2)}.pf-product-remove{position:absolute;top:.5rem;right:.5rem;z-index:2;display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:white;border:1px solid hsl(220 13% 85%);color:hsl(220 9% 50%);cursor:pointer;transition:all .2s;opacity:0}.dark .pf-product-remove{background:hsl(220 13% 15%);border-color:hsl(220 13% 25%);color:hsl(220 9% 65%)}.pf-product-card:hover .pf-product-remove{opacity:1}.pf-product-remove:hover{background:hsl(347 77% 50%);border-color:hsl(347 77% 50%);color:white}.pf-product-remove:focus-visible{opacity:1;outline:2px solid hsl(var(--brand-primary));outline-offset:2px}.pf-product-link{display:flex;flex-direction:column;flex:1;padding:var(--space-3);text-decoration:none;color:inherit}.pf-product-image{position:relative;width:100%;aspect-ratio:1;background:hsl(220 13% 96%);margin-bottom:var(--space-2)}.dark .pf-product-image{background:hsl(220 13% 14%)}.pf-product-name{font-size:.875rem;font-weight:600;line-height:1.3;margin:0 0 var(--space-1) 0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.pf-product-price{font-size:.875rem;font-weight:700;color:hsl(var(--brand-primary));margin:auto 0 0}.pf-cart-items{display:flex;flex-direction:column;gap:1px;background:hsl(220 13% 90%);margin-bottom:var(--space-4)}.dark .pf-cart-items{background:hsl(220 13% 20%)}.pf-cart-item{display:grid;grid-template-columns:60px 1fr auto;align-items:center;gap:var(--space-3);padding:var(--space-3);background:white}.dark .pf-cart-item{background:hsl(220 13% 10%)}@media (max-width:640px){.pf-cart-item{grid-template-columns:50px 1fr;gap:var(--space-2)}}.pf-cart-item-image{position:relative;width:60px;height:60px;background:hsl(220 13% 96%);flex-shrink:0}.dark .pf-cart-item-image{background:hsl(220 13% 14%)}@media (max-width:640px){.pf-cart-item-image{width:50px;height:50px}}.pf-cart-item-info{display:flex;flex-direction:column;gap:.25rem;min-width:0}.pf-cart-item-name{font-size:.9375rem;font-weight:600;line-height:1.3;margin:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.pf-cart-item-details{font-size:.8125rem;font-weight:500;color:hsl(220 9% 55%);margin:0}.dark .pf-cart-item-details{color:hsl(220 9% 65%)}.pf-cart-item-total{font-size:1rem;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap;text-align:right}@media (max-width:640px){.pf-cart-item-total{grid-column:2;text-align:left;margin-top:.5rem;padding-top:.5rem;border-top:1px solid hsl(220 13% 90%)}.dark .pf-cart-item-total{border-top-color:hsl(220 13% 20%)}}.pf-cart-more{font-size:.8125rem;font-weight:600;color:hsl(220 9% 50%);text-align:center;padding:var(--space-2);background:white;margin:0}.dark .pf-cart-more{background:hsl(220 13% 10%);color:hsl(220 9% 65%)}.pf-order-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin-bottom:var(--space-2)}.pf-order-products{display:flex;gap:.5rem;margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid hsl(220 13% 90%)}.dark .pf-order-products{border-top-color:hsl(220 13% 20%)}.pf-order-product-thumb{position:relative;width:48px;height:48px;background:hsl(220 13% 96%);flex-shrink:0}.dark .pf-order-product-thumb{background:hsl(220 13% 14%)}.pf-order-product-more{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:hsl(220 13% 92%);font-size:.75rem;font-weight:700;color:hsl(220 9% 45%);flex-shrink:0}.dark .pf-order-product-more{background:hsl(220 13% 16%);color:hsl(220 9% 65%)}