Hugging Face's logo

Spaces:
steake
/
chocomelt-bliss-haven
Running

App Files Community
chocomelt-bliss-haven
File size: 2,230 Bytes
5f1a598
 
 
 
 
 
 
 
 
 
 
bcca1a0
5f1a598
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
bcca1a0
 
5f1a598
 
bcca1a0
 
5f1a598
 
bcca1a0
 
5f1a598
 
bcca1a0
 
5f1a598
 
bcca1a0
5f1a598
 
 
 
 
 
 
 
 
 
 
 
94e47c6
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
5f1a598
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
@import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400;700&family=Assistant:wght@300;400;600;700&display=swap');

:root {
    --deep-cocoa: #3E2723;
    --milk-chocolate: #795548;
    --creamy-white: #FDFBF7;
    --zesty-orange: #FF9800;
    --mint-leaf: #009688;
    --luxury-gold: #C5A063;
}

body {
    font-family: 'Assistant', sans-serif;
}

.font-dancing {
    font-family: 'Dancing Script', cursive;
}

.font-assistant {
    font-family: 'Assistant', sans-serif;
}

.bg-deep-cocoa {
    background-color: var(--deep-cocoa);
}

.bg-milk-chocolate {
    background-color: var(--milk-chocolate);
}

.bg-creamy-white {
    background-color: var(--creamy-white);
}

.bg-zesty-orange {
    background-color: var(--zesty-orange);
}

.bg-mint-leaf {
    background-color: var(--mint-leaf);
}

.bg-luxury-gold {
    background-color: var(--luxury-gold);
}

.text-deep-cocoa {
    color: var(--deep-cocoa);
}

.text-milk-chocolate {
    color: var(--milk-chocolate);
}

.text-creamy-white {
    color: var(--creamy-white);
}

.text-zesty-orange {
    color: var(--zesty-orange);
}

.text-mint-leaf {
    color: var(--mint-leaf);
}
.text-luxury-gold {
    color: var(--luxury-gold);
}

/* Additional Luxury Details */
.luxury-stars {
    display: inline-flex;
    gap: 2px;
}

.luxury-stars svg {
    filter: drop-shadow(0 0 2px var(--luxury-gold));
}

.btn-luxury {
    background: linear-gradient(135deg, var(--luxury-gold) 0%, var(--milk-chocolate) 100%);
    color: white;
    border-radius: 6px;
    text-shadow: 0 1px 2px rgba(0,0,0,0.2);
    box-shadow: 0 4px 12px rgba(193,160,99,0.4);
    transition: all 0.3s ease;
}

.btn-luxury:hover {
    box-shadow: 0 6px 20px rgba(193,160,99,0.6);
    transform: translateY(-2px);
}
.border-deep-cocoa {
    border-color: var(--deep-cocoa);
}

.border-luxury-gold {
    border-color: var(--luxury-gold);
}

.product-card {
    transition: all 0.3s ease;
    border: 1px solid #e5e5e5;
}

.product-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

.quick-add-btn {
    opacity: 0;
    transition: opacity 0.3s ease;
}

.product-card:hover .quick-add-btn {
    opacity: 1;
}