:root{--color-primary:#089964;--color-primary-light:#0aad74;--color-primary-dark:#078554;--color-secondary:#1a1a1a;--color-accent:#ff6b00;--color-bg:#fff;--color-bg-gray:#f5f5f5;--color-bg-dark:#1a1a1a;--color-text-primary:#1a1a1a;--color-text-secondary:#666;--color-text-light:#999;--color-text-white:#fff;--color-border:#e5e5e5;--color-border-light:#f0f0f0;--color-success:#089964;--color-warning:#fa0;--color-error:#f33;--color-info:#08f;--color-price:#089964;--color-discount:#f33;--font-family:"Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-size-xs:12px;--font-size-sm:14px;--font-size-base:16px;--font-size-lg:18px;--font-size-xl:20px;--font-size-xxl:24px;--font-size-xxxl:32px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-xxl:48px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--shadow-sm:0 1px 2px rgba(0,0,0,.05);--shadow-md:0 4px 12px rgba(0,0,0,.08);--shadow-lg:0 8px 24px rgba(0,0,0,.12);--shadow-xl:0 16px 48px rgba(0,0,0,.16);--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-slow:.4s ease}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-text-primary);background-color:var(--color-bg);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}button{cursor:pointer;background:none}button,input{font-family:var(--font-family);border:none}input{outline:none}ol,ul{list-style:none}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500;transition:all var(--transition-normal)}.btn-primary{background-color:var(--color-primary);color:var(--color-text-white)}.btn-primary:hover{background-color:var(--color-primary-dark)}.btn-secondary{background-color:var(--color-bg-gray);color:var(--color-text-primary)}.btn-secondary:hover{background-color:var(--color-border)}.btn-outline{border:1px solid var(--color-border);color:var(--color-text-primary);background-color:var(--color-bg)}.btn-outline:hover{border-color:var(--color-primary);color:var(--color-primary)}.card{background-color:var(--color-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;transition:box-shadow var(--transition-normal)}.card:hover{box-shadow:var(--shadow-md)}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 var(--spacing-md)}.price{color:var(--color-price);font-weight:600}.price-original{color:var(--color-text-light);font-size:var(--font-size-sm);text-decoration:line-through}.rating{display:flex;align-items:center;gap:var(--spacing-xs);color:var(--color-warning)}--safe-area-top:env(safe-area-inset-top,0px);--safe-area-bottom:env(safe-area-inset-bottom,0px);--safe-area-left:env(safe-area-inset-left,0px);--safe-area-right:env(safe-area-inset-right,0px);.text-primary{color:var(--color-primary)}.text-secondary{color:var(--color-text-secondary)}.text-light{color:var(--color-text-light)}