@layer dawn,design-system;@layer design-system{:root{--color-primary: #3b82f6;--color-secondary: #22d3ee;--color-accent: #06b6d4;--color-success: #10b981;--color-warning: #f59e0b;--color-error: #ef4444;--color-purple: #7c3aed;--color-purple-light: #a855f7;--color-red: #dc2626;--buttons-radius: var(--radius-full);--bg-primary: #000000;--bg-secondary: #111827;--bg-surface: rgba(17, 24, 39, .7);--bg-surface-elevated: rgba(30, 58, 138, .15);--bg-input: rgba(17, 24, 39, .6);--text-primary: #ffffff;--text-secondary: #e5e7eb;--text-muted: #d1d5db;--text-disabled: #9ca3af;--border-primary: rgba(75, 85, 99, .6);--border-secondary: rgba(75, 85, 99, .3);--border-focus: rgba(59, 130, 246, .5);--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-full: 9999px;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .1);--shadow-md: 0 4px 8px rgba(0, 0, 0, .15);--shadow-lg: 0 8px 16px rgba(59, 130, 246, .2);--shadow-hover: 0 12px 24px rgba(59, 130, 246, .15);--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .35s ease;--text-xs: 12px;--text-sm: 14px;--text-base: 16px;--text-lg: 18px;--text-xl: 20px;--text-2xl: 24px;--text-3xl: 32px;--text-4xl: 42px;--text-5xl: 72px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,Inter,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%);color:var(--text-primary);line-height:1.6;min-height:100vh;font-feature-settings:"kern" 1,"liga" 1;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{max-width:1200px;margin:0 auto;padding:var(--space-2xl) var(--space-md)}.section{margin:var(--space-3xl) 0;padding:var(--space-2xl) 0;border-bottom:1px solid var(--border-secondary)}.section:last-child{border-bottom:none}.grid{display:grid;gap:var(--space-xl)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.h1,body .h1{font-size:clamp(var(--text-3xl),6vw,var(--text-5xl))!important;font-weight:300!important;letter-spacing:-.025em!important;line-height:1.1!important;color:var(--text-primary)!important;margin-bottom:var(--space-xl)!important;font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,Inter,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif!important;font-feature-settings:"kern" 1,"liga" 1;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.h2{font-size:clamp(var(--text-2xl),4vw,var(--text-4xl));font-weight:300;letter-spacing:-.02em;line-height:1.2;color:var(--text-primary);margin-bottom:var(--space-lg);font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,Inter,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-feature-settings:"kern" 1,"liga" 1;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.h3{font-size:clamp(var(--text-lg),3vw,var(--text-2xl));font-weight:500;line-height:1.3;color:var(--text-primary);margin-bottom:var(--space-md)}.h4{font-size:var(--text-lg);font-weight:500;color:var(--text-secondary);margin-bottom:var(--space-md)}.lead{font-size:clamp(var(--text-lg),2.5vw,var(--text-xl));font-weight:300;line-height:1.6;color:var(--text-secondary);margin-bottom:var(--space-2xl);max-width:48rem}.body{font-size:var(--text-base);font-weight:300;line-height:1.65;color:var(--text-primary);margin-bottom:var(--space-lg)}.small{font-size:var(--text-sm);color:var(--text-muted)}.gradient-text,body .gradient-text{background:linear-gradient(to right,var(--color-primary),var(--color-secondary))!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;font-weight:300!important}.btn,body .btn{padding:var(--space-md) var(--space-xl);border-radius:var(--radius-full)!important;font-weight:500;text-decoration:none!important;display:inline-flex;align-items:center;justify-content:center;transition:all var(--transition-normal);border:none;cursor:pointer;font-size:var(--text-base);text-align:center;min-height:48px;font-family:var(--font-body-family)}.btn-primary,.btn-secondary,.btn-outline,.btn-ghost,body .btn-primary,body .btn-secondary,body .btn-outline,body .btn-ghost{border-radius:var(--radius-full)!important;text-decoration:none!important;font-family:var(--font-body-family)!important}a.btn,a.btn-primary,a.btn-secondary,a.btn-outline,a.btn-ghost,body a.btn,body a.btn-primary,body a.btn-secondary,body a.btn-outline,body a.btn-ghost{text-decoration:none!important}.btn:hover{transform:translateY(-2px)}.btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.btn-primary{background:linear-gradient(to right,var(--color-primary),var(--color-secondary));color:var(--text-primary);box-shadow:var(--shadow-sm)}.btn-primary:hover{box-shadow:var(--shadow-hover)}.btn-secondary{background:var(--bg-surface);border:1px solid var(--border-primary);color:var(--text-primary);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.btn-secondary:hover{border-color:var(--border-focus);box-shadow:var(--shadow-md)}.btn-outline{background:transparent;border:2px solid var(--color-primary);color:var(--color-primary)}.btn-outline:hover{background:linear-gradient(to right,var(--color-primary),var(--color-secondary));color:var(--text-primary);border-color:transparent}.btn-ghost{background:#11182766;color:var(--text-secondary)}.btn-ghost:hover{background:var(--bg-surface)}.btn-sm{padding:var(--space-sm) var(--space-lg);font-size:var(--text-sm);min-height:40px}.btn-lg{padding:var(--space-lg) var(--space-2xl);font-size:var(--text-lg);min-height:56px}.button-group{display:flex;gap:var(--space-md);flex-wrap:wrap;align-items:center}.card{background:var(--bg-surface);border:1px solid var(--border-primary);border-radius:var(--radius-xl);padding:var(--space-xl);position:relative;transition:all var(--transition-normal);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--border-focus)}.card-featured{background:linear-gradient(135deg,var(--bg-surface),var(--bg-surface-elevated));border-color:#3b82f64d}.card-minimal{background:#11182766;border:none;border-left:4px solid var(--color-accent);border-radius:0;padding-left:var(--space-xl)}.card-badge{position:absolute;top:calc(var(--space-sm) * -1);right:var(--space-lg);background:linear-gradient(to right,var(--color-primary),var(--color-secondary));color:var(--text-primary);font-size:var(--text-xs);font-weight:500;padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);letter-spacing:.05em;text-transform:uppercase}.product-card{background:var(--bg-surface);border:1px solid var(--border-primary);border-radius:var(--radius-xl);overflow:hidden;transition:all var(--transition-normal);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.product-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--border-focus)}.product-image{aspect-ratio:1;overflow:hidden;position:relative;background:#374151;display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.product-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-normal)}.product-card:hover .product-image img{transform:scale(1.02)}.product-badge{position:absolute;top:var(--space-md);right:var(--space-md);font-size:var(--text-xs);font-weight:500;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md);text-transform:uppercase;letter-spacing:.05em;color:var(--text-primary)}.product-info{padding:var(--space-lg)}.product-title{font-size:var(--text-lg);font-weight:500;color:var(--text-primary);margin-bottom:var(--space-sm)}.product-price{font-size:var(--text-xl);font-weight:600;background:linear-gradient(to right,var(--color-primary),var(--color-secondary));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:var(--space-md);display:flex;align-items:center;gap:var(--space-sm)}.price-old{font-size:var(--text-sm);color:var(--text-muted);text-decoration:line-through;background:none;-webkit-text-fill-color:var(--text-muted)}.product-stock{font-size:var(--text-xs);color:var(--color-warning);font-weight:500;margin-bottom:var(--space-md)}.badge{background:var(--bg-surface);border:1px solid var(--border-primary);border-radius:var(--radius-full);padding:var(--space-xs) var(--space-md);font-size:var(--text-xs);font-weight:500;color:var(--text-primary);display:inline-block;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);text-transform:uppercase;letter-spacing:.05em}.badge-primary{background:linear-gradient(to right,var(--color-primary),var(--color-secondary));border:none;color:var(--text-primary)}.badge-success{background:#10b98133;border-color:#10b98180;color:#34d399}.badge-warning{background:#f59e0b33;border-color:#f59e0b80;color:#fbbf24}.badge-error{background:#ef444433;border-color:#ef444480;color:#f87171}.badge-new{background:linear-gradient(to right,var(--color-primary),var(--color-secondary));border:none}.badge-sale{background:linear-gradient(to right,var(--color-red),var(--color-error));border:none}.badge-limited,.badge-featured{background:linear-gradient(to right,var(--color-purple),var(--color-purple-light));border:none}.badge-group{display:flex;gap:var(--space-md);flex-wrap:wrap;align-items:center}.form{display:grid;gap:var(--space-lg);max-width:480px}.form-group{display:grid;gap:var(--space-sm)}.label{font-size:var(--text-base);color:var(--text-secondary);font-weight:500}.input{background:var(--bg-input);border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:var(--space-md);color:var(--text-primary);font-size:var(--text-base);width:100%;transition:all var(--transition-fast);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);min-height:48px}.input:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px #3b82f61a}.input::placeholder{color:var(--text-muted)}.textarea{min-height:120px;resize:vertical}.toggle-group{display:flex;align-items:center;gap:var(--space-md);margin:var(--space-md) 0}.toggle-label{font-size:var(--text-sm);color:var(--text-secondary);font-weight:500}.toggle{position:relative;width:48px;height:24px}.toggle-input{opacity:0;width:0;height:0;position:absolute}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:var(--bg-surface);border:1px solid var(--border-primary);border-radius:24px;transition:all var(--transition-normal);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:2px;bottom:2px;background:var(--text-primary);border-radius:50%;transition:all var(--transition-normal);box-shadow:var(--shadow-sm)}.toggle-input:checked+.toggle-slider{background:linear-gradient(to right,var(--color-primary),var(--color-secondary));border-color:transparent}.toggle-input:checked+.toggle-slider:before{transform:translate(24px)}.toggle-input:focus-visible+.toggle-slider{box-shadow:0 0 0 3px #3b82f633}.toggle-discount{font-size:var(--text-xs);background:linear-gradient(to right,var(--color-success),#059669);color:var(--text-primary);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md);font-weight:500}.toggle-list{display:flex;flex-direction:column;gap:var(--space-md)}.toggle-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md) 0}.toggle-item span{color:var(--text-secondary);font-weight:500}.video-embed{aspect-ratio:16 / 9;background:var(--bg-input);border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border-primary);transition:all var(--transition-normal)}.video-embed:hover{border-color:var(--border-focus)}.video-embed iframe{width:100%;height:100%;border:0;display:block}.video-card{background:var(--bg-surface);border:1px solid var(--border-primary);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-normal);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.video-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--border-focus)}.video-thumbnail{position:relative;aspect-ratio:16/9;overflow:hidden;background:#374151;display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.video-thumbnail img{width:100%;height:100%;object-fit:cover}.play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;background:#000c;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-primary);cursor:pointer;transition:all var(--transition-normal);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.play-button:hover{background:linear-gradient(to right,var(--color-primary),var(--color-secondary));transform:translate(-50%,-50%) scale(1.05)}.play-button svg{width:24px;height:24px;margin-left:4px}.video-duration{position:absolute;bottom:var(--space-sm);right:var(--space-sm);background:#000c;color:var(--text-primary);font-size:var(--text-xs);font-weight:500;padding:var(--space-xs) var(--space-sm);border-radius:var(--space-xs);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.video-info{padding:var(--space-md)}.video-title{font-size:var(--text-base);font-weight:500;color:var(--text-primary);margin-bottom:var(--space-xs)}.video-description{font-size:var(--text-sm);color:var(--text-muted);margin:0}.icon-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:var(--space-lg);margin:var(--space-md) 0}.icon-item{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);text-align:center}.icon{width:48px;height:48px;background:var(--bg-surface);border:1px solid var(--border-primary);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:all var(--transition-normal);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.icon:hover{background:#3b82f633;border-color:var(--border-focus);color:var(--color-primary);transform:translateY(-2px)}.icon svg{width:20px;height:20px}.icon-item span{font-size:var(--text-xs);color:var(--text-muted);font-weight:500}.icon-success{background:#10b98133;border-color:#10b98180;color:#34d399}.icon-warning{background:#f59e0b33;border-color:#f59e0b80;color:#fbbf24}.icon-error{background:#ef444433;border-color:#ef444480;color:#f87171}.icon-info{background:#3b82f633;border-color:#3b82f680;color:var(--color-primary)}.review-card{background:var(--bg-surface);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--space-lg);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:all var(--transition-normal)}.review-card:hover{border-color:var(--border-focus);transform:translateY(-2px)}.stars{display:flex;gap:2px;margin-bottom:var(--space-md)}.star{font-size:var(--text-xl);color:var(--text-disabled);transition:color var(--transition-fast)}.star-filled{color:var(--color-warning)}.review-card p{font-style:italic;margin-bottom:var(--space-md);color:var(--text-secondary)}.review-author{font-size:var(--text-sm);color:var(--text-muted);font-weight:500}.rating-summary{display:flex;flex-direction:column;gap:var(--space-md)}.rating-row{display:flex;align-items:center;gap:var(--space-md);font-size:var(--text-sm);color:var(--text-secondary)}.rating-row span:first-child{min-width:60px}.rating-row span:last-child{min-width:40px;text-align:right}.rating-bar{flex:1;height:8px;background:var(--border-primary);border-radius:var(--space-xs);overflow:hidden}.rating-fill{height:100%;background:linear-gradient(to right,var(--color-primary),var(--color-secondary));transition:width var(--transition-normal)}.breadcrumb{display:flex;align-items:center;gap:var(--space-sm);margin:var(--space-md) 0;flex-wrap:wrap}.breadcrumb-link{color:var(--text-muted);text-decoration:none;font-size:var(--text-sm);font-weight:500;transition:color var(--transition-fast)}.breadcrumb-link:hover{color:var(--color-accent)}.breadcrumb-separator{color:var(--text-disabled);font-size:var(--text-sm);-webkit-user-select:none;user-select:none}.breadcrumb-current{color:var(--text-primary);font-size:var(--text-sm);font-weight:500}.link-arrow{color:var(--color-accent);text-decoration:none;font-weight:500;transition:all var(--transition-fast)}.link-arrow:hover{color:var(--color-primary);transform:translate(4px)}.feature-list{list-style:none;padding:0;margin:0}.feature-list li{position:relative;padding-left:var(--space-lg);margin-bottom:var(--space-sm);color:var(--text-secondary);font-size:var(--text-sm)}.feature-list li:before{content:"\2713";position:absolute;left:0;color:var(--color-accent);font-weight:700}@media (max-width: 900px){.grid-3{grid-template-columns:repeat(2,1fr)}.grid{gap:var(--space-lg)}}@media (max-width: 600px){.container{padding:var(--space-xl) var(--space-md)}.section{margin:var(--space-xl) 0;padding:var(--space-lg) 0}.grid-2,.grid-3{grid-template-columns:1fr}.grid{gap:var(--space-lg)}.card{padding:var(--space-lg)}.card-minimal{padding-left:var(--space-lg);border-left-width:3px}.btn{width:100%}.button-group{flex-direction:column;align-items:stretch}.input{font-size:16px}.toggle-group{flex-wrap:wrap;gap:var(--space-md)}.toggle-item{padding:var(--space-sm) 0}.icon-grid{grid-template-columns:repeat(auto-fit,minmax(60px,1fr));gap:var(--space-md)}.breadcrumb,.breadcrumb-link,.breadcrumb-separator,.breadcrumb-current{font-size:var(--text-xs)}}.btn:focus-visible,.input:focus-visible,.toggle-input:focus-visible+.toggle-slider{outline:2px solid var(--color-accent);outline-offset:2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/ds-theme.css.map */