.frontend-layout[data-theme=inkflow]{.blog-category-cover{width:100%;height:15rem;overflow:hidden;margin-bottom:var(--spacing-md);border-radius:var(--radius-md);position:relative;box-shadow:var(--shadow-card);img{width:100%;height:100%;object-fit:cover}}.blog-category-description{text-align:center;color:var(--theme-text-muted);margin:0 auto var(--spacing-2xl);font-size:var(--font-size-base);line-height:var(--line-height-loose);max-width:800px;font-weight:var(--font-weight-normal)}.blog-category-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));grid-gap:var(--spacing-xl) var(--spacing-lg);gap:var(--spacing-xl) var(--spacing-lg)}.blog-category-page .blog-card{background:hsla(35,81%,96%,.85);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-card);border:var(--border);transition:box-shadow var(--transition-fast),transform var(--transition-fast);text-decoration:none;color:inherit;display:flex;flex-direction:column;&:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);border-color:var(--theme-primary);.blog-card-title{color:var(--theme-primary)}.blog-card-image img{opacity:.88}}}.blog-category-page .blog-card-image{width:100%;height:280px;overflow:hidden;background:var(--theme-bg-section);position:relative;img{width:100%;height:100%;object-fit:cover;transition:opacity var(--transition-base)}}.blog-category-page .blog-card-content{padding:var(--spacing-lg);flex:1 1;display:flex;flex-direction:column;gap:var(--spacing-sm)}.blog-category-page .blog-card-title{font-size:var(--font-size-md);color:var(--theme-text);margin:0;font-weight:var(--font-weight-medium);line-height:var(--line-height-tight);transition:color var(--transition-fast)}.blog-category-page .blog-card-excerpt{color:var(--theme-text-muted);font-size:var(--font-size-sm);line-height:var(--line-height-base);margin:0;flex:1 1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-category-page .blog-card-meta{display:flex;justify-content:space-between;align-items:center;color:var(--theme-text-muted);font-size:var(--font-size-xs);padding-top:var(--spacing-sm);border-top:1px solid var(--theme-border-card);letter-spacing:.05em;text-transform:uppercase}.blog-category-empty,.blog-category-loading{text-align:center;padding:var(--spacing-3xl) var(--spacing-lg);font-size:var(--font-size-base);color:var(--theme-text-muted);letter-spacing:.05em;background:hsla(35,81%,96%,.85);border:var(--border);border-radius:var(--radius-md)}@media (max-width:1024px){.blog-category-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}}@media (max-width:768px){.blog-category-cover{height:10rem}.blog-category-description{font-size:var(--font-size-sm);margin-bottom:var(--spacing-xl);padding:0 var(--spacing-xs)}.blog-category-grid{grid-template-columns:1fr;gap:var(--spacing-lg)}.blog-category-page .blog-card-image{height:200px}.blog-category-page .blog-card-content{padding:var(--spacing-md)}.blog-category-page .blog-card-excerpt{-webkit-line-clamp:2}.blog-category-empty,.blog-category-loading{padding:var(--spacing-xl) var(--spacing-md);font-size:var(--font-size-sm)}}@media (max-width:480px){.blog-category-cover{height:8rem}.blog-category-page .blog-card-image{height:180px}.blog-category-page .blog-card-title{font-size:var(--font-size-base)}}}.frontend-layout[data-theme=inkflow]{.blog-detail-container{max-width:var(--container-max);margin:0 auto;background:hsla(35,81%,96%,.85);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:0 var(--spacing-3xl) var(--spacing-3xl);border:var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-card)}.blog-detail-cover{position:relative;margin:0 calc(-1 * var(--spacing-3xl)) var(--spacing-xl);overflow:hidden;height:300px;img{width:100%;height:100%;object-fit:cover;display:block}}.blog-detail-header{margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-md)}.blog-detail-title{font-size:var(--font-size-2xl);color:var(--theme-accent);margin:0 0 var(--spacing-xl);text-align:center;font-weight:var(--font-weight-bold);letter-spacing:.1em}.blog-detail-meta{gap:var(--spacing-md);color:var(--theme-text-muted);font-size:var(--font-size-sm)}.blog-detail-meta,.blog-detail-tags{display:flex;justify-content:center;flex-wrap:wrap}.blog-detail-tags{gap:var(--spacing-sm);margin-top:var(--spacing-md)}.blog-detail-tag{background:var(--theme-bg-section);color:var(--theme-secondary);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);border:var(--border);font-size:var(--font-size-xs);letter-spacing:.05em}.blog-detail-share{margin:var(--spacing-lg) 0 var(--spacing-xl);padding:var(--spacing-sm) 0 0}.blog-detail-content{color:var(--theme-text);line-height:var(--line-height-loose);font-size:var(--font-size-base);h1{font-size:var(--font-size-2xl);color:var(--theme-accent);margin:var(--spacing-xl) 0 var(--spacing-md)}h1,h2{font-weight:var(--font-weight-medium)}h2{font-size:var(--font-size-xl);color:var(--theme-secondary);margin:var(--spacing-lg) 0 var(--spacing-md)}p{margin-bottom:var(--spacing-md);color:var(--theme-text)}img{display:block;max-width:100%;height:auto;margin:var(--spacing-lg) auto;border-radius:var(--radius-sm)}}.blog-detail-error,.blog-detail-loading{text-align:center;padding:var(--spacing-3xl);font-size:var(--font-size-sm);color:var(--theme-text-muted)}@media (max-width:1024px){.blog-detail-container{padding:0 var(--spacing-2xl) var(--spacing-2xl)}.blog-detail-cover{margin:0 calc(-1 * var(--spacing-2xl)) var(--spacing-xl);height:280px}.blog-detail-title{font-size:var(--font-size-xl)}}@media (max-width:767px){.blog-detail-container{padding:0 var(--spacing-md) var(--spacing-xl)}.blog-detail-cover{margin:0 calc(-1 * var(--spacing-md)) var(--spacing-lg);height:200px}.blog-detail-title{font-size:var(--font-size-lg);letter-spacing:.08em}.blog-detail-content{font-size:var(--font-size-sm);h1{font-size:var(--font-size-xl)}h2{font-size:var(--font-size-lg)}}}}.frontend-layout[data-theme=inkflow]{.blog-view-count--new{display:inline-flex;align-items:center;padding:.15rem .5rem;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);line-height:1.3;letter-spacing:.06em;white-space:nowrap;color:var(--theme-primary);background:color-mix(in srgb,var(--theme-primary) 10%,var(--theme-bg));border:1px solid color-mix(in srgb,var(--theme-primary) 28%,transparent);border-radius:var(--radius-sm)}}.frontend-layout[data-theme=inkflow]{.blog-grid-item.inkflow-stack-card{background-color:var(--surface-solid-card);background-image:none}.blog-grid-item .inkflow-stack-card__body{background-color:var(--surface-solid-body);background-image:none}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:var(--spacing-xl);gap:var(--spacing-xl);padding:var(--spacing-sm) 0}.blog-grid-item{display:flex;flex-direction:column;&:hover{transform:translateY(-4px);box-shadow:0 4px 16px rgba(42,31,20,.12);.blog-grid-image img{opacity:.92}.blog-grid-title{color:var(--theme-primary)}}}.blog-grid-image{width:100%;height:200px;overflow:hidden;background:var(--theme-bg-section);img{width:100%;height:100%;object-fit:cover;transition:opacity var(--transition-base)}}.blog-grid-content{display:flex;flex-direction:column;gap:var(--spacing-sm);flex:1 1}.blog-grid-title{font-size:var(--font-size-md);color:var(--theme-accent);margin:0;font-weight:var(--font-weight-medium);line-height:var(--line-height-tight);transition:color var(--transition-fast);word-break:break-word}.blog-grid-excerpt{font-size:var(--font-size-sm);color:var(--theme-text);margin:0;line-height:var(--line-height-base);display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-grid-meta{display:flex;gap:var(--spacing-md);font-size:var(--font-size-xs);color:var(--theme-text-muted);margin-top:auto}.blog-grid-empty{text-align:center;padding:var(--spacing-3xl);font-size:var(--font-size-sm);color:var(--theme-text-muted)}@media (max-width:1024px){.blog-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:767px){.blog-grid{grid-template-columns:1fr;gap:var(--spacing-lg)}.blog-grid-image{height:180px}.blog-grid-title{font-size:var(--font-size-base)}}}.frontend-layout[data-theme=inkflow]{.brand-detail-page{background:transparent;min-height:100vh;padding:var(--spacing-3xl) var(--container-padding)}.brand-detail-container{max-width:var(--container-max);margin:0 auto}.brand-header{background:hsla(35,81%,96%,.85);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:var(--spacing-3xl);margin-bottom:var(--spacing-3xl);border:var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-card);display:flex;gap:var(--spacing-3xl);align-items:center}.brand-header-logo{position:relative;width:200px;aspect-ratio:1;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--theme-bg-section);border:var(--border);border-radius:var(--radius-sm);img{width:100%;height:100%;object-fit:contain;padding:var(--spacing-md)}}.brand-header-info{flex:1 1}.brand-title{font-size:var(--font-size-3xl);color:var(--theme-accent);margin:0 0 var(--spacing-md);font-weight:var(--font-weight-bold);letter-spacing:.1em}.brand-description{font-size:var(--font-size-base);color:var(--theme-text-muted);line-height:var(--line-height-loose);margin:0 0 var(--spacing-lg)}.brand-website{display:inline-block;color:var(--theme-secondary);text-decoration:none;font-size:var(--font-size-sm);padding:var(--spacing-xs) var(--spacing-lg);border:1px solid var(--theme-secondary);border-radius:var(--radius-sm);transition:background var(--transition-fast),color var(--transition-fast);&:hover{background:var(--theme-secondary);color:var(--theme-btn-primary-text)}}.brand-products-section{background:hsla(35,81%,96%,.85);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:var(--spacing-3xl);border:var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-card)}.brand-products-section .section-title{font-size:var(--font-size-xl);color:var(--theme-accent);margin:0 0 var(--spacing-xl);padding-bottom:var(--spacing-md);border-bottom:var(--border);font-weight:var(--font-weight-medium);letter-spacing:.1em}.brand-not-found{text-align:center;padding:var(--spacing-3xl);font-size:var(--font-size-sm);color:var(--theme-text-muted)}@media (max-width:767px){.brand-detail-page{padding:var(--spacing-lg) var(--container-padding)}.brand-header{flex-direction:column;padding:var(--spacing-xl);gap:var(--spacing-xl)}.brand-header-logo{width:150px}.brand-title{font-size:var(--font-size-2xl)}.brand-products-section{padding:var(--spacing-xl)}}}.frontend-layout[data-theme=inkflow]{.brand-list-loading{text-align:center;padding:var(--spacing-3xl);font-size:var(--font-size-sm);color:var(--theme-text-muted)}}.frontend-layout[data-theme=inkflow]{.cart-empty{text-align:center;padding:var(--spacing-3xl) var(--spacing-2xl);background:hsla(35,81%,96%,.85);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-card);p{color:var(--theme-text-muted);font-size:var(--font-size-md);margin-bottom:var(--spacing-lg)}.MuiButton-root{background-color:var(--theme-btn-primary-bg)!important;color:var(--theme-btn-primary-text)!important;padding:var(--spacing-sm) var(--spacing-xl)!important;font-size:var(--font-size-base)!important;border-radius:var(--radius-sm)!important;transition:opacity var(--transition-fast)!important;&:hover{opacity:.88!important}}}.cart-content{display:grid;grid-template-columns:1fr 350px;grid-gap:var(--spacing-lg);gap:var(--spacing-lg);align-items:start}.cart-items{display:flex;flex-direction:column;gap:var(--spacing-sm)}.cart-item{display:grid;grid-template-columns:auto 100px 1fr auto auto auto auto;grid-gap:var(--spacing-lg);gap:var(--spacing-lg);align-items:center;background:hsla(35,81%,96%,.85);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:var(--spacing-lg);border:var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-card);transition:box-shadow var(--transition-fast);&:hover{box-shadow:var(--shadow-md)}.MuiCheckbox-root{padding:0;color:var(--theme-secondary);&.Mui-checked{color:var(--theme-primary)}}}.cart-item-image{width:100px;height:100px;background:var(--theme-bg-section);border:var(--border);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0;img{width:100%;height:100%;object-fit:contain;padding:var(--spacing-xs)}}.cart-item-info{display:flex;flex-direction:column;gap:var(--spacing-xs)}.cart-item-name{font-size:var(--font-size-base);color:var(--theme-text);margin:0;font-weight:var(--font-weight-medium)}.cart-item-variant{font-size:var(--font-size-sm);color:var(--theme-text-muted);margin:0}.cart-item-price{display:flex;flex-direction:column;align-items:flex-end;gap:var(--spacing-xs)}.cart-item-original-price{font-size:var(--font-size-sm);color:var(--theme-text-muted);text-decoration:line-through}.cart-item-current-price{font-size:var(--font-size-md);color:var(--theme-text-price);font-weight:var(--font-weight-bold)}.cart-item-quantity{display:flex;align-items:center;gap:var(--spacing-xs);border:var(--border);border-radius:var(--radius-sm);padding:var(--spacing-xs);.MuiIconButton-root{width:28px;height:28px;color:var(--theme-secondary);&.Mui-disabled{opacity:.4}}.quantity-display{min-width:2rem;text-align:center;font-weight:var(--font-weight-medium);color:var(--theme-text)}}.cart-item-subtotal{font-size:var(--font-size-lg);color:var(--theme-text);font-weight:var(--font-weight-bold);min-width:100px;text-align:right}.cart-item-remove{color:var(--theme-text-muted);width:36px;height:36px;transition:color var(--transition-fast);&:hover{color:var(--theme-primary)}}.cart-item-invalid{opacity:.6;background:var(--theme-bg-section)!important;.MuiCheckbox-root.Mui-disabled{color:var(--theme-border)!important}}.cart-item-out-of-stock{color:var(--theme-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm)}.cart-item-sale-countdown{margin-top:var(--spacing-xs);max-width:100%}.cart-summary{background:hsla(35,81%,96%,.85);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:var(--spacing-xl);border:var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-card);position:-webkit-sticky;position:sticky;top:calc(var(--navbar-height) + var(--topbar-height) + var(--spacing-md))}.cart-summary-title{font-size:var(--font-size-lg);color:var(--theme-accent);margin:0 0 var(--spacing-lg);font-weight:var(--font-weight-bold);letter-spacing:.05em;padding-bottom:var(--spacing-md);border-bottom:var(--border)}.cart-summary-row{display:flex;justify-content:space-between;padding:var(--spacing-sm) 0;color:var(--theme-text-muted);font-size:var(--font-size-sm)}.cart-summary-divider{border-top:var(--border);margin:var(--spacing-md) 0}.cart-summary-total{display:flex;justify-content:space-between;padding:var(--spacing-md) 0;font-size:var(--font-size-xl);color:var(--theme-text);font-weight:var(--font-weight-bold)}.checkout-btn{margin-top:var(--spacing-lg)!important;background-color:var(--theme-btn-primary-bg)!important;color:var(--theme-btn-primary-text)!important;padding:var(--spacing-sm)!important;font-size:var(--font-size-base)!important;border-radius:var(--radius-sm)!important;letter-spacing:.05em!important;transition:opacity var(--transition-fast)!important;&:hover{opacity:.88!important}}@media (max-width:1024px){.cart-content{grid-template-columns:1fr}.cart-summary{position:static}}@media (max-width:767px){.cart-item{grid-template-columns:auto 80px 1fr auto;gap:var(--spacing-sm);padding:var(--spacing-md);.MuiCheckbox-root{grid-column:1;grid-row:1/4;align-self:center}}.cart-item-image{width:80px;height:80px;grid-row:1/4;grid-column:2}.cart-item-info{grid-column:3;grid-row:1}.cart-item-price{grid-column:3;grid-row:2;align-items:flex-start;flex-direction:row;gap:var(--spacing-sm)}.cart-item-quantity{grid-column:3;grid-row:3;justify-self:start}.cart-item-subtotal{grid-column:4;grid-row:1;justify-self:end;align-self:start;min-width:auto;font-size:var(--font-size-base)}.cart-item-remove{grid-column:4;grid-row:3;justify-self:end;align-self:end}}}.frontend-layout[data-theme=inkflow]{.category-header{display:grid;grid-template-columns:320px 1fr;grid-gap:var(--spacing-xl);gap:var(--spacing-xl);align-items:center;margin-bottom:var(--spacing-2xl);padding:var(--spacing-xl);background:hsla(35,81%,96%,.85);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-card);.skeleton-text,.skeleton-title{background:linear-gradient(90deg,var(--theme-bg-section) 25%,var(--theme-border) 50%,var(--theme-bg-section) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:var(--radius-sm)}}.category-header-image{position:relative;width:100%;aspect-ratio:4/3;overflow:hidden;border-radius:var(--radius-sm);background:var(--theme-bg-section);&.skeleton{background:linear-gradient(90deg,var(--theme-bg-section) 25%,var(--theme-border) 50%,var(--theme-bg-section) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite}img{width:100%;height:100%;object-fit:cover}}.category-header-info{display:flex;flex-direction:column;justify-content:center}.category-header-desc{font-size:var(--font-size-md);color:var(--theme-text-muted);line-height:var(--line-height-loose);margin:0}.category-hero-skeleton{width:100vw;position:relative;left:50%;margin-left:-50vw;margin-right:-50vw;height:120px;background:linear-gradient(90deg,#e8d9c0 25%,#f0e4cc 50%,#e8d9c0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;margin-bottom:var(--spacing-2xl)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.category-cover-image{width:100%;max-height:280px;overflow:hidden;border-radius:var(--radius-md);margin-bottom:var(--spacing-xl);box-shadow:var(--shadow-card);img{width:100%;height:100%;object-fit:cover;display:block}}.category-description-top{text-align:center;color:var(--theme-text-muted);font-size:var(--font-size-md);line-height:var(--line-height-base);margin:0 auto var(--spacing-2xl);max-width:700px;padding:0 var(--container-padding)}.subcategories-section{margin-top:var(--spacing-3xl);h2{font-size:var(--font-size-xl);color:var(--theme-accent);margin:0 0 var(--spacing-xl);font-weight:var(--font-weight-medium);letter-spacing:.05em;text-align:center}}.category-products-section{margin-top:var(--spacing-3xl);h2{font-size:var(--font-size-xl);color:var(--theme-accent);margin:0 0 var(--spacing-xl);font-weight:var(--font-weight-medium);letter-spacing:.05em;text-align:center}}.categories-grid{.category-image{position:relative;width:100%;aspect-ratio:1;overflow:hidden;background:var(--theme-bg-section);img{width:100%;height:100%;object-fit:cover;transition:opacity var(--transition-base)}}.category-description{padding:0 var(--spacing-md) var(--spacing-md);font-size:var(--font-size-xs);color:var(--theme-text-muted);line-height:var(--line-height-tight);text-align:center;text-decoration:none}}.category-card{display:flex;flex-direction:column;&:hover .category-image img{opacity:.88}}.category-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:3rem;color:var(--theme-secondary);font-weight:var(--font-weight-normal)}.category-name{padding:var(--spacing-md);font-size:var(--font-size-sm);color:var(--theme-text);font-weight:var(--font-weight-medium);text-align:center;text-decoration:none;border:none}.category-not-found{background:hsla(35,81%,96%,.85);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:var(--spacing-3xl);border:var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-card);text-align:center;margin:var(--spacing-3xl) auto;max-width:500px}.category-not-found-title{font-size:var(--font-size-3xl);color:var(--theme-primary);margin:0 0 var(--spacing-lg);font-weight:var(--font-weight-medium)}.category-not-found-message{font-size:var(--font-size-md);color:var(--theme-text-muted);line-height:var(--line-height-base);margin:0 0 var(--spacing-2xl)}.category-not-found-button{background-color:var(--theme-btn-primary-bg);color:var(--theme-btn-primary-text);padding:var(--spacing-sm) var(--spacing-xl);border:none;border-radius:var(--radius-sm);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);cursor:pointer;transition:opacity var(--transition-fast),transform var(--transition-fast);&:hover{opacity:.88;transform:translateY(-2px)}}@media (max-width:767px){.category-header{grid-template-columns:1fr}.category-header-image{aspect-ratio:16/9}.category-not-found{padding:var(--spacing-xl);margin:var(--spacing-xl) auto}.category-not-found-title{font-size:var(--font-size-2xl)}}}.frontend-layout[data-theme=inkflow]{.payment-method-label{display:inline-flex;align-items:center;gap:var(--spacing-sm);line-height:1}.payment-method-selected{color:var(--theme-text);font-size:var(--font-size-base)}.payment-unavailable{margin:0;color:var(--theme-text-muted);font-size:var(--font-size-sm);line-height:var(--line-height-base)}.checkout-processing-overlay{position:fixed;inset:0;z-index:1400;display:flex;align-items:center;justify-content:center;padding:var(--spacing-xl);background:var(--surface-overlay);animation:checkoutOverlayFadeIn var(--transition-base) ease}.checkout-processing-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg);width:min(100%,440px);padding:calc(var(--spacing-xl) + 4px) var(--spacing-xl) var(--spacing-2xl);background-color:var(--theme-bg);background-image:var(--surface-paper-texture);background-size:var(--surface-paper-texture-size);background-repeat:repeat;border:1px solid var(--theme-border);border-radius:var(--radius-md);box-shadow:0 12px 40px rgba(42,31,20,.2);text-align:center;overflow:hidden;animation:checkoutCardRise var(--transition-slow) ease}.checkout-processing-accent{position:absolute;top:0;left:0;right:0;height:4px;background:var(--surface-ink-bar)}.checkout-processing-steps{display:flex;align-items:flex-start;justify-content:center;gap:var(--spacing-sm);width:100%;margin:0;padding:0;list-style:none}.checkout-processing-step{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);flex:1 1;min-width:0;color:var(--theme-text-muted);transition:color var(--transition-base)}.checkout-processing-step.is-active{color:var(--theme-accent)}.checkout-processing-step.is-complete{color:var(--theme-secondary)}.checkout-processing-step-marker{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-full);border:1px solid var(--theme-border);background:var(--theme-bg-content);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);line-height:1;transition:background-color var(--transition-base),border-color var(--transition-base),color var(--transition-base),box-shadow var(--transition-base)}.checkout-processing-step.is-active .checkout-processing-step-marker{border-color:var(--theme-primary);background:var(--theme-primary);color:var(--theme-btn-primary-text);box-shadow:0 0 0 4px rgba(139,26,26,.12)}.checkout-processing-step.is-complete .checkout-processing-step-marker{border-color:var(--theme-secondary);background:rgba(200,168,75,.16);color:var(--theme-accent)}.checkout-processing-step-label{font-size:var(--font-size-xs);letter-spacing:.04em;line-height:var(--line-height-tight)}.checkout-processing-step-connector{flex:0 0 40px;height:1px;margin-top:14px;background:var(--theme-border);transition:background var(--transition-base)}.checkout-processing-step-connector.is-filled{background:linear-gradient(90deg,var(--theme-secondary) 0,var(--theme-primary) 100%)}.checkout-processing-spinner-wrap{display:flex;align-items:center;justify-content:center;width:72px;height:72px}.checkout-processing-spinner{width:52px;height:52px;border-radius:var(--radius-full);border-left:3px solid rgba(200,168,75,.22);border-bottom:3px solid rgba(200,168,75,.22);border-top:3px solid rgba(200,168,75,.22);border-top-color:var(--theme-secondary);border-right:3px solid rgba(200,168,75,.22);border-right-color:var(--theme-primary);animation:checkoutProcessingSpin .9s linear infinite}.checkout-processing-title{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);letter-spacing:.06em;color:var(--theme-accent);line-height:var(--line-height-tight)}.checkout-processing-hint{margin:0;max-width:30ch;font-size:var(--font-size-sm);color:var(--theme-text-muted);line-height:var(--line-height-loose)}@keyframes checkoutOverlayFadeIn{0%{opacity:0}to{opacity:1}}@keyframes checkoutCardRise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes checkoutProcessingSpin{to{transform:rotate(1turn)}}@media (max-width:767px){.checkout-processing-overlay{padding:var(--spacing-md)}.checkout-processing-card{padding:calc(var(--spacing-lg) + 4px) var(--spacing-lg) var(--spacing-xl)}.checkout-processing-step-connector{flex-basis:20px}}.checkout-steps{display:flex;align-items:flex-start;justify-content:center;gap:var(--spacing-sm);margin:0 0 var(--spacing-xl);padding:0;list-style:none}.checkout-step{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);flex:1 1;max-width:160px;min-width:0;color:var(--theme-text-muted)}.checkout-step.is-active{color:var(--theme-accent)}.checkout-step.is-complete{color:var(--theme-secondary)}.checkout-step-marker{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-full);border:1px solid var(--theme-border);background:var(--theme-bg-content);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);line-height:1}.checkout-step.is-active .checkout-step-marker{border-color:var(--theme-primary);background:var(--theme-primary);color:var(--theme-bg-content);box-shadow:0 0 0 3px rgba(139,26,26,.12)}.checkout-step.is-complete .checkout-step-marker{border-color:var(--theme-secondary);background:rgba(200,168,75,.16);color:var(--theme-accent)}.checkout-step-label{font-size:var(--font-size-xs);text-align:center;line-height:var(--line-height-base)}.checkout-step-connector{position:absolute;top:16px;left:calc(50% + 20px);width:calc(100% - 40px);height:2px;background:var(--theme-border);pointer-events:none}.checkout-step.is-complete .checkout-step-connector{background:var(--theme-secondary)}.checkout-page--payment .checkout-container--payment{max-width:640px;margin:0 auto}.checkout-content{display:grid;grid-template-columns:1fr 400px;grid-gap:var(--spacing-xl);gap:var(--spacing-xl)}.checkout-left,.checkout-right{display:flex;flex-direction:column;gap:var(--spacing-lg)}.checkout-section{background:var(--theme-bg-content);padding:var(--spacing-xl);border:var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-card);.section-title{font-size:var(--font-size-lg);color:var(--theme-accent);margin:0 0 var(--spacing-lg);font-weight:var(--font-weight-medium);letter-spacing:.05em}.section-title-wrapper{display:flex;justify-content:space-between;align-items:center;padding-bottom:var(--spacing-sm);margin-bottom:var(--spacing-lg);border-bottom:var(--border);.section-title{margin:0}}.MuiCheckbox-root{color:var(--theme-secondary);&.Mui-checked{color:var(--theme-primary)}}.MuiRadio-root{color:var(--theme-secondary);&.Mui-checked{color:var(--theme-primary)}}.MuiFormControlLabel-label{color:var(--theme-text);font-size:var(--font-size-sm)}.MuiFormControlLabel-root{margin-top:var(--spacing-xs);margin-bottom:var(--spacing-xs)}.MuiButton-root:not(.place-order-btn){color:var(--theme-primary)!important;border-color:var(--theme-primary)!important;&:hover{background-color:rgba(139,26,26,.06)!important}}}.order-items-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.order-item{display:flex;gap:var(--spacing-md);align-items:flex-start;padding:var(--spacing-sm) 0;color:var(--theme-text-muted);font-size:var(--font-size-sm);border-bottom:1px solid var(--theme-bg-section);&:last-child{border-bottom:none}}.item-image{width:60px;height:60px;object-fit:cover;border-radius:var(--radius-sm);border:var(--border);flex-shrink:0}.item-info{flex:1 1;display:flex;flex-direction:column;gap:var(--spacing-xs)}.item-name{color:var(--theme-text);font-weight:var(--font-weight-medium)}.item-variant{color:var(--theme-secondary);font-size:var(--font-size-xs)}.item-quantity{color:var(--theme-text-muted);font-size:var(--font-size-sm)}.item-price{font-weight:var(--font-weight-bold);color:var(--theme-text-price);white-space:nowrap;margin-left:auto}.address-form{display:flex;flex-direction:column;gap:var(--spacing-md);.MuiTextField-root{background:var(--theme-bg)}.MuiOutlinedInput-root{color:var(--theme-text)}.MuiOutlinedInput-notchedOutline{border-color:var(--theme-border)}.MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border-color:var(--theme-primary)}.MuiInputLabel-root{color:var(--theme-secondary)}}.address-row{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:var(--spacing-md);gap:var(--spacing-md)}.coupon-input{display:flex;gap:var(--spacing-md);.MuiButton-outlined{border-color:var(--theme-primary)!important;color:var(--theme-primary)!important;white-space:nowrap;&:hover{background-color:rgba(139,26,26,.06)!important}}}.order-summary{position:-webkit-sticky;position:sticky;top:calc(var(--navbar-height) + var(--topbar-height) + var(--spacing-md))}.summary-row{display:flex;justify-content:space-between;padding:var(--spacing-sm) 0;color:var(--theme-text-muted);font-size:var(--font-size-sm)}.summary-divider{border-top:var(--border);margin:var(--spacing-md) 0}.summary-total{display:flex;justify-content:space-between;padding:var(--spacing-md) 0;font-size:var(--font-size-xl);color:var(--theme-text);font-weight:var(--font-weight-bold)}.summary-row-discount{color:var(--theme-primary);font-weight:var(--font-weight-medium)}.promo-banner,.threshold-promo-banner{border-width:1px;font-size:var(--font-size-sm)}.promo-banner-content{display:flex;flex-direction:column;gap:2px;width:100%}.promo-banner-amount{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);line-height:1.3}.promo-banner-desc{font-size:var(--font-size-xs);font-weight:var(--font-weight-normal);color:inherit;opacity:.85;line-height:1.4}.coupon-section-subtle{margin-top:var(--spacing-md)}.coupon-toggle-link{background:none;border:none;padding:0;color:var(--theme-text-muted);font-size:var(--font-size-xs);text-decoration:underline;cursor:pointer;&:hover{color:var(--theme-primary)}}.coupon-input-row{display:flex;align-items:center;gap:var(--spacing-sm)}.coupon-feedback{margin:var(--spacing-xs) 0 0;font-size:var(--font-size-xs);color:var(--theme-text-muted)}.coupon-feedback-error{color:var(--theme-primary)}.place-order-btn{margin-top:var(--spacing-lg)!important;background-color:var(--theme-btn-primary-bg)!important;color:var(--theme-btn-primary-text)!important;padding:var(--spacing-sm)!important;font-size:var(--font-size-base)!important;border-radius:var(--radius-sm)!important;transition:opacity var(--transition-fast)!important;&:hover{opacity:.88!important}}.add-address-prominent{background-color:var(--theme-btn-primary-bg)!important;color:var(--theme-btn-primary-text)!important;border:none!important;padding:var(--spacing-sm) var(--spacing-xl)!important;font-weight:var(--font-weight-medium)!important;border-radius:var(--radius-sm)!important;margin-bottom:var(--spacing-md)!important;transition:opacity var(--transition-fast)!important;&:hover{opacity:.88!important}}.add-address-small{color:var(--theme-primary)!important;&:hover{background-color:rgba(139,26,26,.06)!important}}@media (max-width:1024px){.checkout-content{grid-template-columns:1fr}.order-summary{position:static}}@media (max-width:767px){.checkout-section{padding:var(--spacing-lg);.section-title{font-size:var(--font-size-base)}}.address-row{grid-template-columns:1fr}}}