:root{--toastify-color-light:#fff;--toastify-color-dark:#121212;--toastify-color-info:#3498db;--toastify-color-success:#07bc0c;--toastify-color-warning:#f1c40f;--toastify-color-error:#e74c3c;--toastify-color-transparent:hsla(0,0%,100%,.7);--toastify-icon-color-info:var(--toastify-color-info);--toastify-icon-color-success:var(--toastify-color-success);--toastify-icon-color-warning:var(--toastify-color-warning);--toastify-icon-color-error:var(--toastify-color-error);--toastify-toast-width:320px;--toastify-toast-background:#fff;--toastify-toast-min-height:64px;--toastify-toast-max-height:800px;--toastify-font-family:sans-serif;--toastify-z-index:9999;--toastify-text-color-light:#757575;--toastify-text-color-dark:#fff;--toastify-text-color-info:#fff;--toastify-text-color-success:#fff;--toastify-text-color-warning:#fff;--toastify-text-color-error:#fff;--toastify-spinner-color:#616161;--toastify-spinner-color-empty-area:#e0e0e0;--toastify-color-progress-light:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);--toastify-color-progress-dark:#bb86fc;--toastify-color-progress-info:var(--toastify-color-info);--toastify-color-progress-success:var(--toastify-color-success);--toastify-color-progress-warning:var(--toastify-color-warning);--toastify-color-progress-error:var(--toastify-color-error)}.Toastify__toast-container{box-sizing:border-box;color:#fff;padding:4px;position:fixed;-webkit-transform:translateZ(9999);-webkit-transform:translateZ(var(--toastify-z-index));width:320px;width:var(--toastify-toast-width);z-index:9999;z-index:var(--toastify-z-index)}.Toastify__toast-container--top-left{left:1em;top:1em}.Toastify__toast-container--top-center{left:50%;top:1em;transform:translateX(-50%)}.Toastify__toast-container--top-right{right:1em;top:1em}.Toastify__toast-container--bottom-left{bottom:1em;left:1em}.Toastify__toast-container--bottom-center{bottom:1em;left:50%;transform:translateX(-50%)}.Toastify__toast-container--bottom-right{bottom:1em;right:1em}@media only screen and (max-width:480px){.Toastify__toast-container{left:0;margin:0;padding:0;width:100vw}.Toastify__toast-container--top-center,.Toastify__toast-container--top-left,.Toastify__toast-container--top-right{top:0;transform:translateX(0)}.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-right{bottom:0;transform:translateX(0)}.Toastify__toast-container--rtl{left:auto;right:0}}.Toastify__toast{border-radius:4px;box-shadow:0 1px 10px 0 rgba(0,0,0,.1),0 2px 15px 0 rgba(0,0,0,.05);box-sizing:border-box;cursor:default;direction:ltr;display:flex;font-family:sans-serif;font-family:var(--toastify-font-family);justify-content:space-between;margin-bottom:1rem;max-height:800px;max-height:var(--toastify-toast-max-height);min-height:64px;min-height:var(--toastify-toast-min-height);overflow:hidden;padding:8px;position:relative;z-index:0}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-body{align-items:center;display:flex;flex:1 1 auto;margin:auto 0;padding:6px}.Toastify__toast-body>div:last-child{flex:1 1;word-break:break-word}.Toastify__toast-icon{display:flex;flex-shrink:0;margin-inline-end:10px;width:20px}.Toastify--animate{animation-duration:.7s;animation-fill-mode:both}.Toastify--animate-icon{animation-duration:.3s;animation-fill-mode:both}@media only screen and (max-width:480px){.Toastify__toast{border-radius:0;margin-bottom:0}}.Toastify__toast-theme--dark{background:#121212;background:var(--toastify-color-dark);color:#fff;color:var(--toastify-text-color-dark)}.Toastify__toast-theme--colored.Toastify__toast--default,.Toastify__toast-theme--light{background:#fff;background:var(--toastify-color-light);color:#757575;color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{background:#3498db;background:var(--toastify-color-info);color:#fff;color:var(--toastify-text-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{background:#07bc0c;background:var(--toastify-color-success);color:#fff;color:var(--toastify-text-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{background:#f1c40f;background:var(--toastify-color-warning);color:#fff;color:var(--toastify-text-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{background:#e74c3c;background:var(--toastify-color-error);color:#fff;color:var(--toastify-text-color-error)}.Toastify__progress-bar-theme--light{background:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:#bb86fc;background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:#3498db;background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:#07bc0c;background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:#f1c40f;background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:#e74c3c;background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning{background:hsla(0,0%,100%,.7);background:var(--toastify-color-transparent)}.Toastify__close-button{align-self:flex-start;background:transparent;border:none;color:#fff;cursor:pointer;opacity:.7;outline:none;padding:0;transition:.3s ease}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:focus,.Toastify__close-button:hover{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{bottom:0;height:5px;left:0;opacity:.7;position:absolute;transform-origin:left;width:100%;z-index:9999;z-index:var(--toastify-z-index)}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{left:auto;right:0;transform-origin:right}.Toastify__spinner{animation:Toastify__spin .65s linear infinite;border:2px solid #e0e0e0;border-color:var(--toastify-spinner-color-empty-area);border-radius:100%;border-right-color:#616161;border-right-color:var(--toastify-spinner-color);box-sizing:border-box;height:20px;width:20px}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,0,0)}to{opacity:0;transform:translate3d(2000px,0,0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,0,0)}to{opacity:0;transform:translate3d(-2000px,0,0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,-10px,0)}40%,45%{opacity:1;transform:translate3d(0,20px,0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,10px,0)}40%,45%{opacity:1;transform:translate3d(0,-20px,0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--bottom-left,.Toastify__bounce-enter--top-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--bottom-right,.Toastify__bounce-enter--top-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--bottom-left,.Toastify__bounce-exit--top-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--bottom-right,.Toastify__bounce-exit--top-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{animation-timing-function:ease-in;opacity:0;transform:perspective(400px) rotateX(90deg)}40%{animation-timing-function:ease-in;transform:perspective(400px) rotateX(-20deg)}60%{opacity:1;transform:perspective(400px) rotateX(10deg)}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:perspective(400px)}30%{opacity:1;transform:perspective(400px) rotateX(-20deg)}to{opacity:0;transform:perspective(400px) rotateX(90deg)}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideOutRight{0%{transform:translateZ(0)}to{transform:translate3d(110%,0,0);visibility:hidden}}@keyframes Toastify__slideOutLeft{0%{transform:translateZ(0)}to{transform:translate3d(-110%,0,0);visibility:hidden}}@keyframes Toastify__slideOutDown{0%{transform:translateZ(0)}to{transform:translate3d(0,500px,0);visibility:hidden}}@keyframes Toastify__slideOutUp{0%{transform:translateZ(0)}to{transform:translate3d(0,-500px,0);visibility:hidden}}.Toastify__slide-enter--bottom-left,.Toastify__slide-enter--top-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--bottom-right,.Toastify__slide-enter--top-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--bottom-left,.Toastify__slide-exit--top-left{animation-name:Toastify__slideOutLeft}.Toastify__slide-exit--bottom-right,.Toastify__slide-exit--top-right{animation-name:Toastify__slideOutRight}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown}@keyframes Toastify__spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}:root{--header-height-scrolled:70px;--header-bg:hsla(0,0%,100%,.98);--header-bg-scrolled:hsla(0,0%,100%,.98);--header-shadow:0 2px 10px rgba(0,0,0,.08);--header-shadow-scrolled:0 8px 32px rgba(0,0,0,.12);--nav-link-color:var(--text-primary);--nav-link-hover:var(--primary);--nav-link-active:var(--primary);--dropdown-bg:hsla(0,0%,100%,.98);--dropdown-shadow:0 20px 40px rgba(0,0,0,.15);--dropdown-border:rgba(0,0,0,.08);--mobile-menu-bg:hsla(0,0%,100%,.98);--mobile-overlay-bg:rgba(0,0,0,.5);--search-bg:hsla(0,0%,100%,.98);--search-border:var(--border-light);--cart-badge-bg:var(--primary);--cart-badge-color:var(--text-on-primary)}:root[data-theme=dark]{--header-bg:rgba(15,23,42,.98);--header-bg-scrolled:rgba(15,23,42,.98);--header-shadow:0 2px 10px rgba(0,0,0,.3);--header-shadow-scrolled:0 8px 32px rgba(0,0,0,.4);--dropdown-bg:rgba(15,23,42,.98);--dropdown-border:hsla(0,0%,100%,.1);--mobile-menu-bg:rgba(15,23,42,.98);--mobile-overlay-bg:rgba(0,0,0,.7);--search-bg:rgba(15,23,42,.98);--search-border:hsla(0,0%,100%,.15)}.site-header{backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);background:hsla(0,0%,100%,.98);background:var(--header-bg);border-bottom:1px solid transparent;height:80px;height:var(--header-height);left:0;position:fixed;right:0;top:0;transition:all .3s cubic-bezier(.4,0,.2,1);will-change:transform,background,box-shadow;z-index:1000}.site-header.scrolled{background:hsla(0,0%,100%,.98);background:var(--header-bg-scrolled);border-bottom-color:var(--border-light);box-shadow:0 8px 32px rgba(0,0,0,.12);box-shadow:var(--header-shadow-scrolled);height:70px;height:var(--header-height-scrolled)}@media(max-width:768px){.site-header.scrolled{height:80px;height:var(--header-height)}}.site-header *{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box}.nav-container{align-items:center;display:flex;height:100%;justify-content:space-between;margin:0 auto;max-width:var(--max-width);padding:0 1rem}@media(min-width:768px){.nav-container{padding:0 var(--container-padding)}}.brand{align-items:center;display:flex;position:relative;text-decoration:none;z-index:1002}.brand:focus-visible{border-radius:var(--radius-sm);outline:2px solid var(--primary);outline-offset:4px}.brand-wrapper{align-items:center;display:flex;gap:var(--spacing-sm)}.brand-icon{height:40px;object-fit:contain;transition:transform .3s ease;width:40px}.scrolled .brand-icon{height:36px;width:36px}.brand-text{height:auto;object-fit:contain;width:150px}@media(max-width:480px){.brand-text{display:none}}.scrolled .brand-text{width:140px}.desktop-nav{display:none}@media(min-width:1024px){.desktop-nav{display:block;margin:0 auto}}.nav-list{align-items:center;display:flex;gap:var(--spacing-xs);list-style:none;margin:0;padding:0}.nav-item,.nav-link{position:relative}.nav-link{align-items:center;border-radius:var(--radius);color:var(--text-primary);color:var(--nav-link-color);display:flex;font-size:var(--font-size-sm);font-weight:500;gap:var(--spacing-xs);min-height:44px;padding:var(--spacing-sm) var(--spacing-md);text-decoration:none;transition:all .2s ease;white-space:nowrap}.nav-link:focus,.nav-link:hover{background:rgba(var(--primary-rgb),.05);color:var(--primary);color:var(--nav-link-hover);outline:none}.nav-link.active{background:rgba(var(--primary-rgb),.1);color:var(--primary);color:var(--nav-link-active);font-weight:600}.nav-link.highlight{color:var(--primary);font-weight:600}.nav-icon{align-items:center;display:flex;font-size:1rem}.nav-label{font-size:inherit}.nav-badge{background:var(--primary);border-radius:var(--radius-full);color:var(--text-on-primary);font-size:var(--font-size-xs);font-weight:600;line-height:1;padding:2px 6px}.nav-dropdown{position:relative}.chevron{font-size:.875rem;transition:transform .2s ease}.chevron.open{transform:rotate(180deg)}.dropdown-menu{backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border:1px solid rgba(0,0,0,.08);border:1px solid var(--dropdown-border);border-radius:var(--radius-lg);box-shadow:0 20px 40px rgba(0,0,0,.15);box-shadow:var(--dropdown-shadow);margin-top:var(--spacing-xs);min-width:280px;overflow:hidden;padding:var(--spacing-md) 0;top:100%;z-index:1001}.dropdown-menu,.dropdown-menu:before{background:hsla(0,0%,100%,.98);background:var(--dropdown-bg);left:50%;position:absolute;transform:translateX(-50%)}.dropdown-menu:before{border-left:1px solid rgba(0,0,0,.08);border-left:1px solid var(--dropdown-border);border-top:1px solid rgba(0,0,0,.08);border-top:1px solid var(--dropdown-border);-webkit-clip-path:polygon(50% 0,0 100%,100% 100%);clip-path:polygon(50% 0,0 100%,100% 100%);content:"";height:8px;top:-8px;width:16px}.dropdown-item{align-items:center;color:var(--text-primary);display:flex;gap:var(--spacing-md);overflow:hidden;padding:var(--spacing-sm) var(--spacing-lg);position:relative;text-decoration:none;transition:all .2s ease}.dropdown-item:focus,.dropdown-item:hover{background:rgba(var(--primary-rgb),.05);color:var(--primary);outline:none}.dropdown-item:active{background:rgba(var(--primary-rgb),.1)}.dropdown-icon{flex-shrink:0;font-size:1.25rem;width:24px}.dropdown-content{flex:1 1;min-width:0}.dropdown-title{color:inherit;display:block;font-size:var(--font-size-sm);font-weight:600;margin-bottom:2px}.dropdown-desc{color:var(--text-secondary);display:block;font-size:var(--font-size-xs);line-height:1.3}.dropdown-badge{background:var(--primary);background:var(--service-color,var(--primary));border-radius:var(--radius-full);color:#fff;display:inline-block;font-size:var(--font-size-xs);font-weight:600;line-height:1;margin-left:var(--spacing-xs);padding:2px 6px}.dropdown-badge[data-badge=AI]{background:linear-gradient(135deg,#667eea,#764ba2)}.dropdown-badge[data-badge=Hot]{background:linear-gradient(135deg,#f093fb,#f5576c)}.dropdown-badge[data-badge=Free]{background:linear-gradient(135deg,#4facfe,#00f2fe)}.dropdown-hover{background:linear-gradient(90deg,rgba(var(--primary-rgb),.1) 0,transparent 100%);inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .2s ease}.dropdown-item:hover .dropdown-hover{opacity:1}.desktop-actions{display:none}@media(min-width:1024px){.desktop-actions{align-items:center;display:flex;gap:var(--spacing-md)}}.theme-toggle-btn{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:var(--radius-full);color:var(--text-primary);cursor:pointer;display:flex;height:44px;justify-content:center;transition:all .2s ease;width:44px}.theme-toggle-btn:focus,.theme-toggle-btn:hover{background:var(--primary);border-color:var(--primary);color:var(--text-on-primary);outline:none;transform:scale(1.1)}.theme-toggle-btn:active{transform:scale(.95)}.theme-toggle-inner{align-items:center;display:flex;justify-content:center}.theme-icon{font-size:1.25rem}.theme-icon.sun{color:#f59e0b}.theme-icon.moon{color:#4f46e5}.action-btn{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:var(--radius-full);color:var(--text-primary);cursor:pointer;display:flex;height:44px;justify-content:center;position:relative;transition:all .2s ease;width:44px}.action-btn:focus,.action-btn:hover{background:var(--bg-tertiary);border-color:var(--primary);color:var(--primary);outline:none}.cart-wrapper{position:relative}.cart-badge{align-items:center;background:var(--primary);background:var(--cart-badge-bg);border-radius:var(--radius-full);color:var(--text-on-primary);color:var(--cart-badge-color);display:flex;font-size:var(--font-size-xs);font-weight:600;height:20px;justify-content:center;line-height:1;min-width:20px;padding:0 4px;position:absolute;right:-4px;top:-4px}.user-menu{position:relative}.user-trigger{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:var(--radius-full);color:var(--text-primary);cursor:pointer;display:flex;font-weight:500;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);transition:all .2s ease}.user-trigger:focus,.user-trigger:hover{background:var(--bg-tertiary);border-color:var(--primary);outline:none}.user-avatar{color:var(--primary);font-size:1.5rem}.user-name{font-size:var(--font-size-sm);max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:1200px){.user-name{display:none}}.user-dropdown{backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border:1px solid rgba(0,0,0,.08);border:1px solid var(--dropdown-border);border-radius:var(--radius-lg);box-shadow:0 20px 40px rgba(0,0,0,.15);box-shadow:var(--dropdown-shadow);margin-top:var(--spacing-xs);min-width:240px;padding:var(--spacing-md) 0;right:0;top:100%;z-index:1001}.user-dropdown,.user-dropdown:before{background:hsla(0,0%,100%,.98);background:var(--dropdown-bg);position:absolute}.user-dropdown:before{border-left:1px solid rgba(0,0,0,.08);border-left:1px solid var(--dropdown-border);border-top:1px solid rgba(0,0,0,.08);border-top:1px solid var(--dropdown-border);-webkit-clip-path:polygon(50% 0,0 100%,100% 100%);clip-path:polygon(50% 0,0 100%,100% 100%);content:"";height:8px;right:20px;top:-8px;width:16px}.user-info{align-items:center;display:flex;gap:var(--spacing-md);padding:0 var(--spacing-lg) var(--spacing-md)}.user-avatar-large{color:var(--primary);font-size:2.5rem}.user-details{flex:1 1;min-width:0}.user-details strong{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:600;margin-bottom:2px}.user-details strong,.user-email{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-email{color:var(--text-secondary);font-size:var(--font-size-xs)}.dropdown-divider{background:var(--border-light);height:1px;margin:var(--spacing-sm) 0}.auth-buttons{gap:var(--spacing-sm)}.auth-buttons,.btn-ghost{align-items:center;display:flex}.btn-ghost{background:transparent;border:1px solid var(--border-light);border-radius:var(--radius-full);color:var(--text-primary);font-weight:500;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-lg);text-decoration:none;transition:all .2s ease}.btn-ghost:focus,.btn-ghost:hover{background:var(--bg-tertiary);border-color:var(--primary);color:var(--primary);outline:none}.mobile-menu-btn{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:var(--radius);color:var(--text-primary);cursor:pointer;display:flex;height:44px;justify-content:center;transition:all .2s ease;width:44px;z-index:1002}@media(min-width:1024px){.mobile-menu-btn{display:none}}.mobile-menu-btn:focus,.mobile-menu-btn:hover{background:var(--primary);border-color:var(--primary);color:var(--text-on-primary);outline:none}.mobile-menu-btn:active{transform:scale(.95)}.search-bar{backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);background:hsla(0,0%,100%,.98);background:var(--search-bg);border-bottom:1px solid var(--search-border);box-shadow:var(--shadow-lg);left:0;padding:var(--spacing-md);position:absolute;right:0;top:100%;z-index:1001}.search-form{align-items:center;display:flex;gap:var(--spacing-md);margin:0 auto;max-width:800px}.search-icon{color:var(--text-tertiary);flex-shrink:0;font-size:1.25rem}.search-input{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);color:var(--text-primary);flex:1 1;font-family:var(--font-primary);font-size:var(--font-size-base);padding:var(--spacing-md);transition:all .2s ease}.search-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1);outline:none}.search-input::placeholder{color:var(--text-tertiary)}.search-actions{align-items:center;display:flex;gap:var(--spacing-sm)}.search-submit{background:var(--primary);border:none;border-radius:var(--radius);color:var(--text-on-primary);cursor:pointer;font-weight:500;padding:var(--spacing-sm) var(--spacing-lg);transition:all .2s ease}.search-submit:focus,.search-submit:hover{background:var(--primary-dark);outline:none}.search-close{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:var(--radius);color:var(--text-primary);cursor:pointer;display:flex;height:44px;justify-content:center;transition:all .2s ease;width:44px}.search-close:focus,.search-close:hover{background:var(--error);border-color:var(--error);color:var(--text-on-primary);outline:none}.search-suggestions{margin:var(--spacing-md) auto 0;max-width:800px}.suggestion-label{color:var(--text-secondary);display:block;font-size:var(--font-size-sm);margin-bottom:var(--spacing-sm)}.suggestion-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.suggestion-tag{background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;font-size:var(--font-size-sm);padding:var(--spacing-xs) var(--spacing-md);transition:all .2s ease}.suggestion-tag:focus,.suggestion-tag:hover{background:var(--primary);border-color:var(--primary);color:var(--text-on-primary);outline:none}.mobile-overlay{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:rgba(0,0,0,.5);background:var(--mobile-overlay-bg);left:0;pointer-events:all;width:100vw;z-index:9999}.mobile-menu,.mobile-overlay{height:100vh;position:fixed;top:0}.mobile-menu{backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);background:hsla(0,0%,100%,.98);background:var(--mobile-menu-bg);border-left:1px solid rgba(0,0,0,.08);border-left:1px solid var(--dropdown-border);box-shadow:0 20px 40px rgba(0,0,0,.15);box-shadow:var(--dropdown-shadow);display:flex;flex-direction:column;max-width:400px;overflow:hidden;right:0;transform:translateZ(0);-webkit-transform:translateZ(0);width:100%;z-index:10000}@media(max-width:480px){.mobile-menu{max-width:100%}}.mobile-menu-header{align-items:center;background:hsla(0,0%,100%,.98);background:var(--header-bg);border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;min-height:80px;padding:var(--spacing-lg);position:relative;z-index:10001}.mobile-brand{align-items:center;display:flex;gap:var(--spacing-sm);text-decoration:none}.mobile-brand-icon{height:32px;object-fit:contain;width:32px}.mobile-brand-text{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:600}.mobile-header-actions{align-items:center;display:flex;gap:var(--spacing-sm)}.mobile-theme-toggle{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:var(--radius);color:var(--text-primary);cursor:pointer;display:flex;height:44px;justify-content:center;transition:all .2s ease;width:44px}.mobile-theme-toggle:focus,.mobile-theme-toggle:hover{background:var(--primary);border-color:var(--primary);color:var(--text-on-primary);outline:none}.mobile-close-btn{align-items:center;background:var(--error);border:none;border-radius:var(--radius);color:var(--text-on-primary);cursor:pointer;display:flex;height:44px;justify-content:center;transition:all .2s ease;width:44px}.mobile-close-btn:focus,.mobile-close-btn:hover{background:var(--error-dark);outline:none}.mobile-menu-content{-webkit-overflow-scrolling:touch;flex:1 1;overflow-y:auto;padding:var(--spacing-lg);position:relative;z-index:10001}.mobile-services{margin-bottom:var(--spacing-xl)}.mobile-services-header{align-items:center;color:var(--text-primary);display:flex;font-size:var(--font-size-sm);font-weight:600;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);padding:var(--spacing-sm) 0}.mobile-services-grid{grid-gap:var(--spacing-sm);display:grid;gap:var(--spacing-sm);grid-template-columns:repeat(2,1fr)}.mobile-service-card{align-items:center;background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius);display:flex;gap:var(--spacing-sm);min-height:72px;padding:var(--spacing-sm);text-decoration:none;transition:all .2s ease}.mobile-service-card:focus,.mobile-service-card:hover{background:rgba(var(--primary-rgb),.05);border-color:var(--service-color,var(--primary));outline:none;transform:translateY(-2px)}.service-icon{flex-shrink:0;font-size:1.25rem}.service-content{flex:1 1;min-width:0}.service-label{color:var(--text-primary);display:block;font-size:var(--font-size-sm);font-weight:600;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.service-desc{color:var(--text-secondary);display:block;line-height:1.3}.service-badge,.service-desc{font-size:var(--font-size-xs)}.service-badge{background:var(--primary);background:var(--service-color,var(--primary));border-radius:var(--radius-full);color:#fff;display:inline-block;font-weight:600;line-height:1;margin-left:var(--spacing-xs);padding:1px 4px}.mobile-nav{margin-bottom:var(--spacing-xl)}.mobile-nav-list{list-style:none;margin:0;padding:0}.mobile-nav-item{margin-bottom:2px}.mobile-nav-link{align-items:center;background:transparent;border:none;border-radius:var(--radius);color:var(--text-primary);cursor:pointer;display:flex;font-family:var(--font-primary);font-size:var(--font-size-base);font-weight:500;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);text-align:left;text-decoration:none;transition:all .2s ease;width:100%}.mobile-nav-link:focus,.mobile-nav-link:hover{background:var(--bg-tertiary);color:var(--primary);outline:none}.mobile-nav-link.active{background:rgba(var(--primary-rgb),.1)}.mobile-nav-link.active,.mobile-nav-link.highlight{color:var(--primary);font-weight:600}.mobile-dropdown-menu{overflow:hidden}.mobile-dropdown-item{align-items:center;color:var(--text-primary);display:flex;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-xl);text-decoration:none;transition:all .2s ease}.mobile-dropdown-item:focus,.mobile-dropdown-item:hover{background:rgba(var(--primary-rgb),.05);color:var(--primary);outline:none}.mobile-actions{border-top:1px solid var(--border-light);padding-top:var(--spacing-xl)}.mobile-action-row{grid-gap:var(--spacing-sm);display:grid;gap:var(--spacing-sm);grid-template-columns:repeat(3,1fr);margin-bottom:var(--spacing-xl)}.mobile-action-btn{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:var(--radius);color:var(--text-primary);display:flex;flex-direction:column;font-size:var(--font-size-sm);gap:var(--spacing-xs);padding:var(--spacing-sm);text-decoration:none;transition:all .2s ease}.mobile-action-btn:focus,.mobile-action-btn:hover{background:var(--primary);border-color:var(--primary);color:var(--text-on-primary);outline:none}.cart-count{color:var(--primary);font-size:var(--font-size-xs)}.mobile-auth-section{border-top:1px solid var(--border-light);margin-top:var(--spacing-xl);padding-top:var(--spacing-xl)}.mobile-user-info{align-items:center;background:var(--bg-tertiary);border-radius:var(--radius);display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);padding:var(--spacing-sm)}.mobile-user-links{display:flex;flex-direction:column;gap:2px}.mobile-user-link{align-items:center;background:transparent;border:none;border-radius:var(--radius);color:var(--text-primary);cursor:pointer;display:flex;font-family:var(--font-primary);font-size:var(--font-size-base);gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);text-align:left;text-decoration:none;transition:all .2s ease}.mobile-user-link:focus,.mobile-user-link:hover{background:var(--bg-tertiary);color:var(--primary);outline:none}.mobile-user-link.logout{color:var(--error)}.mobile-user-link.logout:focus,.mobile-user-link.logout:hover{background:var(--error);color:var(--text-on-primary)}.btn-block{justify-content:center;margin-bottom:var(--spacing-sm);width:100%}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}@media(prefers-reduced-motion:reduce){.action-btn,.btn-ghost,.dropdown-menu,.mobile-action-btn,.mobile-close-btn,.mobile-menu,.mobile-menu-btn,.mobile-nav-link,.mobile-overlay,.mobile-service-card,.mobile-theme-toggle,.mobile-user-link,.nav-link,.search-bar,.search-close,.search-submit,.site-header,.suggestion-tag,.theme-toggle-btn,.user-trigger{animation:none!important;transition:none!important}.chevron,.theme-toggle-inner{transition:none!important}}.site-header{-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0)}.scrolled .site-header{will-change:transform,opacity}.brand-icon,.brand-text,.mobile-brand-icon{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.mobile-menu-content,.search-suggestions{contain:content}@media(max-width:1023px){.desktop-actions,.desktop-nav{display:none}}@media(max-width:768px){.search-form{flex-direction:column;gap:var(--spacing-sm)}.search-input{width:100%}.search-actions{justify-content:space-between;width:100%}}@media(max-width:480px){.nav-container{padding:0 var(--spacing-md)}.mobile-services-grid{grid-template-columns:1fr}.mobile-action-row{grid-template-columns:repeat(2,1fr)}}[data-theme=dark] .mobile-action-btn:focus,[data-theme=dark] .mobile-action-btn:hover,[data-theme=dark] .mobile-nav-link:focus,[data-theme=dark] .mobile-nav-link:hover,[data-theme=dark] .mobile-service-card:focus,[data-theme=dark] .mobile-service-card:hover,[data-theme=dark] .mobile-user-link:focus,[data-theme=dark] .mobile-user-link:hover{background:hsla(0,0%,100%,.1)}[data-theme=dark] .mobile-user-info{background:hsla(0,0%,100%,.05)}@media print{.site-header{background:#fff!important;border-bottom:1px solid #ddd!important;box-shadow:none!important;position:static}.action-btn,.cart-badge,.mobile-menu,.mobile-menu-btn,.mobile-overlay,.theme-toggle-btn{display:none!important}.desktop-actions,.desktop-nav{display:flex!important}}.site-footer{background:var(--bg-primary);border-top:1px solid var(--border-light);color:var(--text-primary);margin-top:auto;overflow:hidden;padding-top:var(--spacing-4xl);position:relative}.site-footer .footer-background{inset:0;pointer-events:none;position:absolute;z-index:0}.site-footer .footer-background .footer-gradient{background:linear-gradient(to bottom,rgba(var(--primary-rgb),.03),transparent);height:300px;left:0;position:absolute;right:0;top:0}.site-footer .footer-container{margin:0 auto;max-width:var(--max-width);padding:0 var(--container-padding);position:relative;z-index:1}.site-footer .footer-hero{margin-bottom:var(--spacing-4xl);text-align:center}.site-footer .footer-hero .hero-content{margin:0 auto;max-width:800px}.site-footer .footer-hero .hero-badge{align-items:center;background:rgba(var(--primary-rgb),.1);border:1px solid rgba(var(--primary-rgb),.2);border-radius:var(--radius-full);color:var(--primary);display:inline-flex;font-size:var(--font-size-sm);font-weight:600;gap:var(--spacing-sm);margin-bottom:var(--spacing-xl);padding:var(--spacing-sm) var(--spacing-md)}.site-footer .footer-hero .hero-badge svg{font-size:1.2rem}.site-footer .footer-hero .hero-title{color:var(--text-primary);font-size:clamp(2rem,4vw,3rem);font-weight:800;line-height:1.1;margin-bottom:var(--spacing-lg)}.site-footer .footer-hero .hero-title .gradient-text{-webkit-text-fill-color:transparent;background:var(--gradient-brand);-webkit-background-clip:text;background-clip:text}.site-footer .footer-hero .hero-description{color:var(--text-secondary);font-size:clamp(1rem,2vw,1.25rem);line-height:1.6;margin:0 auto var(--spacing-2xl);max-width:600px}.site-footer .footer-hero .hero-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-lg);justify-content:center}.site-footer .footer-hero .hero-actions .btn{align-items:center;border-radius:var(--radius-lg);display:flex;font-size:var(--font-size-base);font-weight:600;gap:var(--spacing-sm);min-height:52px;padding:var(--spacing-md) var(--spacing-xl);transition:all var(--transition)}.site-footer .footer-hero .hero-actions .btn.btn-gradient{background:var(--gradient-primary);border:none;box-shadow:var(--shadow-brand);color:var(--text-on-primary)}.site-footer .footer-hero .hero-actions .btn.btn-gradient .btn-icon{transition:transform var(--transition)}.site-footer .footer-hero .hero-actions .btn.btn-gradient:hover .btn-icon{transform:translateX(4px) translateY(-2px)}.site-footer .footer-hero .hero-actions .btn.btn-outline{background:transparent;border:2px solid var(--primary);color:var(--primary)}.site-footer .footer-hero .hero-actions .btn.btn-outline:hover{background:var(--primary);color:var(--text-on-primary)}.site-footer .footer-hero .hero-actions .btn:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.site-footer .footer-main,.site-footer .newsletter-section{margin-bottom:var(--spacing-4xl)}.site-footer .newsletter-card{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);margin:0 auto;max-width:600px;padding:var(--spacing-2xl)}.site-footer .newsletter-card .newsletter-header{margin-bottom:var(--spacing-xl);text-align:center}.site-footer .newsletter-card .newsletter-header .newsletter-icon{color:var(--primary);font-size:2.5rem;margin-bottom:var(--spacing-md)}.site-footer .newsletter-card .newsletter-header .newsletter-title{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin-bottom:var(--spacing-sm)}.site-footer .newsletter-card .newsletter-header .newsletter-subtitle{color:var(--text-secondary);font-size:1rem;line-height:1.6;margin:0 auto;max-width:400px}.site-footer .newsletter-card .newsletter-form .form-group{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.site-footer .newsletter-card .newsletter-form .form-group .newsletter-input{background:var(--bg-secondary);border:2px solid var(--border-light);border-radius:var(--radius-lg);color:var(--text-primary);flex:1 1;font-family:var(--font-primary);font-size:var(--font-size-base);padding:var(--spacing-md);transition:all var(--transition)}.site-footer .newsletter-card .newsletter-form .form-group .newsletter-input:hover{border-color:var(--border-medium)}.site-footer .newsletter-card .newsletter-form .form-group .newsletter-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1);outline:none}.site-footer .newsletter-card .newsletter-form .form-group .newsletter-input:disabled{cursor:not-allowed;opacity:.6}.site-footer .newsletter-card .newsletter-form .form-group .newsletter-input::placeholder{color:var(--text-muted)}.site-footer .newsletter-card .newsletter-form .form-group .newsletter-btn{font-size:var(--font-size-base);font-weight:600;padding:var(--spacing-md) var(--spacing-xl);white-space:nowrap}.site-footer .newsletter-card .newsletter-form .form-group .newsletter-btn:disabled{cursor:not-allowed;opacity:.6}.site-footer .newsletter-card .newsletter-form .newsletter-note{color:var(--text-tertiary);font-size:var(--font-size-sm);line-height:1.5;margin:0;text-align:center}.site-footer .footer-grid{grid-gap:var(--spacing-2xl);display:grid;gap:var(--spacing-2xl);grid-template-columns:repeat(2,1fr);margin-bottom:var(--spacing-4xl)}@media(min-width:768px){.site-footer .footer-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:1024px){.site-footer .footer-grid{grid-template-columns:repeat(6,1fr)}}.site-footer .footer-grid .footer-column .column-title{color:var(--text-primary);font-size:var(--font-size-base);font-weight:700;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-sm);position:relative}.site-footer .footer-grid .footer-column .column-title:after{background:var(--gradient-primary);bottom:0;content:"";height:2px;left:0;position:absolute;width:40px}.site-footer .footer-grid .footer-column .column-links{list-style:none;margin:0;padding:0}.site-footer .footer-grid .footer-column .column-links li{margin-bottom:var(--spacing-sm)}.site-footer .footer-grid .footer-column .column-links .link-item{align-items:center;color:var(--text-secondary);display:flex;gap:var(--spacing-sm);padding:var(--spacing-sm) 0;text-decoration:none;transition:all var(--transition)}.site-footer .footer-grid .footer-column .column-links .link-item:hover{color:var(--text-primary);transform:translateX(4px)}.site-footer .footer-grid .footer-column .column-links .link-item:hover .link-icon{transform:scale(1.1)}.site-footer .footer-grid .footer-column .column-links .link-item:hover .external-icon{opacity:1;transform:translateX(2px)}.site-footer .footer-grid .footer-column .column-links .link-item.email .link-icon,.site-footer .footer-grid .footer-column .column-links .link-item.phone .link-icon{color:var(--primary)}.site-footer .footer-grid .footer-column .column-links .link-item .link-icon{flex-shrink:0;font-size:1.125rem;transition:transform var(--transition)}.site-footer .footer-grid .footer-column .column-links .link-item .link-text{flex:1 1;font-size:var(--font-size-sm);font-weight:500}.site-footer .footer-grid .footer-column .column-links .link-item .external-icon{font-size:.875rem;opacity:0;transition:all var(--transition)}.site-footer .social-section .social-container{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-2xl);padding:var(--spacing-2xl);text-align:center}.site-footer .social-section .social-content{margin:0 auto;max-width:600px}.site-footer .social-section .social-title{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin-bottom:var(--spacing-sm)}.site-footer .social-section .social-subtitle{color:var(--text-secondary);font-size:1rem;line-height:1.6;margin-bottom:var(--spacing-xl)}.site-footer .social-section .social-links{display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:center}.site-footer .social-section .social-links .social-link{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:var(--radius-full);color:var(--text-secondary);display:flex;font-size:1.25rem;height:48px;justify-content:center;overflow:hidden;position:relative;text-decoration:none;transition:all var(--transition);width:48px}.site-footer .social-section .social-links .social-link:hover{background:var(--social-color);border-color:var(--social-color);box-shadow:0 8px 20px rgba(var(--social-color),.3);color:#fff;transform:translateY(-4px)}.site-footer .social-section .social-links .social-link:hover:before{opacity:.2}.site-footer .social-section .social-links .social-link:before{background:#fff;content:"";inset:0;opacity:0;position:absolute;transition:opacity var(--transition)}.site-footer .footer-bottom{border-top:1px solid var(--border-light);padding:var(--spacing-2xl) 0}.site-footer .footer-bottom .footer-bottom-content{display:flex;flex-direction:column;gap:var(--spacing-xl)}@media(min-width:768px){.site-footer .footer-bottom .footer-bottom-content{align-items:center;flex-direction:row;justify-content:space-between}}.site-footer .footer-bottom .copyright-section{display:flex;flex-direction:column;gap:var(--spacing-sm)}.site-footer .footer-bottom .copyright-section .brand-mark{align-items:center;display:flex;gap:var(--spacing-sm)}.site-footer .footer-bottom .copyright-section .brand-mark .brand-icon{color:var(--primary);font-size:1.5rem}.site-footer .footer-bottom .copyright-section .brand-mark .brand-text{color:var(--text-primary);font-family:var(--font-display);font-size:var(--font-size-lg);font-weight:700}.site-footer .footer-bottom .copyright-section .copyright-text{color:var(--text-tertiary);font-size:var(--font-size-sm);margin:0}.site-footer .footer-bottom .legal-section{display:flex;flex-direction:column;gap:var(--spacing-lg)}.site-footer .footer-bottom .legal-section .legal-links{display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:center}@media(min-width:768px){.site-footer .footer-bottom .legal-section .legal-links{justify-content:flex-end}}.site-footer .footer-bottom .legal-section .legal-links .legal-link{color:var(--text-secondary);font-size:var(--font-size-sm);text-decoration:none;transition:color var(--transition)}.site-footer .footer-bottom .legal-section .legal-links .legal-link:hover{color:var(--primary)}.site-footer .footer-bottom .legal-section .trust-badges{display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:center}@media(min-width:768px){.site-footer .footer-bottom .legal-section .trust-badges{justify-content:flex-end}}.site-footer .footer-bottom .legal-section .trust-badges .trust-badge{background:rgba(var(--success-rgb),.1);border:1px solid rgba(var(--success-rgb),.2);border-radius:var(--radius);color:var(--success);font-size:var(--font-size-xs);font-weight:600;padding:var(--spacing-xs) var(--spacing-sm)}.site-footer .footer-toast{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-lg);bottom:var(--spacing-xl);box-shadow:var(--shadow-xl);max-width:400px;padding:var(--spacing-md) var(--spacing-lg);position:fixed;right:var(--spacing-xl);z-index:var(--z-tooltip)}.site-footer .footer-toast.success{background:var(--success-light);border-color:var(--success)}.site-footer .footer-toast.success .toast-content{color:var(--success-dark)}.site-footer .footer-toast.success .toast-icon{color:var(--success)}.site-footer .footer-toast.error{background:var(--error-light);border-color:var(--error)}.site-footer .footer-toast.error .toast-content{color:var(--error-dark)}.site-footer .footer-toast.error .toast-icon{color:var(--error)}.site-footer .footer-toast .toast-content{align-items:center;display:flex;gap:var(--spacing-sm)}.site-footer .footer-toast .toast-content .toast-icon{flex-shrink:0;font-size:1.25rem}.site-footer .footer-toast .toast-content .toast-message{font-size:var(--font-size-sm);font-weight:500;line-height:1.4}.site-footer .back-to-top{align-items:center;background:var(--gradient-primary);border:none;border-radius:var(--radius-full);bottom:var(--spacing-xl);box-shadow:var(--shadow-lg);color:var(--text-on-primary);cursor:pointer;display:flex;height:48px;justify-content:center;position:fixed;right:var(--spacing-xl);transition:all var(--transition);width:48px;z-index:var(--z-fixed)}.site-footer .back-to-top:hover{box-shadow:var(--shadow-xl);transform:translateY(-4px)}@media(max-width:768px){.site-footer .back-to-top{bottom:calc(var(--spacing-xl) + 60px);height:44px;width:44px}}[data-theme=dark] .site-footer{background:var(--bg-primary);border-top-color:var(--border-medium)}[data-theme=dark] .site-footer .footer-background .footer-gradient{background:linear-gradient(to bottom,rgba(var(--primary-rgb),.08),transparent)}[data-theme=dark] .site-footer .newsletter-card,[data-theme=dark] .site-footer .social-container{background:hsla(0,0%,100%,.05);border-color:hsla(0,0%,100%,.1)}[data-theme=dark] .site-footer .footer-bottom{border-top-color:var(--border-medium)}@media(max-width:768px){.site-footer{padding-top:var(--spacing-3xl)}.site-footer .footer-hero{margin-bottom:var(--spacing-3xl)}.site-footer .footer-hero .hero-actions{flex-direction:column;gap:var(--spacing-md)}.site-footer .footer-hero .hero-actions .btn{justify-content:center;width:100%}.site-footer .footer-grid{gap:var(--spacing-xl);grid-template-columns:repeat(2,1fr)}.site-footer .newsletter-card,.site-footer .social-container{padding:var(--spacing-xl)}.site-footer .footer-bottom{padding:var(--spacing-xl) 0}}@media(max-width:480px){.site-footer .footer-grid{gap:var(--spacing-lg);grid-template-columns:1fr}.site-footer .footer-column .column-links .link-item{padding:var(--spacing-xs) 0}.site-footer .social-links{gap:var(--spacing-sm)}.site-footer .social-links .social-link{font-size:1.125rem;height:40px;width:40px}.site-footer .footer-bottom-content{text-align:center}.site-footer .trust-badges{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){.site-footer *{animation:none!important;transition:none!important}.site-footer .back-to-top:hover,.site-footer .btn:hover,.site-footer .social-link:hover{transform:none!important}}@media print{.site-footer{background:#fff!important;border-top:1px solid #ddd!important;padding-top:var(--spacing-lg)!important}.back-to-top,.footer-hero,.footer-toast,.newsletter-section,.social-section{display:none!important}.footer-grid{grid-gap:var(--spacing-lg)!important;display:grid!important;gap:var(--spacing-lg)!important;grid-template-columns:repeat(3,1fr)!important}.footer-bottom{border-top:1px solid #ddd!important;padding:var(--spacing-lg) 0!important}}.ai-chat-button{background:var(--gradient-primary);border:none;border-radius:var(--radius-full);bottom:var(--spacing-xl);box-shadow:var(--shadow-xl);color:var(--text-on-primary);cursor:pointer;min-height:56px;min-width:56px;overflow:hidden;padding:0;position:fixed;right:var(--spacing-xl);transition:all var(--transition);z-index:var(--z-fixed)}.ai-chat-button:hover{box-shadow:0 12px 40px rgba(var(--primary-rgb),.4)}.ai-chat-button:hover .button-content .button-text{max-width:200px;opacity:1;padding-right:var(--spacing-lg)}.ai-chat-button:active{transform:scale(.95)}.ai-chat-button .button-content{align-items:center;display:flex;padding:var(--spacing-sm) var(--spacing-lg);position:relative}.ai-chat-button .button-icon{font-size:1.5rem;z-index:2}.ai-chat-button .button-text{font-size:var(--font-size-sm);font-weight:600;margin-left:var(--spacing-sm);max-width:0;opacity:0;overflow:hidden;position:relative;transition:all var(--transition);white-space:nowrap;z-index:2}.ai-chat-button .notification-badge{animation:pulse 2s infinite;background:var(--error);border:2px solid var(--text-on-primary);border-radius:var(--radius-full);height:12px;position:absolute;right:8px;top:8px;width:12px;z-index:3}.ai-chat-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:rgba(0,0,0,.5);inset:0;position:fixed;z-index:var(--z-modal-backdrop)}@media(max-width:768px){.ai-chat-overlay{background:rgba(0,0,0,.7)}}.ai-chat-modal{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-surface);background:hsla(0,0%,100%,.95);background:rgba(var(--bg-surface-rgb,255,255,255),.95);border:1px solid var(--border-light);border-radius:var(--radius-2xl);bottom:var(--spacing-xl);box-shadow:var(--shadow-2xl);display:flex;flex-direction:column;height:600px;max-height:calc(100vh - var(--spacing-xl)*2);max-width:calc(100vw - var(--spacing-xl)*2);overflow:hidden;position:fixed;right:var(--spacing-xl);width:400px;z-index:var(--z-modal)}.ai-chat-modal[data-theme=dark]{background:rgba(30,41,59,.95);background:rgba(var(--bg-surface-rgb,30,41,59),.95);border-color:var(--border-medium)}.ai-chat-modal.expanded{height:700px;width:500px}@media(max-width:768px){.ai-chat-modal.expanded{height:calc(100vh - var(--spacing-xl)*2);width:calc(100vw - var(--spacing-xl)*2)}}.ai-chat-modal.minimized{height:auto;max-height:200px}.ai-chat-modal.minimized .chat-footer,.ai-chat-modal.minimized .chat-input,.ai-chat-modal.minimized .chat-messages,.ai-chat-modal.minimized .quick-questions{display:none}@media(max-width:768px){.ai-chat-modal{border-radius:var(--radius-xl) var(--radius-xl) 0 0;bottom:0;height:100vh;max-height:100vh;max-width:100vw;right:0;width:100vw}.ai-chat-modal.expanded{border-radius:0}}.chat-header{align-items:center;background:var(--gradient-dark);border-bottom:1px solid var(--border-light);display:flex;flex-shrink:0;justify-content:space-between;padding:var(--spacing-lg) var(--spacing-xl)}.chat-header .header-left{align-items:center;display:flex;gap:var(--spacing-md)}.chat-header .ai-avatar{align-items:center;background:var(--gradient-primary);border-radius:var(--radius-full);color:var(--text-on-primary);display:flex;font-size:1.5rem;height:40px;justify-content:center;position:relative;width:40px}.chat-header .ai-avatar .avatar-pulse{animation:pulse 2s infinite;border:2px solid var(--primary);border-radius:inherit;inset:-4px;position:absolute}.chat-header .header-info .header-title{color:var(--text-on-primary);font-size:var(--font-size-base);font-weight:700;line-height:1.2;margin:0}.chat-header .header-info .status{align-items:center;color:hsla(0,0%,100%,.8);display:flex;font-size:var(--font-size-xs);gap:var(--spacing-xs);margin:0}.chat-header .header-info .status .status-dot{border-radius:var(--radius-full);height:6px;width:6px}.chat-header .header-info .status .status-dot.online{background:var(--success);box-shadow:0 0 8px var(--success)}.chat-header .header-actions{display:flex;gap:var(--spacing-xs)}.chat-header .header-actions .header-action-btn{align-items:center;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:var(--radius);color:hsla(0,0%,100%,.8);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all var(--transition);width:32px}.chat-header .header-actions .header-action-btn:hover{background:hsla(0,0%,100%,.2);color:#fff;transform:translateY(-1px)}.chat-header .header-actions .header-action-btn.close-btn{background:hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.2)}.chat-header .header-actions .header-action-btn.close-btn:hover{background:rgba(var(--error-rgb),.2);border-color:var(--error);color:var(--error-light)}.quick-questions{background:var(--bg-tertiary);border-bottom:1px solid var(--border-light);flex-shrink:0;padding:var(--spacing-lg) var(--spacing-xl)}.quick-questions .quick-questions-label{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:600;margin-bottom:var(--spacing-sm)}.quick-questions .questions-grid{grid-gap:var(--spacing-sm);display:grid;gap:var(--spacing-sm);grid-template-columns:repeat(2,1fr)}@media(max-width:768px){.quick-questions .questions-grid{grid-template-columns:1fr}}.quick-questions .question-chip{align-items:center;background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:500;gap:var(--spacing-sm);overflow:hidden;padding:var(--spacing-sm) var(--spacing-md);position:relative;text-align:left;transition:all var(--transition)}.quick-questions .question-chip:hover{background:rgba(var(--chip-color),.1);border-color:var(--chip-color);color:var(--text-primary)}.quick-questions .question-chip .chip-icon{color:var(--chip-color);flex-shrink:0;font-size:.875rem}.quick-questions .question-chip .chip-text{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-messages{display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-lg);overflow-y:auto;padding:var(--spacing-xl)}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:transparent}.chat-messages::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:var(--radius-full)}.chat-messages::-webkit-scrollbar-thumb:hover{background:var(--primary)}.chat-messages .message{display:flex;flex-direction:column;gap:var(--spacing-xs)}.chat-messages .message.assistant{align-items:flex-start}.chat-messages .message.assistant .message-bubble{background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:var(--radius-xl) var(--radius-xl) var(--radius-xl) 0}.chat-messages .message.assistant .message-bubble .message-avatar{background:var(--gradient-primary);color:var(--text-on-primary)}.chat-messages .message.user{align-items:flex-end}.chat-messages .message.user .message-bubble{background:var(--gradient-primary);border-radius:var(--radius-xl) var(--radius-xl) 0 var(--radius-xl);color:var(--text-on-primary)}.chat-messages .message.user .message-bubble .message-avatar.user{background:hsla(0,0%,100%,.2);color:#fff}.chat-messages .message.user .message-actions{display:none}.chat-messages .message.error .message-bubble{background:var(--error-light);border-color:var(--error);color:var(--error-dark)}.chat-messages .message.welcome .message-bubble{background:var(--gradient-dark);border-color:var(--border-medium);color:#fff}.chat-messages .message.welcome .message-bubble .message-paragraph{color:hsla(0,0%,100%,.9)}.chat-messages .message .message-bubble{align-items:flex-start;display:flex;gap:var(--spacing-md);max-width:85%;padding:var(--spacing-lg);position:relative}@media(max-width:768px){.chat-messages .message .message-bubble{max-width:95%}}.chat-messages .message .message-avatar{align-items:center;border-radius:var(--radius-full);display:flex;flex-shrink:0;font-size:1rem;height:32px;justify-content:center;width:32px}.chat-messages .message .message-avatar.user span{font-size:var(--font-size-xs);font-weight:700}.chat-messages .message .message-text{flex:1 1;min-width:0}.chat-messages .message .message-text .message-paragraph{font-size:var(--font-size-sm);line-height:1.5;margin:0 0 var(--spacing-xs)}.chat-messages .message .message-text .message-paragraph:last-child{margin-bottom:0}.chat-messages .message .suggestions{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-top:var(--spacing-md)}.chat-messages .message .suggestions .suggestion-chip{background:rgba(var(--primary-rgb),.1);border:1px solid rgba(var(--primary-rgb),.2);border-radius:var(--radius);color:var(--primary);cursor:pointer;font-size:var(--font-size-xs);padding:var(--spacing-xs) var(--spacing-sm);transition:all var(--transition)}.chat-messages .message .suggestions .suggestion-chip:hover{background:rgba(var(--primary-rgb),.2);transform:translateY(-1px)}.chat-messages .message .message-footer{align-items:center;display:flex;justify-content:space-between;padding:0 var(--spacing-sm)}.chat-messages .message .timestamp{color:var(--text-tertiary);font-size:var(--font-size-xs)}.chat-messages .message .message-actions{display:flex;gap:var(--spacing-xs)}.chat-messages .message .message-actions .action-btn{align-items:center;background:transparent;border:1px solid var(--border-light);border-radius:var(--radius);color:var(--text-tertiary);cursor:pointer;display:flex;font-size:.875rem;height:24px;justify-content:center;transition:all var(--transition);width:24px}.chat-messages .message .message-actions .action-btn:hover{background:var(--bg-tertiary);border-color:var(--border-medium);color:var(--text-primary)}.chat-messages .typing-indicator{align-items:center;display:flex;gap:4px}.chat-messages .typing-indicator span{animation:typing 1.4s ease-in-out infinite;background:var(--text-tertiary);border-radius:var(--radius-full);height:6px;width:6px}.chat-messages .typing-indicator span:first-child{animation-delay:-.32s}.chat-messages .typing-indicator span:nth-child(2){animation-delay:-.16s}.chat-input{border-top:1px solid var(--border-light);flex-shrink:0;padding:var(--spacing-lg) var(--spacing-xl)}.chat-input .input-container{display:flex;gap:var(--spacing-sm)}.chat-input .input-container input{background:var(--bg-secondary);border:2px solid var(--border-light);border-radius:var(--radius-lg);color:var(--text-primary);flex:1 1;font-family:var(--font-primary);font-size:var(--font-size-base);padding:var(--spacing-md) var(--spacing-lg);transition:all var(--transition)}.chat-input .input-container input:hover{border-color:var(--border-medium)}.chat-input .input-container input:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1);outline:none}.chat-input .input-container input:disabled{cursor:not-allowed;opacity:.6}.chat-input .input-container input::placeholder{color:var(--text-muted)}.chat-input .input-container .input-actions{display:flex;gap:var(--spacing-sm)}.chat-input .input-container .input-actions .action-btn{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:var(--radius);color:var(--text-secondary);cursor:pointer;display:flex;font-size:1.125rem;height:48px;justify-content:center;transition:all var(--transition);width:48px}.chat-input .input-container .input-actions .action-btn:hover:not(:disabled){background:var(--bg-surface);border-color:var(--primary);color:var(--primary)}.chat-input .input-container .input-actions .action-btn:disabled{cursor:not-allowed;opacity:.4}.chat-input .input-container .input-actions .send-btn{align-items:center;background:var(--gradient-primary);border:none;border-radius:var(--radius);color:var(--text-on-primary);cursor:pointer;display:flex;font-size:1.125rem;height:48px;justify-content:center;transition:all var(--transition);width:48px}.chat-input .input-container .input-actions .send-btn:hover:not(:disabled){box-shadow:0 4px 12px rgba(var(--primary-rgb),.3);transform:translateY(-1px)}.chat-input .input-container .input-actions .send-btn:disabled{box-shadow:none!important;cursor:not-allowed;opacity:.4;transform:none!important}.chat-footer{background:var(--bg-tertiary);border-top:1px solid var(--border-light);flex-shrink:0;padding:var(--spacing-md) var(--spacing-xl)}.chat-footer .disclaimer{align-items:flex-start;color:var(--text-tertiary);display:flex;font-size:var(--font-size-xs);gap:var(--spacing-xs);line-height:1.4;margin:0}.chat-footer .disclaimer .disclaimer-icon{flex-shrink:0;font-size:1rem;margin-top:1px}@keyframes typing{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.ai-chat-button{bottom:calc(var(--spacing-xl) + 60px);right:var(--spacing-md)}.ai-chat-modal .chat-header,.ai-chat-modal .quick-questions{padding:var(--spacing-md) var(--spacing-lg)}.ai-chat-modal .chat-messages{padding:var(--spacing-lg)}.ai-chat-modal .chat-input{padding:var(--spacing-md) var(--spacing-lg)}.ai-chat-modal .chat-footer{padding:var(--spacing-sm) var(--spacing-lg)}}@media(max-width:480px){.ai-chat-button{bottom:calc(var(--spacing-xl) + 100px);height:48px;min-height:48px;min-width:48px;width:48px}.ai-chat-button .button-icon{font-size:1.25rem}.ai-chat-button:hover .button-content .button-text{max-width:0;opacity:0;padding-right:0}.ai-chat-modal .questions-grid{grid-template-columns:1fr}.ai-chat-modal .message-bubble{padding:var(--spacing-md)}.ai-chat-modal .input-container{flex-direction:column}.ai-chat-modal .input-container .input-actions{justify-content:flex-end}.ai-chat-modal .input-container .input-actions .action-btn,.ai-chat-modal .input-container .input-actions .send-btn{height:40px;width:40px}}[data-theme=dark] .ai-chat-modal .header-actions .header-action-btn,[data-theme=dark] .ai-chat-modal .message.assistant .message-bubble,[data-theme=dark] .ai-chat-modal .question-chip{background:hsla(0,0%,100%,.05);border-color:hsla(0,0%,100%,.1)}[data-theme=dark] .ai-chat-modal .suggestion-chip{background:rgba(var(--primary-rgb),.15);border-color:rgba(var(--primary-rgb),.3)}@media(prefers-reduced-motion:reduce){.action-btn,.ai-chat-button,.ai-chat-modal,.ai-chat-overlay,.message,.question-chip,.send-btn{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.avatar-pulse,.notification-badge,.typing-indicator span{animation:none!important}}@media print{.ai-chat-button,.ai-chat-modal,.ai-chat-overlay{display:none!important}}.loading-spinner{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-md);justify-content:center}.loading-spinner.classic .spinner-container,.loading-spinner.modern .spinner-container,.loading-spinner.orbit .spinner-container,.loading-spinner.pulse .spinner-container,.loading-spinner.wave .spinner-container{align-items:center;display:flex;justify-content:center;position:relative}.loading-spinner .loading-text{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:500;text-align:center}.loading-spinner .progress-indicator{background:var(--primary);border-radius:var(--radius-full);height:3px;margin-top:var(--spacing-sm);width:100%}.spinner-orbit{align-items:center;display:flex;justify-content:center;position:relative}.spinner-orbit .orbit-ring{border:3px dashed;border-radius:50%;bottom:0;left:0;opacity:.3;position:absolute;right:0;top:0}.spinner-orbit .orbit-dot{border-radius:50%;height:20%;left:10%;position:absolute;top:10%;width:20%}.spinner-pulse{align-items:center;display:flex;justify-content:center;position:relative}.spinner-pulse .pulse-ring{border:4px solid;border-radius:50%;bottom:0;left:0;opacity:.5;position:absolute;right:0;top:0}.spinner-pulse .pulse-core{border-radius:50%;height:50%;left:25%;position:absolute;top:25%;width:50%}.spinner-wave{align-items:center;display:flex;justify-content:center;position:relative}.spinner-wave .wave-ring{border:3px solid;border-radius:50%}.spinner-wave .wave-particles,.spinner-wave .wave-ring{bottom:0;left:0;position:absolute;right:0;top:0}.spinner-wave .wave-particles .wave-particle{border-radius:50%;height:10%;left:50%;opacity:.5;position:absolute;top:50%;transform:translate(-50%,-50%);width:10%}.spinner-wave .wave-particles .wave-particle:first-child{transform:translate(-50%,-50%) rotate(45deg) translateX(150%)}.spinner-wave .wave-particles .wave-particle:nth-child(2){transform:translate(-50%,-50%) rotate(90deg) translateX(150%)}.spinner-wave .wave-particles .wave-particle:nth-child(3){transform:translate(-50%,-50%) rotate(135deg) translateX(150%)}.spinner-wave .wave-particles .wave-particle:nth-child(4){transform:translate(-50%,-50%) rotate(180deg) translateX(150%)}.spinner-wave .wave-particles .wave-particle:nth-child(5){transform:translate(-50%,-50%) rotate(225deg) translateX(150%)}.spinner-wave .wave-particles .wave-particle:nth-child(6){transform:translate(-50%,-50%) rotate(270deg) translateX(150%)}.spinner-wave .wave-particles .wave-particle:nth-child(7){transform:translate(-50%,-50%) rotate(315deg) translateX(150%)}.spinner-wave .wave-particles .wave-particle:nth-child(8){transform:translate(-50%,-50%) rotate(1turn) translateX(150%)}.spinner-modern{align-items:center;display:flex;justify-content:center;position:relative}.spinner-modern .modern-dot{border-radius:50%;height:20%;opacity:.3;position:absolute;transform-origin:center;width:20%}.spinner-modern .modern-dot:nth-child(odd){opacity:.6}.spinner-classic{border:3px solid;border-radius:50%;position:relative}.spinner-classic .spinner-inner{border:3px solid transparent;border-radius:50%;border-top-color:inherit;bottom:-3px;left:-3px;opacity:.5;position:absolute;right:-3px;top:-3px}.skeleton{background:var(--bg-secondary);overflow:hidden;position:relative}.skeleton.card{padding:var(--spacing-lg)}.skeleton.text{margin:var(--spacing-xs) 0}.skeleton.image{min-height:180px}.skeleton.avatar,.skeleton.button,.skeleton.circle{display:inline-block}.skeleton.button{vertical-align:middle}.skeleton .skeleton-shimmer{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3),transparent);bottom:0;left:0;position:absolute;right:0;top:0}.inline-loader{align-items:center;display:inline-flex;gap:var(--spacing-sm);vertical-align:middle}.inline-loader .inline-dots{display:flex;gap:var(--spacing-xs)}.inline-loader .inline-dot{border-radius:50%}.inline-loader .inline-text{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:500}.inline-loader .inline-ellipsis{color:var(--text-secondary);margin-left:2px}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}[data-theme=dark] .loading-spinner .loading-text{color:var(--text-secondary)}[data-theme=dark] .skeleton{background:var(--bg-secondary)}[data-theme=dark] .skeleton .skeleton-shimmer{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.1),transparent)}@media(prefers-reduced-motion:reduce){.inline-loader,.loading-spinner,.skeleton,.spinner-classic,.spinner-modern,.spinner-orbit,.spinner-pulse,.spinner-wave{animation:none!important;transition:none!important}}:root{--primary:#ef612b;--primary-light:#ff8a4c;--primary-dark:#d4491a;--primary-rgb:239,97,43;--secondary:#1d9944;--secondary-light:#2bc56e;--secondary-dark:#0f7d34;--secondary-rgb:29,153,68;--accent:#5a7eaf;--accent-light:#7aa6d9;--accent-dark:#3c5a82;--accent-rgb:90,126,175;--bg-primary:#f8fafc;--bg-secondary:#fff;--bg-tertiary:#f1f5f9;--bg-surface:#fff;--bg-card:#fff;--text-primary:#1e293b;--text-secondary:#475569;--text-tertiary:#64748b;--text-muted:#94a3b8;--text-on-primary:#fff;--text-on-secondary:#fff;--dark-text:#0f172a;--light-text:#f1f5f9;--border-light:#e2e8f0;--border-medium:#cbd5e1;--border-dark:#94a3b8;--success:#10b981;--success-light:#d1fae5;--success-dark:#059669;--success-rgb:16,185,129;--error:#ef4444;--error-light:#fee2e2;--error-dark:#dc2626;--error-rgb:239,68,68;--warning:#f59e0b;--warning-light:#fef3c7;--warning-dark:#d97706;--warning-rgb:245,158,11;--info:#3b82f6;--info-light:#dbeafe;--info-dark:#2563eb;--info-rgb:59,130,246;--gradient-primary:linear-gradient(135deg,#ef612b,#ff8a4c);--gradient-secondary:linear-gradient(135deg,#1d9944,#2bc56e);--gradient-accent:linear-gradient(135deg,#5a7eaf,#7aa6d9);--gradient-brand:linear-gradient(90deg,#ef612b,#1d9944 50%,#5a7eaf);--gradient-dark:linear-gradient(135deg,#0f172a,#1a365d);--font-primary:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-secondary:"Poppins",-apple-system,sans-serif;--font-display:"Clash Display","Poppins",sans-serif;--font-mono:"SF Mono","Fira Code",monospace;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--spacing-4xl:6rem;--spacing-5xl:8rem;--radius-sm:0.375rem;--radius:0.5rem;--radius-md:0.75rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-2xl:2rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);--shadow-md:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);--shadow-lg:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);--shadow-xl:0 25px 50px -12px rgba(0,0,0,.25);--shadow-brand:0 10px 30px -10px rgba(239,97,43,.3);--shadow-inner:inset 0 2px 4px 0 rgba(0,0,0,.06);--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition:300ms cubic-bezier(0.4,0,0.2,1);--transition-slow:500ms cubic-bezier(0.4,0,0.2,1);--transition-bounce:400ms cubic-bezier(0.68,-0.55,0.265,1.55);--header-height:80px;--max-width:1280px;--sidebar-width:280px;--container-padding:1.5rem;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:9999;--z-modal:10000;--z-popover:1060;--z-tooltip:1070;--blur-sm:blur(4px);--blur-md:blur(8px);--blur-lg:blur(16px)}[data-theme=dark]{--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-tertiary:#1a202c;--bg-surface:#1e293b;--bg-card:#1e293b;--text-primary:#f7fafc;--text-secondary:#e2e8f0;--text-tertiary:#a0aec0;--text-muted:#718096;--dark-text:#f7fafc;--border-light:#334155;--border-medium:#475569;--border-dark:#64748b;--success:#48bb78;--success-light:#2f855a;--success-dark:#38a169;--error:#f56565;--error-light:#9b2c2c;--error-dark:#e53e3e;--warning:#ed8936;--warning-light:#975a16;--warning-dark:#dd6b20;--info:#4299e1;--info-light:#2c5282;--info-dark:#3182ce;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.4);--shadow:0 4px 6px -1px rgba(0,0,0,.5);--shadow-md:0 10px 15px -3px rgba(0,0,0,.6);--shadow-lg:0 20px 25px -5px rgba(0,0,0,.7);--shadow-xl:0 25px 50px -12px rgba(0,0,0,.9);--shadow-brand:0 10px 30px -10px rgba(239,97,43,.4)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;font-size:16px;height:100%;scroll-behavior:smooth}body,html{overflow-x:hidden}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8fafc;background-color:var(--bg-primary);color:#1e293b;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-primary);font-size:1rem;font-size:var(--font-size-base);line-height:1.6;transition:background-color .5s cubic-bezier(.4,0,.2,1),color .5s cubic-bezier(.4,0,.2,1);transition:background-color var(--transition-slow),color var(--transition-slow)}.app,body{min-height:100vh}.app{display:flex;flex-direction:column;padding-top:80px;padding-top:var(--header-height);position:relative}.app .main-content{flex:1 1;isolation:isolate;position:relative;width:100%;z-index:1}h1,h2,h3,h4,h5,h6{color:#0f172a;color:var(--dark-text);font-family:Clash Display,Poppins,sans-serif;font-family:var(--font-display);font-weight:700;line-height:1.1;margin-bottom:1rem;margin-bottom:var(--spacing-md)}h1{font-size:clamp(2rem,2.5rem + 2vw,4.5rem);font-weight:800;letter-spacing:-.02em}h2{font-size:clamp(1.7rem,1.7rem + 1.5vw,2.7rem);font-weight:700;letter-spacing:-.01em}h3{font-size:clamp(1rem,1rem + 1vw,1.5rem);font-weight:600;line-height:1.2}p{line-height:1.6;margin-bottom:1rem;margin-bottom:var(--spacing-md)}p:last-child{margin-bottom:0}a{color:#ef612b;color:var(--primary);text-decoration:none;transition:color .15s cubic-bezier(.4,0,.2,1);transition:color var(--transition-fast)}a:hover{color:#d4491a;color:var(--primary-dark)}a:focus-visible{border-radius:.375rem;border-radius:var(--radius-sm);outline:2px solid #ef612b;outline:2px solid var(--primary);outline-offset:2px}.app-initializing{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh}.app-initializing .initializing-text{animation:pulse 2s infinite;font-size:1rem;font-size:var(--font-size-base);max-width:400px;text-align:center}.app-initializing .initializing-text,.page-loading .loading-message{color:#475569;color:var(--text-secondary);margin-top:1.5rem;margin-top:var(--spacing-lg)}.btn{align-items:center;border:2px solid transparent;border-radius:1rem;border-radius:var(--radius-lg);cursor:pointer;display:inline-flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-primary);font-size:1rem;font-size:var(--font-size-base);font-weight:600;gap:.5rem;gap:var(--spacing-sm);justify-content:center;overflow:hidden;padding:.5rem 1.5rem;padding:var(--spacing-sm) var(--spacing-lg);position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition);white-space:nowrap}.btn:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s;width:100%}.btn:hover:before{left:100%}.btn:disabled{cursor:not-allowed;opacity:.5}.btn:focus-visible{outline:2px solid #ef612b;outline:2px solid var(--primary);outline-offset:2px}.btn.btn-primary{background:linear-gradient(135deg,#ef612b,#ff8a4c);background:var(--gradient-primary);box-shadow:0 10px 30px -10px rgba(239,97,43,.3);box-shadow:var(--shadow-brand);color:#fff;color:var(--text-on-primary)}.btn.btn-primary:hover:not(:disabled){box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04),0 10px 30px -10px rgba(239,97,43,.3);box-shadow:var(--shadow-lg),var(--shadow-brand);transform:translateY(-2px)}.btn.btn-secondary{background:linear-gradient(135deg,#1d9944,#2bc56e);background:var(--gradient-secondary);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);box-shadow:var(--shadow);color:#fff;color:var(--text-on-primary)}.btn.btn-secondary:hover:not(:disabled){box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn.btn-outline{background:transparent;border-color:#ef612b;border-color:var(--primary);color:#ef612b;color:var(--primary)}.btn.btn-outline:hover:not(:disabled){background:#ef612b;background:var(--primary);color:#fff;color:var(--text-on-primary);transform:translateY(-2px)}.btn.btn-sm{border-radius:.5rem;border-radius:var(--radius);font-size:.875rem;font-size:var(--font-size-sm);padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md)}.btn.btn-lg{border-radius:1.5rem;border-radius:var(--radius-xl);font-size:1.125rem;font-size:var(--font-size-lg);padding:1.5rem 3rem;padding:var(--spacing-lg) var(--spacing-2xl)}.btn.btn-block{justify-content:center;width:100%}.form-group{margin-bottom:2rem;margin-bottom:var(--spacing-xl);position:relative}.form-group:last-child{margin-bottom:0}.form-label{color:#0f172a;color:var(--dark-text);display:block;font-size:.875rem;font-size:var(--font-size-sm);font-weight:600;line-height:1.4;margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.form-control,.form-label{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-primary)}.form-control{-webkit-appearance:none;appearance:none;background:#fff;background:var(--bg-surface);border:2px solid #e2e8f0;border:2px solid var(--border-light);border-radius:1rem;border-radius:var(--radius-lg);color:#1e293b;color:var(--text-primary);font-size:1rem;font-size:var(--font-size-base);padding:1rem 1.5rem;padding:var(--spacing-md) var(--spacing-lg);transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition);width:100%}.form-control:hover{border-color:#cbd5e1;border-color:var(--border-medium)}.form-control:focus{border-color:#ef612b;border-color:var(--primary);box-shadow:0 0 0 3px rgba(239,97,43,.1);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1);outline:none}.form-control:disabled{background:#f1f5f9;background:var(--bg-tertiary);border-color:#e2e8f0;border-color:var(--border-light);color:#64748b;color:var(--text-tertiary);cursor:not-allowed;opacity:.7}.form-control.error{border-color:#ef4444;border-color:var(--error)}.form-control.error:focus{box-shadow:0 0 0 3px rgba(239,68,68,.1);box-shadow:0 0 0 3px rgba(var(--error-rgb),.1)}.form-control-sm{border-radius:.5rem;border-radius:var(--radius);font-size:.875rem;font-size:var(--font-size-sm);padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md)}.form-control-lg{border-radius:1.5rem;border-radius:var(--radius-xl);font-size:1.125rem;font-size:var(--font-size-lg);padding:1.5rem 2rem;padding:var(--spacing-lg) var(--spacing-xl)}textarea.form-control{line-height:1.5;min-height:120px;resize:vertical}textarea.form-control.form-control-sm{min-height:80px}textarea.form-control.form-control-lg{min-height:160px}select.form-control{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 1rem center;background-position:right var(--spacing-md) center;background-repeat:no-repeat;background-size:16px;padding-right:3rem;padding-right:var(--spacing-2xl)}.card{background:#fff;background:var(--bg-surface);border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:1.5rem;border-radius:var(--radius-xl);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);box-shadow:var(--shadow);display:flex;flex-direction:column;overflow:hidden;padding:2rem;padding:var(--spacing-xl);position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition)}.card:before{background:linear-gradient(90deg,#ef612b,#1d9944 50%,#5a7eaf);background:var(--gradient-brand);content:"";height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s cubic-bezier(.4,0,.2,1);transition:opacity var(--transition)}.card:hover{box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.card:hover:before{opacity:1}.card.card-glass{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2)}.card.card-glass:hover{background:hsla(0,0%,100%,.15);border-color:hsla(0,0%,100%,.3)}.card .card-header{margin-bottom:1rem;margin-bottom:var(--spacing-md)}.card .card-header .card-title{font-family:Clash Display,Poppins,sans-serif;font-family:var(--font-display);font-size:clamp(1rem,1rem + 1vw,1.5rem);font-weight:600;line-height:1.2;margin-bottom:.25rem;margin-bottom:var(--spacing-xs)}.card .card-header .card-subtitle{color:#475569;color:var(--text-secondary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-primary);font-size:1rem;font-size:var(--font-size-base);line-height:1.6}.card .card-body{flex:1 1}.card .card-body .card-description{color:#475569;color:var(--text-secondary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-primary);font-size:1rem;font-size:var(--font-size-base);line-height:1.6;margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}.card .card-footer{border-top:1px solid #e2e8f0;border-top:1px solid var(--border-light);padding-top:1.5rem;padding-top:var(--spacing-lg)}.card .card-footer .card-actions{align-items:center;display:flex;gap:1rem;gap:var(--spacing-md);justify-content:space-between}.card .card-footer .card-actions .btn{flex:1 1}.card-grid{grid-gap:2rem;grid-gap:var(--spacing-xl);display:grid;gap:2rem;gap:var(--spacing-xl)}.card-grid.columns-2{grid-template-columns:repeat(1,1fr)}@media(min-width:768px){.card-grid.columns-2{grid-template-columns:repeat(2,1fr)}}.card-grid.columns-3{grid-template-columns:repeat(1,1fr)}@media(min-width:768px){.card-grid.columns-3{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.card-grid.columns-3{grid-template-columns:repeat(3,1fr)}}.app-initializer{align-items:center;background:linear-gradient(135deg,#0a192f,#1a365d);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.app-initializer .initializer-content{color:#fff;text-align:center}.app-initializer .initializer-content .loading-spinner-container{margin-bottom:2rem}.app-initializer .initializer-content .loading-spinner-container .loading-spinner{animation:spin 1s linear infinite;border:4px solid rgba(239,97,43,.3);border-radius:50%;border-top-color:#ef612b;height:60px;margin:0 auto;width:60px}.app-initializer .initializer-content .loading-text h1{-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#ef612b,#ff8a4c);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;margin-bottom:1rem}.app-initializer .initializer-content .loading-text p{animation:pulse 1.5s infinite;font-size:1.2rem;opacity:.9}.page-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:50vh;padding:2rem}.page-loading .loading-message{color:#666;font-size:1rem;margin-top:1rem}@keyframes pulse{0%,to{opacity:.9}50%{opacity:1}}.toast-container .Toastify__toast{border-radius:8px;font-family:Inter,sans-serif}.toast-container .Toastify__toast--success{background:linear-gradient(135deg,#10b981,#059669)}.toast-container .Toastify__toast--error{background:linear-gradient(135deg,#ef4444,#dc2626)}.toast-container .Toastify__toast--info{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.toast-container .Toastify__toast--warning{background:linear-gradient(135deg,#f59e0b,#d97706)}.toast-container .Toastify__progress-bar{height:3px}.container{margin:0 auto;max-width:1280px;max-width:var(--max-width);padding:0 1.5rem;padding:0 var(--container-padding);width:100%}.flex-center{justify-content:center}.flex-between,.flex-center{align-items:center;display:flex}.flex-between{justify-content:space-between}.flex-column{display:flex;flex-direction:column}.text-center{text-align:center}.text-gradient{-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#ef612b,#1d9944 50%,#5a7eaf);background:var(--gradient-brand);-webkit-background-clip:text;background-clip:text}.mt-sm{margin-top:.5rem;margin-top:var(--spacing-sm)}.mt-md{margin-top:1rem;margin-top:var(--spacing-md)}.mt-lg{margin-top:1.5rem;margin-top:var(--spacing-lg)}.mt-xl{margin-top:2rem;margin-top:var(--spacing-xl)}.mb-sm{margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:1rem;margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:2rem;margin-bottom:var(--spacing-xl)}.p-sm{padding:.5rem;padding:var(--spacing-sm)}.p-md{padding:1rem;padding:var(--spacing-md)}.p-lg{padding:1.5rem;padding:var(--spacing-lg)}.p-xl{padding:2rem;padding:var(--spacing-xl)}.d-block{display:block}.d-flex{display:flex}.d-grid{display:grid}.d-none{display:none}@media(max-width:768px){.d-md-none{display:none}.d-md-block{display:block}:root{--header-height:64px;--container-padding:1rem;--spacing-xl:1.5rem}.app .main-content{padding-bottom:calc(2rem + 60px);padding-bottom:calc(var(--spacing-xl) + 60px)}a[role=button],button,input[type=button],input[type=submit]{min-height:44px;min-width:44px}input,select,textarea{font-size:16px!important}}@media(min-width:768px)and (max-width:1024px){:root{--container-padding:2rem;--header-height:72px}}:focus-visible{border-radius:.375rem;border-radius:var(--radius-sm);outline:2px solid #ef612b;outline:2px solid var(--primary);outline-offset:2px}.skip-to-content{background:#ef612b;background:var(--primary);border-radius:.5rem;border-radius:var(--radius);color:#fff;color:var(--text-on-primary);left:0;padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md);position:absolute;text-decoration:none;top:-100px;z-index:1060;z-index:var(--z-popover)}.skip-to-content:focus{top:.5rem;top:var(--spacing-sm)}@media(prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#fff;background:var(--bg-secondary);border-radius:.5rem;border-radius:var(--radius)}::-webkit-scrollbar-thumb{background:#64748b;background:var(--text-tertiary);border-radius:.5rem;border-radius:var(--radius)}::-webkit-scrollbar-thumb:hover{background:#ef612b;background:var(--primary)}*{scrollbar-color:#64748b #fff;scrollbar-color:var(--text-tertiary) var(--bg-secondary);scrollbar-width:thin}::selection{background-color:rgba(239,97,43,.3);background-color:rgba(var(--primary-rgb),.3);color:#1e293b;color:var(--text-primary)}::-moz-selection{background-color:rgba(239,97,43,.3);background-color:rgba(var(--primary-rgb),.3);color:#1e293b;color:var(--text-primary)}@media print{*,:after,:before{background:transparent!important;box-shadow:none!important;color:#000!important;text-shadow:none!important}a,a:visited{text-decoration:underline}.AIChat,.Toastify,.app-initializing,.page-loading{display:none!important}.app .main-content{padding-top:0!important}}.Toastify{z-index:10010!important;z-index:calc(var(--z-modal) + 10)!important}.AIChat{z-index:1031;z-index:calc(var(--z-fixed) + 1)}.animate-transform{-webkit-backface-visibility:hidden;backface-visibility:hidden;perspective:1000px;transform:translateZ(0)}.theme-transition{transition:background-color .5s cubic-bezier(.4,0,.2,1),color .5s cubic-bezier(.4,0,.2,1),border-color .5s cubic-bezier(.4,0,.2,1);transition:background-color var(--transition-slow),color var(--transition-slow),border-color var(--transition-slow)}.product-detail{background:linear-gradient(180deg,transparent 0,rgba(var(--primary-rgb),.02) 100%);padding:var(--spacing-3xl) 0}.product-detail .container{margin:0 auto;max-width:var(--max-width);padding:0 var(--container-padding)}.product-detail .breadcrumb{margin-bottom:var(--spacing-xl)}.product-detail .breadcrumb ol{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-sm);list-style:none;margin:0;padding:0}.product-detail .breadcrumb ol li{align-items:center;color:var(--text-tertiary);display:flex;gap:var(--spacing-sm)}.product-detail .breadcrumb ol li:after{color:var(--text-tertiary);content:"›";margin-left:var(--spacing-sm)}.product-detail .breadcrumb ol li:last-child:after{content:none}.product-detail .breadcrumb ol li:last-child span{color:var(--text-primary);font-weight:600}.product-detail .breadcrumb ol li button{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:var(--spacing-xs) 0;text-decoration:none;transition:color var(--transition)}.product-detail .breadcrumb ol li button:hover{color:var(--primary)}.product-detail .detail-header{margin-bottom:var(--spacing-3xl)}.product-detail .detail-header .header-badges{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.product-detail .detail-header .header-badges .badge{align-items:center;border-radius:9999px;display:inline-flex;font-size:.75rem;font-weight:600;gap:var(--spacing-xs);letter-spacing:.05em;padding:var(--spacing-xs) var(--spacing-sm);text-transform:uppercase}.product-detail .detail-header .header-badges .badge.product-type{border:1px solid}.product-detail .detail-header .header-badges .badge.featured{background:rgba(var(--warning-rgb),.1);border:1px solid rgba(var(--warning-rgb),.2);color:var(--warning)}.product-detail .detail-header .header-badges .badge.bestseller{background:rgba(var(--success-rgb),.1);border:1px solid rgba(var(--success-rgb),.2);color:var(--success)}.product-detail .detail-header .header-badges .badge.discount{background:rgba(var(--error-rgb),.1);border:1px solid rgba(var(--error-rgb),.2);color:var(--error)}.product-detail .detail-header .header-badges .badge.tag{background:rgba(var(--primary-rgb),.05);border:1px solid var(--border-light);color:var(--text-secondary)}.product-detail .detail-header .product-title{font-family:var(--font-display),"Poppins",-apple-system,sans-serif,sans-serif;font-size:clamp(2rem,2.5rem + 2vw,4.5rem);font-weight:800;letter-spacing:-.02em;line-height:1.1;line-height:1.2;margin:0 0 var(--spacing-sm)}.product-detail .detail-header .product-subtitle{color:var(--text-secondary);font-family:var(--font-primary),sans-serif;font-size:clamp(1rem,1rem + .5vw,1.2rem);font-weight:400;line-height:1.6;margin:0 0 var(--spacing-xl);max-width:800px}.product-detail .detail-header .product-meta{display:flex;flex-wrap:wrap;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.product-detail .detail-header .product-meta .meta-item{align-items:center;color:var(--text-secondary);display:flex;font-size:1rem;gap:var(--spacing-xs)}.product-detail .detail-header .product-meta .meta-item svg{color:var(--primary)}.product-detail .detail-header .product-meta .meta-item .subcategory{color:var(--text-tertiary)}.product-detail .detail-header .product-rating{align-items:center;display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.product-detail .detail-header .product-rating .star-rating{align-items:center;display:flex;gap:var(--spacing-xs)}.product-detail .detail-header .product-rating .star-rating .star{color:var(--border-light);font-size:1.125rem}.product-detail .detail-header .product-rating .star-rating .star.filled{color:var(--warning)}.product-detail .detail-header .product-rating .star-rating .star.half{position:relative}.product-detail .detail-header .product-rating .star-rating .star.half:after{color:var(--warning);content:"★";left:0;overflow:hidden;position:absolute;width:50%}.product-detail .detail-header .product-rating .star-rating .rating-value{color:var(--text-primary);font-weight:600;margin-left:var(--spacing-xs)}.product-detail .detail-header .product-rating .rating-count{color:var(--text-tertiary);font-size:1rem}.product-detail .detail-header .product-actions{display:flex;gap:var(--spacing-sm)}.product-detail .detail-header .product-actions .action-btn{align-items:center;background:var(--surface);border:1px solid var(--border-light);border-radius:.5rem;color:var(--text-secondary);cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-lg);transition:all var(--transition)}.product-detail .detail-header .product-actions .action-btn:hover{background:var(--bg-secondary);border-color:var(--border)}.product-detail .detail-header .product-actions .action-btn.favorite.active{background:rgba(var(--error-rgb),.05);border-color:var(--error-light);color:var(--error)}.product-detail .detail-header .product-actions .action-btn.share:hover{border-color:var(--primary-light);color:var(--primary)}.product-detail .detail-content{grid-gap:var(--spacing-3xl);display:grid;gap:var(--spacing-3xl);grid-template-columns:1fr 380px;margin-bottom:var(--spacing-3xl)}@media(max-width:1024px){.product-detail .detail-content{gap:var(--spacing-xl);grid-template-columns:1fr}}.product-detail .gallery-section .main-gallery{position:-webkit-sticky;position:sticky;top:var(--spacing-xl)}.product-detail .gallery-section .main-gallery .main-image{border-radius:1.5rem;box-shadow:var(--shadow-lg);margin-bottom:var(--spacing-lg);overflow:hidden;position:relative}.product-detail .gallery-section .main-gallery .main-image img{display:block;height:auto;transition:transform var(--transition-slow);width:100%}.product-detail .gallery-section .main-gallery .main-image:hover img{transform:scale(1.02)}.product-detail .gallery-section .main-gallery .main-image .discount-badge{border-radius:9999px;box-shadow:var(--shadow-lg);color:var(--white);font-size:1.125rem;font-weight:700;padding:var(--spacing-xs) var(--spacing-lg);position:absolute;right:var(--spacing-lg);top:var(--spacing-lg);z-index:2}.product-detail .gallery-section .main-gallery .thumbnail-grid{grid-gap:var(--spacing-sm);display:grid;gap:var(--spacing-sm);grid-template-columns:repeat(4,1fr)}.product-detail .gallery-section .main-gallery .thumbnail-grid .thumbnail{background:none;border:2px solid transparent;border-radius:1rem;cursor:pointer;overflow:hidden;padding:0;position:relative;transition:all var(--transition)}.product-detail .gallery-section .main-gallery .thumbnail-grid .thumbnail img{display:block;height:80px;object-fit:cover;width:100%}.product-detail .gallery-section .main-gallery .thumbnail-grid .thumbnail.active{border-color:var(--primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.product-detail .gallery-section .main-gallery .thumbnail-grid .thumbnail:hover:not(.active){border-color:var(--border);transform:translateY(-2px)}.product-detail .gallery-section .main-gallery .thumbnail-grid .thumbnail.more-btn{align-items:center;background:var(--bg-secondary);color:var(--text-secondary);display:flex;font-size:1rem;font-weight:500;justify-content:center}.product-detail .gallery-section .main-gallery .thumbnail-grid .thumbnail.more-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.product-detail .gallery-section .main-gallery .placeholder{align-items:center;background:var(--bg-secondary);border:2px dashed var(--border-light);border-radius:1.5rem;display:flex;flex-direction:column;justify-content:center;min-height:400px}.product-detail .gallery-section .main-gallery .placeholder .placeholder-icon{color:var(--text-tertiary);font-size:48px;margin-bottom:var(--spacing-md)}.product-detail .gallery-section .main-gallery .placeholder span{color:var(--text-secondary)}.product-detail .action-sidebar{position:-webkit-sticky;position:sticky;top:var(--spacing-xl)}.product-detail .action-sidebar .pricing-card{background:var(--surface);border:1px solid var(--border-light);border-radius:1.5rem;box-shadow:var(--shadow-lg);margin-bottom:var(--spacing-xl);padding:var(--spacing-xl)}.product-detail .action-sidebar .pricing-card .pricing-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-lg)}.product-detail .action-sidebar .pricing-card .pricing-header h3{font-family:var(--font-secondary),sans-serif;font-size:clamp(1rem,1rem + 1vw,1.5rem);font-weight:600;line-height:1.2;margin:0}.product-detail .action-sidebar .pricing-card .pricing-header .contact-badge,.product-detail .action-sidebar .pricing-card .pricing-header .custom-badge{background:rgba(var(--primary-rgb),.1);border-radius:9999px;color:var(--primary);font-size:.75rem;font-weight:600;padding:var(--spacing-xs) var(--spacing-sm)}.product-detail .action-sidebar .pricing-card .pricing-options{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.product-detail .action-sidebar .pricing-card .pricing-options .pricing-option{background:var(--surface);border:2px solid var(--border-light);border-radius:1rem;cursor:pointer;padding:var(--spacing-lg);text-align:left;transition:all var(--transition)}.product-detail .action-sidebar .pricing-card .pricing-options .pricing-option:hover{border-color:var(--border);transform:translateY(-2px)}.product-detail .action-sidebar .pricing-card .pricing-options .pricing-option.selected{background:rgba(var(--primary-rgb),.05);border-color:var(--primary);box-shadow:0 0 0 1px var(--primary-light)}.product-detail .action-sidebar .pricing-card .pricing-options .pricing-option.popular{border-color:var(--warning-light);position:relative}.product-detail .action-sidebar .pricing-card .pricing-options .pricing-option.popular .popular-badge{background:var(--warning);border-radius:9999px;color:var(--white);font-size:10px;font-weight:700;padding:2px 8px;position:absolute;right:var(--spacing-lg);top:-10px}.product-detail .action-sidebar .pricing-card .pricing-options .pricing-option .option-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-sm)}.product-detail .action-sidebar .pricing-card .pricing-options .pricing-option .option-header .plan-name{font-family:var(--font-primary),sans-serif;font-size:clamp(1.25rem,1.25rem + .625vw,1.875rem);font-weight:600;line-height:1.3;margin:0}.product-detail .action-sidebar .pricing-card .pricing-options .pricing-option .option-price{margin-bottom:var(--spacing-md)}.product-detail .action-sidebar .pricing-card .pricing-options .pricing-option .option-price .amount{color:var(--text-primary);font-family:var(--font-display),"Poppins",-apple-system,sans-serif,sans-serif;font-size:clamp(2rem,2.5rem + 2vw,4.5rem);font-weight:800;letter-spacing:-.02em;line-height:1.1}.product-detail .action-sidebar .pricing-card .pricing-options .pricing-option .option-price .period{color:var(--text-tertiary);font-size:1rem}.product-detail .action-sidebar .pricing-card .pricing-options .pricing-option .discount-price{align-items:baseline;display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.product-detail .action-sidebar .pricing-card .pricing-options .pricing-option .discount-price .original-price{color:var(--text-tertiary);font-size:1.125rem;text-decoration:line-through}.product-detail .action-sidebar .pricing-card .pricing-options .pricing-option .discount-price .final-price{color:var(--success);font-family:var(--font-display),"Poppins",-apple-system,sans-serif,sans-serif;font-size:clamp(2rem,2.5rem + 2vw,4.5rem);font-weight:800;letter-spacing:-.02em;line-height:1.1}.product-detail .action-sidebar .pricing-card .pricing-options .pricing-option .plan-features{list-style:none;margin:0;padding:0}.product-detail .action-sidebar .pricing-card .pricing-options .pricing-option .plan-features .feature{align-items:flex-start;color:var(--text-secondary);display:flex;font-size:1rem;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs)}.product-detail .action-sidebar .pricing-card .pricing-options .pricing-option .plan-features .feature svg{color:var(--success);flex-shrink:0;margin-top:2px}.product-detail .action-sidebar .pricing-card .pricing-options .pricing-option .plan-features .feature.more{color:var(--text-tertiary);font-style:italic;margin-top:var(--spacing-xs)}.product-detail .action-sidebar .pricing-card .single-price{margin-bottom:var(--spacing-lg)}.product-detail .action-sidebar .pricing-card .single-price .price-display{align-items:baseline;display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.product-detail .action-sidebar .pricing-card .single-price .price-display .original-price{color:var(--text-tertiary);font-family:var(--font-secondary),sans-serif;font-size:clamp(1rem,1rem + 1vw,1.5rem);font-weight:600;line-height:1.2;text-decoration:line-through}.product-detail .action-sidebar .pricing-card .single-price .price-display .current-price{color:var(--text-primary);font-family:var(--font-display),"Poppins",-apple-system,sans-serif,sans-serif;font-size:clamp(2rem,2.5rem + 2vw,4.5rem);font-weight:800;letter-spacing:-.02em;line-height:1.1}.product-detail .action-sidebar .pricing-card .single-price .price-display .discount-tag{border-radius:9999px;color:var(--white);font-size:1rem;font-weight:600;padding:var(--spacing-xs) var(--spacing-md)}.product-detail .action-sidebar .pricing-card .quantity-selector{margin-bottom:var(--spacing-lg)}.product-detail .action-sidebar .pricing-card .quantity-selector label{color:var(--text-secondary);display:block;font-weight:500;margin-bottom:var(--spacing-sm)}.product-detail .action-sidebar .pricing-card .quantity-selector .quantity-controls{align-items:center;display:flex;gap:var(--spacing-sm)}.product-detail .action-sidebar .pricing-card .quantity-selector .quantity-controls .quantity-btn{background:var(--surface);border:1px solid var(--border);border-radius:.5rem;color:var(--text-primary);cursor:pointer;font-size:1.125rem;font-weight:500;height:40px;transition:all var(--transition);width:40px}.product-detail .action-sidebar .pricing-card .quantity-selector .quantity-controls .quantity-btn:hover:not(:disabled){background:var(--bg-secondary);border-color:var(--border)}.product-detail .action-sidebar .pricing-card .quantity-selector .quantity-controls .quantity-btn:disabled{cursor:not-allowed;opacity:.5}.product-detail .action-sidebar .pricing-card .quantity-selector .quantity-controls input{background:var(--surface);border:1px solid var(--border);border-radius:.5rem;color:var(--text-primary);font-size:.8rem;font-weight:500;height:40px;text-align:center;width:60px}.product-detail .action-sidebar .pricing-card .quantity-selector .quantity-controls input:focus{border-color:var(--primary);box-shadow:0 0 0 2px rgba(var(--primary-rgb),.1);outline:none}.product-detail .action-sidebar .pricing-card .delivery-info{align-items:center;background:rgba(var(--success-rgb),.05);border:1px solid rgba(var(--success-rgb),.2);border-radius:.5rem;display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);padding:var(--spacing-md)}.product-detail .action-sidebar .pricing-card .delivery-info svg{color:var(--success)}.product-detail .action-sidebar .pricing-card .delivery-info span{color:var(--success);flex:1 1;font-weight:600}.product-detail .action-sidebar .pricing-card .delivery-info .instant-icon{color:var(--warning)}.product-detail .action-sidebar .pricing-card .action-buttons{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.product-detail .action-sidebar .pricing-card .action-buttons .btn{align-items:center;display:flex;font-weight:600;gap:var(--spacing-sm);justify-content:center;padding:var(--spacing-lg);position:relative;transition:all var(--transition)}.product-detail .action-sidebar .pricing-card .action-buttons .btn:hover{transform:translateY(-2px)}.product-detail .action-sidebar .pricing-card .action-buttons .btn .total-price{background:rgba(0,0,0,.2);border-radius:.5rem;font-size:1rem;padding:2px 8px;position:absolute;right:var(--spacing-lg)}.product-detail .action-sidebar .pricing-card .action-buttons .btn.btn-outline .spinner{animation:spin 1s linear infinite}.product-detail .action-sidebar .pricing-card .pricing-info{border-top:1px solid var(--border-light);display:flex;flex-direction:column;gap:var(--spacing-sm);padding-top:var(--spacing-lg)}.product-detail .action-sidebar .pricing-card .pricing-info .info-item{align-items:center;color:var(--text-secondary);display:flex;font-size:1rem;gap:var(--spacing-sm)}.product-detail .action-sidebar .pricing-card .pricing-info .info-item svg{color:var(--primary);flex-shrink:0}.product-detail .action-sidebar .sidebar-features{background:var(--surface);border:1px solid var(--border-light);border-radius:1.5rem;margin-bottom:var(--spacing-xl);padding:var(--spacing-xl)}.product-detail .action-sidebar .sidebar-features h4{font-family:var(--font-primary),sans-serif;font-size:clamp(1.25rem,1.25rem + .625vw,1.875rem);font-weight:600;line-height:1.3;margin:0 0 var(--spacing-lg)}.product-detail .action-sidebar .sidebar-features ul{list-style:none;margin:0;padding:0}.product-detail .action-sidebar .sidebar-features ul li{align-items:flex-start;display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.product-detail .action-sidebar .sidebar-features ul li svg{color:var(--success);flex-shrink:0;margin-top:2px}.product-detail .action-sidebar .sidebar-features ul li span{color:var(--text-primary)}.product-detail .action-sidebar .customization-options{background:var(--surface);border:1px solid var(--border-light);border-radius:1.5rem;padding:var(--spacing-xl)}.product-detail .action-sidebar .customization-options h4{font-family:var(--font-primary),sans-serif;font-size:clamp(1.25rem,1.25rem + .625vw,1.875rem);font-weight:600;line-height:1.3;margin:0 0 var(--spacing-lg)}.product-detail .action-sidebar .customization-options ul{list-style:none;margin:0;padding:0}.product-detail .action-sidebar .customization-options ul li{border-bottom:1px solid var(--border-light);padding:var(--spacing-md) 0}.product-detail .action-sidebar .customization-options ul li:last-child{border-bottom:none;padding-bottom:0}.product-detail .action-sidebar .customization-options ul li .option-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-xs)}.product-detail .action-sidebar .customization-options ul li .option-header .option-name{color:var(--text-primary);font-weight:600}.product-detail .action-sidebar .customization-options ul li .option-header .option-price{color:var(--primary);font-weight:600}.product-detail .action-sidebar .customization-options ul li .option-desc{color:var(--text-secondary);font-size:1rem;margin:0}.product-detail .action-sidebar .customization-options ul li.view-all{padding-top:var(--spacing-lg);text-align:center}.product-detail .action-sidebar .customization-options ul li.view-all button{background:none;border:none;color:var(--primary);cursor:pointer;font-weight:500;padding:0}.product-detail .action-sidebar .customization-options ul li.view-all button:hover{text-decoration:underline}.product-detail .main-content .content-tabs{border-bottom:1px solid var(--border-light);display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-xl);overflow-x:auto;padding-bottom:var(--spacing-sm)}.product-detail .main-content .content-tabs .tab-btn{align-items:center;background:none;border:none;border-radius:.5rem;color:var(--text-secondary);cursor:pointer;display:flex;font-weight:500;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);transition:all var(--transition);white-space:nowrap}.product-detail .main-content .content-tabs .tab-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.product-detail .main-content .content-tabs .tab-btn.active{background:rgba(var(--primary-rgb),.1);color:var(--primary);font-weight:600}.product-detail .main-content .tab-content .tab-pane .overview-content .description{color:var(--text-primary);font-family:var(--font-primary),sans-serif;font-size:clamp(1rem,1rem + .5vw,1.2rem);font-weight:400;line-height:1.6;line-height:1.8;margin-bottom:var(--spacing-xl)}.product-detail .main-content .tab-content .tab-pane .overview-content .mern-features,.product-detail .main-content .tab-content .tab-pane .overview-content .platform-features,.product-detail .main-content .tab-content .tab-pane .overview-content .website-features{margin-bottom:var(--spacing-xl)}.product-detail .main-content .tab-content .tab-pane .overview-content .mern-features h3,.product-detail .main-content .tab-content .tab-pane .overview-content .platform-features h3,.product-detail .main-content .tab-content .tab-pane .overview-content .website-features h3{font-family:var(--font-secondary),sans-serif;font-size:clamp(1rem,1rem + 1vw,1.5rem);font-weight:600;line-height:1.2;margin:0 0 var(--spacing-lg)}.product-detail .main-content .tab-content .tab-pane .overview-content .features-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:var(--spacing-xl)}.product-detail .main-content .tab-content .tab-pane .overview-content .features-grid .feature-item{background:var(--surface);border:1px solid var(--border-light);border-radius:1rem;padding:var(--spacing-lg)}.product-detail .main-content .tab-content .tab-pane .overview-content .features-grid .feature-item .feature-icon{color:var(--primary);font-size:24px;margin-bottom:var(--spacing-sm)}.product-detail .main-content .tab-content .tab-pane .overview-content .features-grid .feature-item .feature-content h4{font-family:var(--font-primary),sans-serif;font-size:clamp(1.25rem,1.25rem + .625vw,1.875rem);font-weight:600;line-height:1.3;margin:0 0 var(--spacing-xs)}.product-detail .main-content .tab-content .tab-pane .overview-content .features-grid .feature-item .feature-content p{color:var(--text-secondary);margin:0}.product-detail .main-content .tab-content .tab-pane .overview-content .specs-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.product-detail .main-content .tab-content .tab-pane .overview-content .specs-list .spec-item{display:flex;gap:var(--spacing-md)}.product-detail .main-content .tab-content .tab-pane .overview-content .specs-list .spec-item .spec-label{color:var(--text-secondary);font-weight:500;min-width:120px}.product-detail .main-content .tab-content .tab-pane .overview-content .specs-list .spec-item .spec-value{color:var(--text-primary);flex:1 1}.product-detail .main-content .tab-content .tab-pane .overview-content .specs-list .spec-item .spec-value a{color:var(--primary);text-decoration:none}.product-detail .main-content .tab-content .tab-pane .overview-content .specs-list .spec-item .spec-value a:hover{text-decoration:underline}.product-detail .main-content .tab-content .tab-pane .overview-content .product-specs{margin-bottom:var(--spacing-xl)}.product-detail .main-content .tab-content .tab-pane .overview-content .product-specs .specs-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.product-detail .main-content .tab-content .tab-pane .overview-content .product-specs .specs-grid .spec-item{align-items:flex-start;background:var(--surface);border:1px solid var(--border-light);border-radius:1rem;display:flex;gap:var(--spacing-md);padding:var(--spacing-lg)}.product-detail .main-content .tab-content .tab-pane .overview-content .product-specs .specs-grid .spec-item .spec-icon{color:var(--primary);flex-shrink:0;font-size:24px}.product-detail .main-content .tab-content .tab-pane .overview-content .product-specs .specs-grid .spec-item .spec-content h4{font-family:var(--font-primary),sans-serif;font-size:clamp(1.25rem,1.25rem + .625vw,1.875rem);font-weight:600;line-height:1.3;margin:0 0 var(--spacing-xs)}.product-detail .main-content .tab-content .tab-pane .overview-content .product-specs .specs-grid .spec-item .spec-content p{color:var(--text-secondary);margin:0}.product-detail .main-content .tab-content .tab-pane .overview-content .product-specs .specs-grid .spec-item .spec-content .status-published{color:var(--success)}.product-detail .main-content .tab-content .tab-pane .overview-content .product-specs .specs-grid .spec-item .spec-content .status-draft{color:var(--warning)}.product-detail .main-content .tab-content .tab-pane .overview-content .technical-specs h3{font-family:var(--font-secondary),sans-serif;font-size:clamp(1rem,1rem + 1vw,1.5rem);font-weight:600;line-height:1.2;margin:0 0 var(--spacing-lg)}.product-detail .main-content .tab-content .tab-pane .overview-content .technical-specs .specs-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.product-detail .main-content .tab-content .tab-pane .overview-content .technical-specs .specs-list .spec{display:flex;gap:var(--spacing-md)}.product-detail .main-content .tab-content .tab-pane .overview-content .technical-specs .specs-list .spec .spec-label{color:var(--text-secondary);font-weight:500;min-width:120px}.product-detail .main-content .tab-content .tab-pane .overview-content .technical-specs .specs-list .spec .spec-value{color:var(--text-primary)}.product-detail .similar-products{border-top:1px solid var(--border-light);margin-top:var(--spacing-3xl);padding-top:var(--spacing-3xl)}.product-detail .similar-products .section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-xl)}.product-detail .similar-products .section-header h2{font-family:var(--font-display),"Poppins",-apple-system,sans-serif,sans-serif;font-size:clamp(1.7rem,1.7rem + 1.5vw,2.7rem);font-weight:700;letter-spacing:-.01em;line-height:1.1;margin:0}.product-detail .similar-products .products-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.product-detail .similar-products .products-grid .product-card{background:var(--surface);border:1px solid var(--border-light);border-radius:1.5rem;cursor:pointer;overflow:hidden;transition:all var(--transition)}.product-detail .similar-products .products-grid .product-card:hover{border-color:var(--primary-light);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.product-detail .similar-products .products-grid .product-card .product-image{height:200px;overflow:hidden}.product-detail .similar-products .products-grid .product-card .product-image img{height:100%;object-fit:cover;transition:transform var(--transition-slow);width:100%}.product-detail .similar-products .products-grid .product-card .product-image:hover img{transform:scale(1.05)}.product-detail .similar-products .products-grid .product-card .product-info{padding:var(--spacing-lg)}.product-detail .similar-products .products-grid .product-card .product-info h3{font-family:var(--font-primary),sans-serif;font-size:clamp(1.25rem,1.25rem + .625vw,1.875rem);font-weight:600;line-height:1.3;margin:0 0 var(--spacing-sm)}.product-detail .similar-products .products-grid .product-card .product-info .product-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;font-family:var(--font-primary),sans-serif;font-size:.875rem;font-weight:400;line-height:1.5;margin-bottom:var(--spacing-md);overflow:hidden}.product-detail .similar-products .products-grid .product-card .product-info .product-price{color:var(--primary);font-family:var(--font-primary),sans-serif;font-size:clamp(1.25rem,1.25rem + .625vw,1.875rem);font-weight:600;line-height:1.3}.product-detail.loading .skeleton{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,var(--border-light) 25%,var(--bg-tertiary) 50%,var(--border-light) 75%);background-size:200% 100%;border-radius:.5rem}.product-detail.not-found .error-content{padding:var(--spacing-3xl) 0;text-align:center}.product-detail.not-found .error-content .error-icon{color:var(--primary);font-size:64px;margin-bottom:var(--spacing-lg)}.product-detail.not-found .error-content h2{font-family:var(--font-display),"Poppins",-apple-system,sans-serif,sans-serif;font-size:clamp(1.7rem,1.7rem + 1.5vw,2.7rem);font-weight:700;letter-spacing:-.01em;line-height:1.1;margin:0 0 var(--spacing-md)}.product-detail.not-found .error-content p{color:var(--text-secondary);font-family:var(--font-primary),sans-serif;font-size:clamp(1rem,1rem + .5vw,1.2rem);font-weight:400;line-height:1.6;margin-bottom:var(--spacing-xl);margin-left:auto;margin-right:auto;max-width:500px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}[data-theme=dark] .product-detail{background:linear-gradient(180deg,transparent 0,rgba(var(--primary-rgb),.05) 100%)}[data-theme=dark] .product-detail .gallery-section .main-gallery .thumbnail-grid .thumbnail.more-btn{background:var(--dark-surface);color:var(--dark-text-secondary)}[data-theme=dark] .product-detail .gallery-section .main-gallery .thumbnail-grid .thumbnail.more-btn:hover{background:var(--dark-bg);color:var(--dark-text-primary)}[data-theme=dark] .product-detail .action-sidebar .customization-options,[data-theme=dark] .product-detail .action-sidebar .pricing-card,[data-theme=dark] .product-detail .action-sidebar .sidebar-features{background:var(--dark-surface);border-color:var(--dark-border)}[data-theme=dark] .product-detail .action-sidebar .customization-options ul li,[data-theme=dark] .product-detail .main-content .content-tabs{border-bottom-color:var(--dark-border)}[data-theme=dark] .product-detail .main-content .tab-content .tab-pane .overview-content .features-grid .feature-item,[data-theme=dark] .product-detail .main-content .tab-content .tab-pane .overview-content .product-specs .specs-grid .spec-item{background:var(--dark-surface);border-color:var(--dark-border)}[data-theme=dark] .product-detail .similar-products{border-top-color:var(--dark-border)}[data-theme=dark] .product-detail .similar-products .products-grid .product-card{background:var(--dark-surface);border-color:var(--dark-border)}[data-theme=dark] .product-detail .similar-products .products-grid .product-card:hover{border-color:var(--primary-light)}@media(max-width:1024px){.product-detail{padding:var(--spacing-xl) 0}.product-detail .detail-content{gap:var(--spacing-xl);grid-template-columns:1fr}.product-detail .action-sidebar,.product-detail .gallery-section .main-gallery{position:static}}@media(max-width:768px){.product-detail .detail-header .product-actions{flex-wrap:wrap}.product-detail .main-content .content-tabs .tab-btn{font-size:1rem;padding:var(--spacing-sm) var(--spacing-md)}}@media(max-width:640px){.product-detail .gallery-section .main-gallery .thumbnail-grid{grid-template-columns:repeat(2,1fr)}.product-detail .similar-products .products-grid{grid-template-columns:1fr}}