:root{--color-primary: #8b5cf6;--color-primary-light: #a78bfa;--color-primary-dark: #7c3aed;--color-primary-darker: #6d28d9;--color-primary-soft: #ede9fe;--color-primary-softer: #f5f3ff;--color-primary-subtle: #faf5ff;--color-white: #ffffff;--color-off-white: #fefefe;--color-cream: #fdfcff;--color-gray-50: #fafafa;--color-gray-100: #f4f4f5;--color-gray-200: #e4e4e7;--color-gray-300: #d4d4d8;--color-gray-400: #a1a1aa;--color-gray-500: #71717a;--color-gray-600: #52525b;--color-gray-700: #3f3f46;--color-gray-800: #27272a;--color-gray-900: #18181b;--color-success: #22c55e;--color-success-soft: #dcfce7;--color-warning: #eab308;--color-error: #ef4444;--color-gold: #f59e0b;--color-gold-light: #fef3c7;--font-heading: "Playfair Display", Georgia, "Times New Roman", serif;--font-body: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 2rem;--text-4xl: 2.5rem;--text-5xl: 3rem;--text-6xl: 4rem;--text-7xl: 5rem;--text-8xl: 6rem;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--spacing-4xl: 6rem;--spacing-5xl: 8rem;--spacing-6xl: 12rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 24px;--radius-3xl: 32px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .04);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .04), 0 1px 2px rgba(0, 0, 0, .06);--shadow-md: 0 4px 8px rgba(0, 0, 0, .04), 0 2px 4px rgba(0, 0, 0, .06);--shadow-lg: 0 12px 24px rgba(0, 0, 0, .06), 0 4px 8px rgba(0, 0, 0, .04);--shadow-xl: 0 20px 40px rgba(0, 0, 0, .08), 0 8px 16px rgba(0, 0, 0, .04);--shadow-2xl: 0 32px 64px rgba(0, 0, 0, .1), 0 16px 32px rgba(0, 0, 0, .06);--shadow-purple: 0 8px 32px rgba(139, 92, 246, .2);--shadow-purple-lg: 0 16px 48px rgba(139, 92, 246, .25);--shadow-purple-xl: 0 24px 64px rgba(139, 92, 246, .3);--shadow-glow: 0 0 60px rgba(139, 92, 246, .15);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1);--transition-slower: .7s cubic-bezier(.4, 0, .2, 1);--transition-spring: .5s cubic-bezier(.34, 1.56, .64, 1);--z-base: 1;--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-modal-backdrop: 400;--z-modal: 500;--z-popover: 600;--z-tooltip: 700;--z-top: 9999}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-body);font-size:var(--text-base);font-weight:400;line-height:1.7;color:var(--color-gray-700);background-color:var(--color-white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:500;line-height:1.15;color:var(--color-gray-900);letter-spacing:-.025em}h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}h5{font-size:var(--text-lg)}h6{font-size:var(--text-base)}@media(min-width:768px){h1{font-size:var(--text-5xl)}h2{font-size:var(--text-4xl)}h3{font-size:var(--text-3xl)}}@media(min-width:1024px){h1{font-size:var(--text-6xl)}h2{font-size:var(--text-5xl)}h3{font-size:var(--text-4xl)}}p{margin-bottom:var(--spacing-md);color:var(--color-gray-600);line-height:1.8}a{color:inherit;text-decoration:none;transition:color var(--transition-fast),opacity var(--transition-fast)}a:hover{color:var(--color-primary)}img{max-width:100%;height:auto;display:block}button{font-family:inherit;cursor:pointer;border:none;background:none}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.skip-to-content-link:focus{position:fixed;top:var(--spacing-md);left:var(--spacing-md);z-index:var(--z-top);padding:var(--spacing-md) var(--spacing-xl);background:var(--color-primary);color:var(--color-white);border-radius:var(--radius-lg);font-weight:600}.container{width:100%;max-width:1440px;margin:0 auto;padding:0 var(--spacing-lg)}@media(min-width:768px){.container{padding:0 var(--spacing-xl)}}@media(min-width:1024px){.container{padding:0 var(--spacing-3xl)}}.container-sm{max-width:900px}.container-lg{max-width:1600px}.section{padding:var(--spacing-4xl) 0;position:relative}@media(min-width:768px){.section{padding:var(--spacing-5xl) 0}}@media(min-width:1024px){.section{padding:var(--spacing-6xl) 0}}.section-header{max-width:720px;margin:0 auto var(--spacing-3xl)}@media(min-width:768px){.section-header{margin-bottom:var(--spacing-4xl)}}.section-label{display:inline-flex;align-items:center;gap:var(--spacing-sm);font-family:var(--font-body);font-size:var(--text-xs);font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--color-primary);margin-bottom:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-primary-soft);border-radius:var(--radius-full)}.section-title{font-family:var(--font-heading);font-size:var(--text-3xl);font-weight:500;letter-spacing:-.02em;color:var(--color-gray-900);margin-bottom:var(--spacing-md)}@media(min-width:768px){.section-title{font-size:var(--text-4xl)}}@media(min-width:1024px){.section-title{font-size:var(--text-5xl)}}.section-subtitle{font-size:var(--text-lg);color:var(--color-gray-500);max-width:600px;margin:0 auto;line-height:1.8}.divider{width:80px;height:4px;background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-primary-light) 100%);border-radius:var(--radius-full);margin:var(--spacing-lg) auto}.divider-sm{width:48px;height:3px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);font-family:var(--font-body);font-size:var(--text-sm);font-weight:600;letter-spacing:.03em;text-transform:uppercase;border-radius:var(--radius-full);transition:all var(--transition-base);position:relative;overflow:hidden;white-space:nowrap;cursor:pointer;border:none;outline:none}.btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#ffffff26;border-radius:50%;transform:translate(-50%,-50%);transition:width .5s ease,height .5s ease}.btn:hover:before{width:350%;height:350%}.btn:active{transform:scale(.98)}.btn-primary{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:var(--color-white);box-shadow:var(--shadow-purple)}.btn-primary:hover{transform:translateY(-3px);box-shadow:var(--shadow-purple-lg);color:var(--color-white)}.btn-primary:active{transform:translateY(-1px)}.btn-secondary{background:transparent;color:var(--color-gray-800);border:2px solid var(--color-gray-200)}.btn-secondary:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-softer);transform:translateY(-2px)}.btn-outline-white{background:transparent;color:var(--color-white);border:2px solid rgba(255,255,255,.4)}.btn-outline-white:hover{background:var(--color-white);color:var(--color-primary);border-color:var(--color-white)}.btn-lg{padding:var(--spacing-lg) var(--spacing-2xl);font-size:var(--text-base)}.btn-sm{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--text-xs)}.btn-xl{padding:var(--spacing-xl) var(--spacing-3xl);font-size:var(--text-base)}.btn-pulse{animation:btn-pulse 2.5s ease-in-out infinite}@keyframes btn-pulse{0%,to{box-shadow:var(--shadow-purple),0 0 #8b5cf666}50%{box-shadow:var(--shadow-purple-lg),0 0 0 12px #8b5cf600}}.btn-shimmer{position:relative;overflow:hidden}.btn-shimmer:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.25) 50%,transparent 100%);animation:shimmer 2.5s infinite}@keyframes shimmer{0%{left:-100%}to{left:100%}}.badge{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-full)}.badge-sale{background:linear-gradient(135deg,#ef4444,#dc2626);color:var(--color-white);animation:badge-glow 2s ease-in-out infinite}@keyframes badge-glow{0%,to{box-shadow:0 0 #ef444466}50%{box-shadow:0 0 0 8px #ef444400}}.badge-bestseller{background:linear-gradient(135deg,var(--color-gold) 0%,#d97706 100%);color:var(--color-white)}.badge-limited{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:var(--color-white)}.badge-new{background:linear-gradient(135deg,var(--color-success) 0%,#16a34a 100%);color:var(--color-white)}input,textarea,select{width:100%;padding:var(--spacing-md) var(--spacing-lg);font-family:var(--font-body);font-size:var(--text-base);border:2px solid var(--color-gray-200);border-radius:var(--radius-xl);background:var(--color-white);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 4px var(--color-primary-soft)}input::placeholder{color:var(--color-gray-400)}.card{background:var(--color-white);border-radius:var(--radius-2xl);overflow:hidden;transition:transform var(--transition-base),box-shadow var(--transition-base)}.card:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:var(--z-modal-backdrop);display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg);opacity:0;visibility:hidden;transition:opacity var(--transition-base),visibility var(--transition-base)}.modal-overlay.active{opacity:1;visibility:visible}.modal-content{background:var(--color-white);border-radius:var(--radius-2xl);max-width:600px;width:100%;max-height:90vh;overflow-y:auto;position:relative;transform:translateY(24px) scale(.95);transition:transform var(--transition-base);box-shadow:var(--shadow-2xl)}.modal-overlay.active .modal-content{transform:translateY(0) scale(1)}.modal-close{position:absolute;top:var(--spacing-md);right:var(--spacing-md);width:44px;height:44px;display:flex;align-items:center;justify-content:center;font-size:24px;color:var(--color-gray-500);background:var(--color-gray-100);border-radius:50%;transition:all var(--transition-fast);z-index:10;cursor:pointer;border:none}.modal-close:hover{background:var(--color-gray-200);color:var(--color-gray-800);transform:rotate(90deg)}.stars{display:flex;gap:2px}.star{color:var(--color-gold);font-size:14px}.stars-lg .star{font-size:18px}.price{font-family:var(--font-body);font-weight:600}.price-current{font-size:var(--text-2xl);color:var(--color-gray-900)}.price-compare{font-size:var(--text-base);color:var(--color-gray-400);text-decoration:line-through;margin-left:var(--spacing-sm)}.price-save{font-size:var(--text-sm);color:var(--color-success);font-weight:700}.trust-badges{display:flex;flex-wrap:wrap;gap:var(--spacing-lg);justify-content:center;padding:var(--spacing-xl);background:var(--color-gray-50);border-radius:var(--radius-xl)}.trust-badge{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--text-sm);font-weight:500;color:var(--color-gray-600)}.trust-badge svg{width:20px;height:20px;color:var(--color-primary)}.spinner{width:20px;height:20px;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:767px){.hide-mobile{display:none!important}}@media(min-width:768px){.hide-desktop{display:none!important}}.grid{display:grid;gap:var(--spacing-lg)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media(max-width:1023px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media(max-width:639px){.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.gap-xl{gap:var(--spacing-xl)}.gap-2xl{gap:var(--spacing-2xl)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-primary{color:var(--color-primary)}.text-white{color:var(--color-white)}.text-muted{color:var(--color-gray-500)}.text-small{font-size:var(--text-sm)}.text-large{font-size:var(--text-lg)}.font-heading{font-family:var(--font-heading)}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-medium{font-weight:500}.uppercase{text-transform:uppercase}.tracking-wide{letter-spacing:.1em}.tracking-tight{letter-spacing:-.02em}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}.mt-2xl{margin-top:var(--spacing-2xl)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.mb-2xl{margin-bottom:var(--spacing-2xl)}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.hide-scrollbar::-webkit-scrollbar{display:none}@media print{.no-print{display:none!important}}
/*# sourceMappingURL=/cdn/shop/t/64/assets/base.css.map */