@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Playfair+Display:wght@700;800;900&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{color:#111827;-webkit-font-smoothing:antialiased;background:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;overflow-x:hidden}img{max-width:100%;display:block}button{font-family:inherit}a{color:inherit;text-decoration:none}input,textarea,select{font-family:inherit}.font-display{font-family:Playfair Display,Georgia,serif}.gradient-text{background:linear-gradient(135deg,#f97316,#ea580c);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.btn-primary{color:#fff;cursor:pointer;white-space:nowrap;background:#111827;border:none;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:10px 20px;font-size:14px;font-weight:600;line-height:1;text-decoration:none;transition:all .2s;display:inline-flex}.btn-primary:hover:not(:disabled){background:#1f2937;transform:translateY(-1px);box-shadow:0 6px 20px #11182733}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-orange{color:#fff;cursor:pointer;white-space:nowrap;background:#f97316;border:none;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:10px 20px;font-size:14px;font-weight:600;line-height:1;text-decoration:none;transition:all .2s;display:inline-flex}.btn-orange:hover:not(:disabled){background:#ea580c;transform:translateY(-1px);box-shadow:0 6px 20px #f9731659}.btn-orange:disabled{opacity:.5;cursor:not-allowed}.btn-outline{color:#111827;cursor:pointer;white-space:nowrap;background:0 0;border:1.5px solid #d1d5db;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:10px 20px;font-size:14px;font-weight:600;line-height:1;text-decoration:none;transition:all .2s;display:inline-flex}.btn-outline:hover:not(:disabled){color:#fff;background:#111827;border-color:#111827}.btn-outline:disabled{opacity:.5;cursor:not-allowed}.input{color:#111827;background:#fff;border:1.5px solid #e5e7eb;border-radius:10px;outline:none;width:100%;padding:11px 14px;font-family:inherit;font-size:14px;transition:border-color .15s,box-shadow .15s}.input:focus{border-color:#f97316;box-shadow:0 0 0 3px #f973161f}.input::placeholder{color:#9ca3af}.card-hover{transition:transform .25s,box-shadow .25s}.card-hover:hover{transform:translateY(-3px);box-shadow:0 12px 32px #00000017}.glass{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffeb}.skeleton{background:linear-gradient(90deg,#f3f4f6 25%,#e9eaec 50%,#f3f4f6 75%) 0 0/200% 100%;border-radius:12px;animation:1.5s ease-in-out infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.spinner{border:3px solid #f3f4f6;border-top-color:#f97316;border-radius:50%;width:36px;height:36px;animation:.75s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:.75s linear infinite spin}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:.4s forwards fadeUp}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:.25s forwards fadeIn}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#f97316}.wrap{width:100%;max-width:1280px;margin:0 auto;padding:0 16px}@media (width>=640px){.wrap{padding:0 24px}}@media (width>=1024px){.wrap{padding:0 40px}}.grid-2-3-4{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}@media (width>=640px){.grid-2-3-4{grid-template-columns:repeat(3,1fr)}}@media (width>=1024px){.grid-2-3-4{grid-template-columns:repeat(4,1fr)}}.grid-2-4{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}@media (width>=640px){.grid-2-4{grid-template-columns:repeat(4,1fr)}}.grid-2-3-5{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}@media (width>=640px){.grid-2-3-5{grid-template-columns:repeat(3,1fr)}}@media (width>=1024px){.grid-2-3-5{grid-template-columns:repeat(5,1fr)}}.grid-2-4-lg{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}@media (width>=1024px){.grid-2-4-lg{grid-template-columns:repeat(4,1fr)}}.grid-features{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}@media (width>=1024px){.grid-features{grid-template-columns:repeat(4,1fr)}}.grid-footer{grid-template-columns:1fr;gap:40px;display:grid}@media (width>=640px){.grid-footer{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.grid-footer{grid-template-columns:repeat(4,1fr)}}.grid-1-2-3{grid-template-columns:1fr;gap:16px;display:grid}@media (width>=640px){.grid-1-2-3{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.grid-1-2-3{grid-template-columns:repeat(3,1fr)}}.hide-mobile{display:none}.hide-desktop{display:block}@media (width>=1024px){.hide-mobile{display:flex}.hide-desktop{display:none}}.hide-mobile-block{display:none}@media (width>=640px){.hide-mobile-block{display:block}}.hide-mobile-flex{display:none}@media (width>=640px){.hide-mobile-flex{display:flex}}.hero-grid{grid-template-columns:1fr;align-items:center;gap:48px;display:grid}@media (width>=1024px){.hero-grid{grid-template-columns:1fr 1fr}}.checkout-grid{grid-template-columns:1fr;gap:24px;display:grid}@media (width>=1024px){.checkout-grid{grid-template-columns:1fr 1fr 1fr}}.checkout-main{grid-column:1}@media (width>=1024px){.checkout-main{grid-column:1/3}}.product-grid{grid-template-columns:1fr;gap:32px;display:grid}@media (width>=1024px){.product-grid{grid-template-columns:1fr 1fr;gap:56px}}.form-grid-2{grid-template-columns:1fr;gap:12px;display:grid}@media (width>=640px){.form-grid-2{grid-template-columns:1fr 1fr}}.col-span-2{grid-column:1/-1}.flex-row-wrap{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.section-pad{padding:48px 0}@media (width>=768px){.section-pad{padding:64px 0}}.clamp-1{-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.clamp-2{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.status-pending{color:#854d0e;background:#fef9c3}.status-confirmed{color:#1e40af;background:#dbeafe}.status-processing{color:#6b21a8;background:#f3e8ff}.status-shipped{color:#3730a3;background:#e0e7ff}.status-delivered{color:#166534;background:#dcfce7}.status-cancelled{color:#991b1b;background:#fee2e2}.status-refunded{color:#374151;background:#f3f4f6}
