easyorders 0.1.15 → 0.1.17
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +2 -2
- package/dist/bin/cli.js +22 -8
- package/dist/server/index.js +10 -7
- package/dist/template/theme/config.json +19 -3
- package/dist/template/theme/home-sections/Tilted-Scrolling-Marque/config.json +107 -0
- package/dist/template/theme/home-sections/Tilted-Scrolling-Marque/template.liquid +171 -0
- package/dist/template/theme/home-sections/category-mosaic/config.json +89 -4
- package/dist/template/theme/home-sections/category-mosaic/template.liquid +84 -69
- package/dist/template/theme/home-sections/different-hero/config.json +199 -0
- package/dist/template/theme/home-sections/different-hero/template.liquid +219 -0
- package/dist/template/theme/home-sections/editorial-feature/config.json +27 -1
- package/dist/template/theme/home-sections/editorial-feature/template.liquid +11 -10
- package/dist/template/theme/home-sections/newsletter-luxe/config.json +28 -2
- package/dist/template/theme/home-sections/newsletter-luxe/template.liquid +19 -13
- package/dist/template/theme/home-sections/runway-hero/config.json +87 -30
- package/dist/template/theme/home-sections/runway-hero/template.liquid +59 -29
- package/dist/template/theme/home-sections/shop-the-look/config.json +93 -1
- package/dist/template/theme/home-sections/shop-the-look/template.liquid +41 -19
- package/dist/template/theme/home-sections/slider-before-after/config.json +213 -0
- package/dist/template/theme/home-sections/slider-before-after/template.liquid +336 -0
- package/dist/template/theme/home-sections/test-hero-allbird/config.json +130 -0
- package/dist/template/theme/home-sections/test-hero-allbird/template.liquid +149 -0
- package/dist/template/theme/home-sections/trust-promise/config.json +76 -2
- package/dist/template/theme/home-sections/trust-promise/template.liquid +34 -11
- package/dist/template/theme/home-sections/zoom-parallax/config.json +48 -0
- package/dist/template/theme/home-sections/zoom-parallax/template.liquid +135 -0
- package/dist/template/theme/product-data-schema.json +27 -0
- package/dist/template/theme/schema.json +114 -129
- package/dist/template/theme/script.js +694 -185
- package/dist/template/theme/sections/categories.liquid +20 -4
- package/dist/template/theme/sections/featured-products.liquid +65 -32
- package/dist/template/theme/sections/fixed-buy-button.liquid +6 -1
- package/dist/template/theme/sections/footer.liquid +90 -91
- package/dist/template/theme/sections/gallery.liquid +37 -33
- package/dist/template/theme/sections/header.liquid +105 -25
- package/dist/template/theme/sections/home-products-grid.liquid +68 -10
- package/dist/template/theme/sections/list-products.liquid +73 -30
- package/dist/template/theme/sections/order-invoice.liquid +39 -91
- package/dist/template/theme/sections/product-description.liquid +18 -8
- package/dist/template/theme/sections/product-details.liquid +9 -24
- package/dist/template/theme/sections/products-grid.liquid +102 -54
- package/dist/template/theme/sections/related-products.liquid +124 -60
- package/dist/template/theme/sections/reviews.liquid +43 -28
- package/dist/template/theme/style.css +2283 -589
- package/dist/template/theme/theme-data.json +25 -8
- package/package.json +2 -2
|
@@ -16,21 +16,123 @@
|
|
|
16
16
|
background-position: 200%0;
|
|
17
17
|
}
|
|
18
18
|
}
|
|
19
|
-
.collection_container
|
|
19
|
+
.collection_container {
|
|
20
|
+
max-width: inherit;
|
|
21
|
+
width: 100%;
|
|
22
|
+
margin: 0 auto;
|
|
23
|
+
padding-inline: 10px;
|
|
24
|
+
padding-top: 100px;
|
|
25
|
+
padding-bottom: 50px;
|
|
26
|
+
}
|
|
27
|
+
.w-full.lg\:-ms-9 .ab-categories {
|
|
28
|
+
display: contents !important;
|
|
29
|
+
}
|
|
30
|
+
.w-full.lg\:-ms-9 .ab-categories .ab-cat-card{
|
|
31
|
+
aspect-ratio: 4 / 4;flex-basis: 55vw;
|
|
32
|
+
}
|
|
33
|
+
.grid.grid-cols-2.gap-4.sm\:grid-cols-3.md\:grid-cols-4.xl\:grid-cols-5 {
|
|
34
|
+
display: none;
|
|
35
|
+
}
|
|
36
|
+
@media (min-width: 768px) {
|
|
37
|
+
.w-full.lg\:-ms-9 .ab-categories .ab-cat-card{
|
|
38
|
+
aspect-ratio: 4 / 4;max-width: 360px;
|
|
39
|
+
}
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
.category_section_header.mb-7.flex.items-center.justify-between.pt-3 {
|
|
43
|
+
padding-inline: 10px;
|
|
44
|
+
border-bottom: 0.5px solid #13131633;
|
|
45
|
+
padding-bottom: 20px;
|
|
46
|
+
}button.text-heading.flex.items-center.rounded-md.border.border-gray-300.px-4.py-2.text-sm.font-semibold.transition.duration-200.ease-in-out.text-start.hover\:bg-gray-200.focus\:outline-none {
|
|
47
|
+
border-color: #13131633;font-weight: 500;
|
|
48
|
+
padding: 5px 8px;font-size: 12px;
|
|
49
|
+
white-space: nowrap;
|
|
50
|
+
}
|
|
51
|
+
/* 1. تنسيق الحاوية الكبيرة للقائمة */
|
|
52
|
+
ul[id^="headlessui-listbox-options-"] {
|
|
53
|
+
border-radius: 1px !important;
|
|
54
|
+
border: 1px solid #f0f0f0 !important;
|
|
55
|
+
box-shadow: 0 10px 25px rgba(0,0,0,0.05) !important;
|
|
56
|
+
padding: 6px !important;
|
|
57
|
+
min-width: max-content;
|
|
58
|
+
direction: ltr !important; /* تأكيد الاتجاه لليسار */
|
|
59
|
+
}
|
|
60
|
+
|
|
61
|
+
/* 2. تنسيق عناصر القائمة (الصفوف) */
|
|
62
|
+
ul[id^="headlessui-listbox-options-"] li {
|
|
63
|
+
display: flex !important;
|
|
64
|
+
flex-direction: row-reverse !important; /* قلب الترتيب: الصح يمين والكلام شمال */
|
|
65
|
+
justify-content: space-between !important;
|
|
66
|
+
align-items: center !important;
|
|
67
|
+
border-radius: 5px !important;
|
|
68
|
+
transition: all 0.2s ease !important;
|
|
69
|
+
position: relative !important;
|
|
70
|
+
}ul[id^="headlessui-listbox-options-"] li {
|
|
71
|
+
padding-right: 12px !important;
|
|
72
|
+
}
|
|
73
|
+
ul[id^="headlessui-listbox-options-"] li[aria-selected="true"] {
|
|
74
|
+
background-color: #f8f8f8 !important;
|
|
75
|
+
color: #000 !important;
|
|
76
|
+
}
|
|
77
|
+
|
|
78
|
+
/* 5. تنسيق علامة الصح (تعديل الـ Position) */
|
|
79
|
+
ul[id^="headlessui-listbox-options-"] li .check-icon {
|
|
80
|
+
position: static !important; /* إلغاء الـ absolute القديم */
|
|
81
|
+
display: flex !important;
|
|
82
|
+
align-items: center !important;
|
|
83
|
+
color: #00A767 !important; padding-inline: 5px;
|
|
84
|
+
}
|
|
85
|
+
|
|
86
|
+
/* إخفاء السهم القديم ووضع السهم المينيمال الجديد */
|
|
87
|
+
ul[id^="headlessui-listbox-options-"] li .check-icon svg {
|
|
88
|
+
display: none !important;
|
|
89
|
+
}
|
|
90
|
+
|
|
91
|
+
ul[id^="headlessui-listbox-options-"] li .check-icon::before {
|
|
92
|
+
content: "";
|
|
93
|
+
display: inline-block;
|
|
94
|
+
width: 16px;
|
|
95
|
+
height: 16px;
|
|
96
|
+
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");
|
|
97
|
+
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");
|
|
98
|
+
-webkit-mask-repeat: no-repeat;
|
|
99
|
+
mask-size: contain;
|
|
100
|
+
background-color: currentColor;
|
|
101
|
+
}
|
|
102
|
+
ul[id^="headlessui-listbox-options-"] li span.truncate {
|
|
103
|
+
font-weight: 500 !important;
|
|
104
|
+
font-size: 13px !important;
|
|
105
|
+
}
|
|
106
|
+
|
|
107
|
+
|
|
108
|
+
|
|
109
|
+
|
|
110
|
+
|
|
111
|
+
[role="option"] {
|
|
112
|
+
padding: 5px 8px !important;
|
|
113
|
+
margin: 2px 0;
|
|
114
|
+
border-radius: 4px;
|
|
115
|
+
}
|
|
116
|
+
|
|
20
117
|
.product_container {
|
|
21
|
-
max-width:
|
|
118
|
+
max-width: inherit;
|
|
22
119
|
width: 100%;
|
|
23
120
|
margin: 0 auto;
|
|
24
121
|
padding-inline: 1.5rem;
|
|
25
122
|
padding-top: 100px;
|
|
26
123
|
}
|
|
27
124
|
.content_container {
|
|
28
|
-
max-width:
|
|
125
|
+
max-width: inherit;
|
|
29
126
|
}
|
|
127
|
+
|
|
128
|
+
.content_container {
|
|
129
|
+
padding: 2.5rem 10px;
|
|
130
|
+
}
|
|
131
|
+
|
|
30
132
|
@media (max-width: 768px) {
|
|
31
133
|
.product_container {
|
|
32
|
-
padding-inline:
|
|
33
|
-
padding-top:
|
|
134
|
+
padding-inline: 10px;
|
|
135
|
+
padding-top: 30%;
|
|
34
136
|
}
|
|
35
137
|
}
|
|
36
138
|
.p_content_container {
|
|
@@ -40,7 +142,7 @@
|
|
|
40
142
|
@media (min-width: 1024px) {
|
|
41
143
|
.p_content_container {
|
|
42
144
|
display: grid;
|
|
43
|
-
grid-template-columns: minmax(0,
|
|
145
|
+
grid-template-columns: minmax(0, 2fr) minmax(0, 2fr);
|
|
44
146
|
align-items: start;
|
|
45
147
|
column-gap: 1.25rem;
|
|
46
148
|
}
|
|
@@ -50,9 +152,7 @@
|
|
|
50
152
|
width: 100%;
|
|
51
153
|
}
|
|
52
154
|
.p_details_container {
|
|
53
|
-
|
|
54
|
-
border-radius: 0.75rem;
|
|
55
|
-
padding: 2rem;
|
|
155
|
+
|
|
56
156
|
gap: 1.5rem;
|
|
57
157
|
margin-top: 2.5rem;
|
|
58
158
|
}
|
|
@@ -63,31 +163,82 @@
|
|
|
63
163
|
top: 120px;
|
|
64
164
|
}
|
|
65
165
|
}
|
|
166
|
+
|
|
167
|
+
/* ── Tablet: 2-column product layout with sticky white details card ── */
|
|
168
|
+
@media (min-width: 768px) and (max-width: 1023px) {
|
|
169
|
+
.p_content_container {
|
|
170
|
+
display: grid;
|
|
171
|
+
grid-template-columns: 1fr 1fr;
|
|
172
|
+
align-items: start;
|
|
173
|
+
column-gap: 24px;
|
|
174
|
+
row-gap: 0;
|
|
175
|
+
}
|
|
176
|
+
.product_container {
|
|
177
|
+
padding-inline: 10px;
|
|
178
|
+
padding-top: 12%;
|
|
179
|
+
}
|
|
180
|
+
main.collection_container {
|
|
181
|
+
padding-inline: 10px;
|
|
182
|
+
padding-top: 15% !important;
|
|
183
|
+
}
|
|
184
|
+
.p_gallery_container {
|
|
185
|
+
display: flex;
|
|
186
|
+
flex-direction: column;
|
|
187
|
+
gap: 16px;
|
|
188
|
+
width: 100%;
|
|
189
|
+
}
|
|
190
|
+
.p_gallery_container .ab-gallery-track {
|
|
191
|
+
gap: 16px;
|
|
192
|
+
}
|
|
193
|
+
.p_gallery_container .ab-gallery-media {
|
|
194
|
+
width: 100%;
|
|
195
|
+
}
|
|
196
|
+
.p_details_container {
|
|
197
|
+
margin-top: 0;
|
|
198
|
+
position: sticky;
|
|
199
|
+
top: 100px;
|
|
200
|
+
background-color: #ffffff;
|
|
201
|
+
border-radius: 16px;
|
|
202
|
+
padding: 24px;
|
|
203
|
+
box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04);
|
|
204
|
+
}
|
|
205
|
+
}
|
|
66
206
|
.app_container,
|
|
67
207
|
.content_container {
|
|
68
208
|
background: var(--body-bg, #ece9e2) !important;
|
|
69
209
|
color: var(--body-text, #131316);
|
|
70
210
|
}
|
|
211
|
+
.ml-3.mr-3.w-full.max-w-md.rounded-md.bg-white.border.p-6.undefined {
|
|
212
|
+
background: var(--body-bg, #ece9e2) !important;
|
|
213
|
+
color: var(--body-text, #131316);
|
|
214
|
+
}
|
|
215
|
+
span.text-yellow-500.hover\:text-yellow-600.mr-2.cursor-pointer svg.fill-current {
|
|
216
|
+
color: var(--body-text, #131316);
|
|
217
|
+
}
|
|
71
218
|
.home_section_container {
|
|
72
219
|
padding: 10px !important;
|
|
73
220
|
margin-block: 10px;
|
|
74
221
|
border-radius: 20px;
|
|
75
222
|
}
|
|
76
223
|
.ab-announce {
|
|
77
|
-
background: var(--ann-bg, #
|
|
224
|
+
background: var(--ann-bg, #212121);
|
|
78
225
|
color: var(--ann-text, #fff);
|
|
79
226
|
text-align: center;
|
|
80
|
-
font-size:
|
|
81
|
-
font-weight:
|
|
227
|
+
font-size: 11px;
|
|
228
|
+
font-weight: 400;
|
|
82
229
|
letter-spacing: 0.03em;
|
|
83
230
|
line-height: 1.4;
|
|
84
|
-
height:
|
|
231
|
+
height: 31px;
|
|
85
232
|
position: relative;
|
|
86
|
-
z-index: 2;
|
|
233
|
+
z-index: 2;
|
|
87
234
|
overflow: hidden;
|
|
88
235
|
display: flex;
|
|
89
236
|
align-items: center;
|
|
90
237
|
justify-content: center;
|
|
238
|
+
direction: ltr;
|
|
239
|
+
}
|
|
240
|
+
.ab-announce--arabic {
|
|
241
|
+
direction: rtl;
|
|
91
242
|
}
|
|
92
243
|
.ab-announce a {
|
|
93
244
|
color: var(--ann-text, #fff);
|
|
@@ -133,6 +284,7 @@
|
|
|
133
284
|
.ab-ann-marquee-item {
|
|
134
285
|
flex-shrink: 0;
|
|
135
286
|
padding: 0 32px;
|
|
287
|
+
unicode-bidi: plaintext;
|
|
136
288
|
}
|
|
137
289
|
.ab-ann-slider {
|
|
138
290
|
position: relative;
|
|
@@ -180,33 +332,37 @@ div:has(> .ab-header) > * {
|
|
|
180
332
|
z-index: 1;
|
|
181
333
|
background: var(--hd-bg, #fff);
|
|
182
334
|
color: var(--hd-text, #212a2f);
|
|
183
|
-
border-radius:
|
|
184
|
-
box-shadow: 0
|
|
335
|
+
border-radius: 12px;
|
|
336
|
+
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
|
|
185
337
|
transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
|
|
186
|
-
max-width:
|
|
187
|
-
width: calc(100% -
|
|
188
|
-
margin:
|
|
338
|
+
max-width: inherit;
|
|
339
|
+
width: calc(100% - 40px);
|
|
340
|
+
margin: 19px auto;
|
|
189
341
|
}
|
|
190
342
|
.ab-header.ab-hidden {
|
|
191
|
-
transform: translateY(calc(-100% -
|
|
343
|
+
transform: translateY(calc(-100% - 50px));
|
|
192
344
|
}
|
|
193
345
|
.ab-header-inner {
|
|
194
|
-
max-width:
|
|
346
|
+
max-width: inherit;
|
|
195
347
|
margin: 0 auto;
|
|
196
|
-
padding: 0
|
|
348
|
+
padding: 0 20px;
|
|
197
349
|
display: grid;
|
|
198
350
|
grid-template-columns: 1fr auto 1fr;
|
|
199
351
|
align-items: center;
|
|
200
|
-
height:
|
|
352
|
+
height: 48px;
|
|
201
353
|
}
|
|
202
354
|
.ab-logo {
|
|
203
355
|
display: flex;
|
|
204
356
|
align-items: center;
|
|
205
357
|
text-decoration: none;
|
|
358
|
+
max-width: 100%;
|
|
206
359
|
}
|
|
207
360
|
.ab-logo img {
|
|
208
|
-
|
|
209
|
-
width:
|
|
361
|
+
width: 100%;
|
|
362
|
+
max-width: 100%;
|
|
363
|
+
height: auto;
|
|
364
|
+
max-height: 32px;
|
|
365
|
+
display: block;
|
|
210
366
|
object-fit: contain;
|
|
211
367
|
}
|
|
212
368
|
.ab-logo-text {
|
|
@@ -228,8 +384,8 @@ div:has(> .ab-header) > * {
|
|
|
228
384
|
.ab-nav > a {
|
|
229
385
|
text-decoration: none;
|
|
230
386
|
color: var(--hd-text, #212a2f);
|
|
231
|
-
font-size:
|
|
232
|
-
font-weight:
|
|
387
|
+
font-size: 12px;
|
|
388
|
+
font-weight: 500;
|
|
233
389
|
text-transform: uppercase;
|
|
234
390
|
letter-spacing: 0.08em;
|
|
235
391
|
padding: 4px 0;
|
|
@@ -346,8 +502,8 @@ div:has(> .ab-header) > * {
|
|
|
346
502
|
background 0.2s,
|
|
347
503
|
opacity 0.2s;
|
|
348
504
|
position: relative;
|
|
349
|
-
width:
|
|
350
|
-
height:
|
|
505
|
+
width: 24px;
|
|
506
|
+
height: 24px;
|
|
351
507
|
}
|
|
352
508
|
.ab-icon-btn::before,
|
|
353
509
|
.ab-mobile-close::before {
|
|
@@ -360,8 +516,8 @@ div:has(> .ab-header) > * {
|
|
|
360
516
|
mask-repeat: no-repeat;
|
|
361
517
|
}
|
|
362
518
|
.ab-icon-btn::before {
|
|
363
|
-
width:
|
|
364
|
-
height:
|
|
519
|
+
width: 24px;
|
|
520
|
+
height: 24px;
|
|
365
521
|
-webkit-mask-position: center;
|
|
366
522
|
mask-position: center;
|
|
367
523
|
}
|
|
@@ -377,10 +533,10 @@ div:has(> .ab-header) > * {
|
|
|
377
533
|
mask-image: url(https://files.easy-orders.net/1772538329933191621ab-cart.svg);
|
|
378
534
|
}
|
|
379
535
|
.ab-icon-btn.lang-btn::before {
|
|
380
|
-
width:
|
|
381
|
-
height:
|
|
382
|
-
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1
|
|
383
|
-
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1
|
|
536
|
+
width: 19px;
|
|
537
|
+
height: 19px;
|
|
538
|
+
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M2 12h20'/%3E%3Cpath d='M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10A15.3 15.3 0 0 1 12 2z'/%3E%3C/svg%3E");
|
|
539
|
+
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M2 12h20'/%3E%3Cpath d='M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10A15.3 15.3 0 0 1 12 2z'/%3E%3C/svg%3E");
|
|
384
540
|
}
|
|
385
541
|
.ab-icon-btn.register-btn::before {
|
|
386
542
|
width: 22px;
|
|
@@ -388,19 +544,20 @@ div:has(> .ab-header) > * {
|
|
|
388
544
|
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cline x1='19' y1='8' x2='19' y2='14'/%3E%3Cline x1='22' y1='11' x2='16' y2='11'/%3E%3C/svg%3E");
|
|
389
545
|
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cline x1='19' y1='8' x2='19' y2='14'/%3E%3Cline x1='22' y1='11' x2='16' y2='11'/%3E%3C/svg%3E");
|
|
390
546
|
}
|
|
547
|
+
|
|
391
548
|
.ab-cart-count {
|
|
392
549
|
display: flex;
|
|
393
550
|
align-items: center;
|
|
394
551
|
justify-content: center;
|
|
395
552
|
position: absolute;
|
|
396
|
-
top:
|
|
397
|
-
|
|
553
|
+
top: 10px;
|
|
554
|
+
left: 12px;
|
|
398
555
|
background: var(--hd-text, #212a2f);
|
|
399
556
|
color: var(--hd-bg, #fff);
|
|
400
557
|
font-size: 9px;
|
|
401
|
-
font-weight:
|
|
402
|
-
min-width:
|
|
403
|
-
height:
|
|
558
|
+
font-weight: 500;
|
|
559
|
+
min-width: 14px;
|
|
560
|
+
height: 14px;font-family: "Geograph", system-ui, sans-serif;
|
|
404
561
|
border-radius: 8px;
|
|
405
562
|
line-height: 1;
|
|
406
563
|
padding: 0 4px;
|
|
@@ -427,7 +584,7 @@ div:has(> .ab-header) > * {
|
|
|
427
584
|
bottom: 0;
|
|
428
585
|
width: 100%;
|
|
429
586
|
max-width: 100%;
|
|
430
|
-
background: #
|
|
587
|
+
background: var(--body-bg, #ece9e2);
|
|
431
588
|
z-index: 1000;
|
|
432
589
|
transform: translateX(-100%);
|
|
433
590
|
transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
|
|
@@ -444,7 +601,7 @@ div:has(> .ab-header) > * {
|
|
|
444
601
|
padding: 12px 16px;
|
|
445
602
|
position: sticky;
|
|
446
603
|
top: 0;
|
|
447
|
-
background: #
|
|
604
|
+
background: var(--body-bg, #ece9e2);
|
|
448
605
|
z-index: 1;
|
|
449
606
|
}
|
|
450
607
|
.ab-mobile-menu-header .ab-logo {
|
|
@@ -454,7 +611,7 @@ div:has(> .ab-header) > * {
|
|
|
454
611
|
transform: translate(-50%, -50%);
|
|
455
612
|
}
|
|
456
613
|
.ab-mobile-menu-header .ab-logo img {
|
|
457
|
-
height:
|
|
614
|
+
height: 30px;
|
|
458
615
|
width: auto;
|
|
459
616
|
display: block;
|
|
460
617
|
object-fit: contain;
|
|
@@ -492,13 +649,12 @@ div:has(> .ab-header) > * {
|
|
|
492
649
|
width: 100%;
|
|
493
650
|
padding: 16px 20px;
|
|
494
651
|
text-decoration: none;
|
|
495
|
-
color: var(--
|
|
496
|
-
font-size:
|
|
497
|
-
font-weight:
|
|
652
|
+
color: var(--body-text, #131316);
|
|
653
|
+
font-size: 14px;
|
|
654
|
+
font-weight: 500;
|
|
498
655
|
text-transform: uppercase;
|
|
499
656
|
letter-spacing: 0.06em;
|
|
500
|
-
|
|
501
|
-
background: 0 0;
|
|
657
|
+
background: 0 0;
|
|
502
658
|
border-left: none;
|
|
503
659
|
border-right: none;
|
|
504
660
|
border-top: none;
|
|
@@ -506,18 +662,19 @@ div:has(> .ab-header) > * {
|
|
|
506
662
|
}
|
|
507
663
|
.ab-mobile-nav > .ab-mobile-accordion:first-child .ab-mobile-accordion-trigger,
|
|
508
664
|
.ab-mobile-nav > a:first-child {
|
|
509
|
-
border-top: 1px solid
|
|
665
|
+
border-top: 1px solid;
|
|
666
|
+
border-color: rgb(from var(--body-text, #131316) r g b / 0.2);
|
|
510
667
|
}
|
|
511
668
|
.ab-mobile-accordion-trigger svg,
|
|
512
669
|
.ab-mobile-nav > a svg,
|
|
513
670
|
.ab-mobile-nav > button.register-btn svg {
|
|
514
|
-
width:
|
|
515
|
-
height:
|
|
516
|
-
opacity: 0.
|
|
517
|
-
flex-shrink: 0;
|
|
518
|
-
}
|
|
671
|
+
width: 22px;
|
|
672
|
+
height: 22px;
|
|
673
|
+
opacity: 0.9;
|
|
674
|
+
flex-shrink: 0;color: var(--body-text, #131316);
|
|
675
|
+
}
|
|
519
676
|
.ab-mobile-accordion {
|
|
520
|
-
border-bottom: 1px solid
|
|
677
|
+
border-bottom: 1px solid rgb(from var(--body-text, #131316) r g b / 0.2);
|
|
521
678
|
}
|
|
522
679
|
.ab-mobile-accordion-trigger {
|
|
523
680
|
border-bottom: none !important;
|
|
@@ -546,16 +703,231 @@ div:has(> .ab-header) > * {
|
|
|
546
703
|
letter-spacing: 0.02em;
|
|
547
704
|
transition: background 0.15s;
|
|
548
705
|
}
|
|
706
|
+
.flex.items-start.justify-between h2.text-lg.font-medium.text-gray-900 {
|
|
707
|
+
font-family: "Geograph", system-ui, sans-serif;
|
|
708
|
+
text-transform: uppercase;
|
|
709
|
+
font-size: 16px;
|
|
710
|
+
}
|
|
711
|
+
.flex.cart-item-quantity-counter {
|
|
712
|
+
font-size: 12px;
|
|
713
|
+
}
|
|
714
|
+
button.rounded-md.border.p-1\.5.font-medium.disabled\:bg-gray-300.disabled\:cursor-not-allowed svg.h-4.w-4.text-gray-900 {
|
|
715
|
+
width: 14px;
|
|
716
|
+
}
|
|
717
|
+
.qty-box-wrapper {
|
|
718
|
+
display: inline-flex !important;
|
|
719
|
+
align-items: center !important;
|
|
720
|
+
border: 1px solid #d9d9d9 !important;
|
|
721
|
+
height: 36px !important;
|
|
722
|
+
overflow: hidden !important;
|
|
723
|
+
}
|
|
724
|
+
.qty-box-wrapper button {
|
|
725
|
+
width: 34px !important;
|
|
726
|
+
height: 100% !important;
|
|
727
|
+
border: none !important;
|
|
728
|
+
background: transparent !important;
|
|
729
|
+
display: flex !important;
|
|
730
|
+
justify-content: center !important;
|
|
731
|
+
align-items: center !important;
|
|
732
|
+
color: #333 !important;
|
|
733
|
+
}
|
|
734
|
+
p.text-gray-500.flex.items-center.gap-0\.5 {
|
|
735
|
+
display: none;
|
|
736
|
+
}
|
|
737
|
+
.qty-box-wrapper button:hover {
|
|
738
|
+
background-color: #f5f5f5 !important;
|
|
739
|
+
}
|
|
740
|
+
.flex-split-layout {
|
|
741
|
+
display: flex !important;
|
|
742
|
+
justify-content: space-between !important;
|
|
743
|
+
align-items: center !important;
|
|
744
|
+
width: 100% !important;
|
|
745
|
+
background: transparent !important;
|
|
746
|
+
border: none !important;
|
|
747
|
+
}
|
|
748
|
+
.qty-box-wrapper p {
|
|
749
|
+
width: 38px !important;
|
|
750
|
+
margin: 0 !important;
|
|
751
|
+
text-align: center !important;
|
|
752
|
+
font-size: 14px !important;
|
|
753
|
+
|
|
754
|
+
height: 100% !important;
|
|
755
|
+
display: flex !important;
|
|
756
|
+
align-items: center !important;
|
|
757
|
+
justify-content: center !important;
|
|
758
|
+
}
|
|
759
|
+
.custom-trash-btn {
|
|
760
|
+
color: #b0b0b0 !important;
|
|
761
|
+
transition: all 0.2s ease !important;
|
|
762
|
+
margin: 0 !important;
|
|
763
|
+
padding: 8px !important;
|
|
764
|
+
}
|
|
765
|
+
.pointer-events-none.fixed dl.space-y-6.border-t.border-gray-200.pt-6.text-sm.font-medium.text-gray-900>div.flex.items-center.justify-between>dt.text-gray-600::before {
|
|
766
|
+
content: var(--ab-checkout-shipping-note, "Shipping and discount calculated at checkout.") !important;
|
|
767
|
+
visibility: visible !important;
|
|
768
|
+
position: absolute !important;
|
|
769
|
+
top: 25px !important;
|
|
770
|
+
font-size: 10px !important;
|
|
771
|
+
color: rgb(79 88 102) !important;
|
|
772
|
+
white-space: nowrap !important;
|
|
773
|
+
}.pointer-events-none.fixed dl.space-y-6.border-t.border-gray-200.pt-6.text-sm.font-medium.text-gray-900 > div.flex.items-center.justify-between > dt.text-gray-600 {
|
|
774
|
+
position: relative !important;
|
|
775
|
+
min-height: 38px !important; color: rgb(17 24 39);
|
|
776
|
+
}.flex.items-center.justify-between {
|
|
777
|
+
display: flex;
|
|
778
|
+
align-items: flex-start;
|
|
779
|
+
}
|
|
780
|
+
.py-6.px-4.sm\:px-6 dl.space-y-6.border-t.border-gray-200.pt-6.text-sm.font-medium.text-gray-900 .flex.items-center.justify-between {
|
|
781
|
+
font-size: 16px;
|
|
782
|
+
}
|
|
783
|
+
li.cart-item.flex.py-6 {
|
|
784
|
+
display: flex;
|
|
785
|
+
align-items: center;
|
|
786
|
+
}
|
|
787
|
+
dl.space-y-6.border-t.border-gray-200.pt-6.text-sm.font-medium.text-gray-900 .mt-6 {
|
|
788
|
+
margin-top: 20px;
|
|
789
|
+
}
|
|
790
|
+
button.flex.items-center.justify-center.gap-2.py-3.px-8.text-base.font-medium.transition-colors.duration-200.ease-in-out.focus\:outline-none.border.border-skin-primary.bg-white.hover\:bg-gray-50.active\:bg-gray-100.text-skin-primary.w-full.font-bold.rounded-\[14px\].gap-2.px-1.disabled\:text-skin-primary\/50.disabled\:border-skin-primary\/50 {
|
|
791
|
+
background: var(--crt-btn-bg, #fff);
|
|
792
|
+
color: var(--crt-btn-text, #212a2f);
|
|
793
|
+
border: 1px solid var(--crt-btn-border, #212a2f);
|
|
794
|
+
border-radius: 12px;
|
|
795
|
+
flex: 1;
|
|
796
|
+
letter-spacing: 0.6px;
|
|
797
|
+
line-height: 16px;
|
|
798
|
+
}
|
|
799
|
+
button.flex.items-center.justify-center.gap-2.py-3.px-8.text-base.font-medium.transition-colors.duration-200.ease-in-out.focus\:outline-none.border.border-transparent.bg-skin-primary.hover\:bg-skin-primary.hover\:bg-opacity-80.active\:bg-opacity-90.text-white.w-full.rounded-\[14px\].py-3.md\:py-3\.5.font-bold.flex.items-center.justify-center.gap-2 {
|
|
800
|
+
color: var(--buy-btn-text, #fff);
|
|
801
|
+
border: 1px solid var(--buy-btn-border, #212a2f);
|
|
802
|
+
border-radius: 12px;
|
|
803
|
+
font-weight: 500;
|
|
804
|
+
font-size: 12px;
|
|
805
|
+
flex: 1;
|
|
806
|
+
text-transform: uppercase;
|
|
807
|
+
padding-block: 15px;
|
|
808
|
+
letter-spacing: 0.6px;
|
|
809
|
+
line-height: 16px;
|
|
810
|
+
}.flex.justify-center.items-center.gap-4.border.border-\[\#EBEBEB\].rounded-\[14px\].px-2 {
|
|
811
|
+
border-radius: 12px;
|
|
812
|
+
}
|
|
813
|
+
svg.h-5.w-5.text-red-600 {
|
|
814
|
+
color: #514848;
|
|
815
|
+
}
|
|
816
|
+
button.-m-2.p-2.text-gray-400.hover\:text-gray-500 svg.h-6.w-6 {
|
|
817
|
+
height: 20px;
|
|
818
|
+
color: #000;
|
|
819
|
+
}
|
|
820
|
+
.flex.flex-1.flex-col.ms-4 p.mt-1.flex.items-center.gap-x-2.text-sm.text-gray-500 {
|
|
821
|
+
font-size: 12px;
|
|
822
|
+
margin: 0;
|
|
823
|
+
}
|
|
824
|
+
.flex.flex-1.flex-col.ms-4 .flex.justify-between.text-base.font-medium.text-gray-900 {
|
|
825
|
+
font-size: 12px;
|
|
826
|
+
}
|
|
549
827
|
.ab-mobile-accordion-panel a:hover {
|
|
550
828
|
background: rgba(0, 0, 0, 0.04);
|
|
551
829
|
}
|
|
830
|
+
.ab-mobile-menu-footer {
|
|
831
|
+
margin-top: auto;
|
|
832
|
+
padding: 15px ;
|
|
833
|
+
border-top: 1px solid rgba(0, 0, 0, 0.08);
|
|
834
|
+
}
|
|
835
|
+
.ab-mobile-menu-footer-social {
|
|
836
|
+
display: flex;
|
|
837
|
+
justify-content: center;
|
|
838
|
+
gap: 16px;
|
|
839
|
+
margin-bottom: 16px;
|
|
840
|
+
}
|
|
841
|
+
.ab-mobile-menu-footer .ab-mobile-menu-footer-social a {
|
|
842
|
+
width: 34px;
|
|
843
|
+
height: 34px;
|
|
844
|
+
border-radius: 50%;
|
|
845
|
+
border: 1px solid rgba(33, 42, 47, 0.25);
|
|
846
|
+
display: inline-flex;
|
|
847
|
+
align-items: center;
|
|
848
|
+
justify-content: center;
|
|
849
|
+
color: var(--hd-text, #212a2f);
|
|
850
|
+
}
|
|
851
|
+
.ab-mobile-menu-footer .ab-footer-social-img {
|
|
852
|
+
background-color: var(--hd-text, #212a2f);
|
|
853
|
+
}
|
|
854
|
+
.ab-mobile-menu-footer-social-fallback {
|
|
855
|
+
font-size: 12px;
|
|
856
|
+
font-weight: 700;
|
|
857
|
+
line-height: 1;
|
|
858
|
+
text-transform: uppercase;
|
|
859
|
+
}
|
|
860
|
+
.ab-mobile-menu-footer-pages {
|
|
861
|
+
display: flex;
|
|
862
|
+
flex-wrap: wrap;
|
|
863
|
+
justify-content: center;
|
|
864
|
+
align-items: center;
|
|
865
|
+
gap: 8px;
|
|
866
|
+
text-align: center;
|
|
867
|
+
font-size: 12px;
|
|
868
|
+
line-height: 1.5;
|
|
869
|
+
}
|
|
870
|
+
.ab-mobile-menu-footer-pages a {
|
|
871
|
+
color: rgba(33, 42, 47, 0.78);
|
|
872
|
+
text-decoration: none;
|
|
873
|
+
}
|
|
874
|
+
.ab-mobile-menu-footer-sep {
|
|
875
|
+
opacity: 0.5;
|
|
876
|
+
}
|
|
552
877
|
.ab-hamburger {
|
|
553
878
|
display: none;
|
|
554
879
|
}
|
|
880
|
+
.ab-mobile-menu-footer .ab-mobile-menu-footer-social-fallback {
|
|
881
|
+
display: inline-block;
|
|
882
|
+
width: 16px;
|
|
883
|
+
height: 16px;
|
|
884
|
+
font-size: 0;
|
|
885
|
+
line-height: 0;
|
|
886
|
+
text-indent: -9999px;
|
|
887
|
+
overflow: hidden;
|
|
888
|
+
white-space: nowrap;
|
|
889
|
+
background-color: currentColor;
|
|
890
|
+
-webkit-mask-size: contain;
|
|
891
|
+
mask-size: contain;
|
|
892
|
+
-webkit-mask-position: center;
|
|
893
|
+
mask-position: center;
|
|
894
|
+
-webkit-mask-repeat: no-repeat;
|
|
895
|
+
mask-repeat: no-repeat;
|
|
896
|
+
}
|
|
897
|
+
|
|
898
|
+
.ab-mobile-menu-footer .ab-mobile-menu-footer-social a[aria-label*="facebook" i] .ab-mobile-menu-footer-social-fallback {
|
|
899
|
+
-webkit-mask-image: url("https://files.easy-orders.net/1772931768518207801social-facebook.svg");
|
|
900
|
+
mask-image: url("https://files.easy-orders.net/1772931768518207801social-facebook.svg");
|
|
901
|
+
}
|
|
902
|
+
|
|
903
|
+
.ab-mobile-menu-footer .ab-mobile-menu-footer-social a[aria-label*="instagram" i] .ab-mobile-menu-footer-social-fallback {
|
|
904
|
+
-webkit-mask-image: url("https://files.easy-orders.net/1772931768536101390social-instagram.svg");
|
|
905
|
+
mask-image: url("https://files.easy-orders.net/1772931768536101390social-instagram.svg");
|
|
906
|
+
}
|
|
907
|
+
|
|
908
|
+
.ab-mobile-menu-footer .ab-mobile-menu-footer-social a[aria-label*="twitter" i] .ab-mobile-menu-footer-social-fallback,
|
|
909
|
+
.ab-mobile-menu-footer .ab-mobile-menu-footer-social a[aria-label="x" i] .ab-mobile-menu-footer-social-fallback {
|
|
910
|
+
-webkit-mask-image: url("https://files.easy-orders.net/1772931768552184378social-twitter.svg");
|
|
911
|
+
mask-image: url("https://files.easy-orders.net/1772931768552184378social-twitter.svg");
|
|
912
|
+
}
|
|
913
|
+
|
|
914
|
+
.ab-mobile-menu-footer .ab-mobile-menu-footer-social a[aria-label*="tiktok" i] .ab-mobile-menu-footer-social-fallback {
|
|
915
|
+
-webkit-mask-image: url("https://files.easy-orders.net/1772931768549267451social-tiktok.svg");
|
|
916
|
+
mask-image: url("https://files.easy-orders.net/1772931768549267451social-tiktok.svg");
|
|
917
|
+
}
|
|
918
|
+
|
|
919
|
+
.ab-mobile-menu-footer .ab-mobile-menu-footer-social a[aria-label*="youtube" i] .ab-mobile-menu-footer-social-fallback {
|
|
920
|
+
-webkit-mask-image: url("https://files.easy-orders.net/1772931768562123847social-youtube.svg");
|
|
921
|
+
mask-image: url("https://files.easy-orders.net/1772931768562123847social-youtube.svg");
|
|
922
|
+
}
|
|
555
923
|
|
|
924
|
+
.ab-mobile-menu-footer .ab-mobile-menu-footer-social a[aria-label*="linkedin" i] .ab-mobile-menu-footer-social-fallback {
|
|
925
|
+
-webkit-mask-image: url("https://files.easy-orders.net/1772931768536283260social-linkedin.svg");
|
|
926
|
+
mask-image: url("https://files.easy-orders.net/1772931768536283260social-linkedin.svg");
|
|
927
|
+
}
|
|
556
928
|
/* ── Breadcrumbs ── */
|
|
557
929
|
.ab-breadcrumbs {
|
|
558
|
-
padding: 12px
|
|
930
|
+
padding: 12px 10px 4px;
|
|
559
931
|
}
|
|
560
932
|
.ab-breadcrumbs-list {
|
|
561
933
|
display: flex;
|
|
@@ -563,15 +935,14 @@ div:has(> .ab-header) > * {
|
|
|
563
935
|
align-items: center;
|
|
564
936
|
gap: 6px;
|
|
565
937
|
list-style: none;
|
|
566
|
-
margin: 0;
|
|
567
|
-
padding: 0;
|
|
568
|
-
font-size:
|
|
938
|
+
margin: 0; font-family: "Geograph", system-ui, -apple-system, sans-serif;
|
|
939
|
+
padding: 0;letter-spacing: 0.3px; line-height: 16px;
|
|
940
|
+
font-size: 12px;
|
|
569
941
|
font-weight: 400;
|
|
570
|
-
color: var(--
|
|
571
|
-
|
|
572
|
-
}
|
|
942
|
+
color: var(--body-text, #131316);
|
|
943
|
+
}
|
|
573
944
|
.ab-breadcrumbs-item a {
|
|
574
|
-
color: inherit;
|
|
945
|
+
color: inherit;font-family: "Geograph", system-ui, -apple-system, sans-serif;
|
|
575
946
|
text-decoration: none;
|
|
576
947
|
transition: opacity 0.15s;
|
|
577
948
|
}
|
|
@@ -584,24 +955,26 @@ div:has(> .ab-header) > * {
|
|
|
584
955
|
}
|
|
585
956
|
.ab-breadcrumbs-current {
|
|
586
957
|
opacity: 1;
|
|
587
|
-
color: var(--
|
|
958
|
+
color: var(--body-text, #131316);
|
|
588
959
|
font-weight: 500;
|
|
589
960
|
}
|
|
590
961
|
|
|
591
|
-
@media (max-width:
|
|
962
|
+
@media (max-width: 1023px) {
|
|
592
963
|
.ab-mobile-menu {
|
|
593
|
-
display:
|
|
964
|
+
display: flex;
|
|
965
|
+
flex-direction: column;
|
|
594
966
|
}
|
|
967
|
+
.ab-mobile-nav { flex: 1 1 auto; }
|
|
595
968
|
.ab-header {
|
|
596
|
-
width: auto;
|
|
597
|
-
margin: 6px
|
|
969
|
+
width: auto;top: 14px;
|
|
970
|
+
margin: 6px 20px;
|
|
598
971
|
}
|
|
599
972
|
.ab-header-inner {
|
|
600
973
|
display: flex;
|
|
601
974
|
align-items: center;
|
|
602
975
|
justify-content: space-between;
|
|
603
|
-
padding: 0
|
|
604
|
-
height:
|
|
976
|
+
padding-inline: 0.625rem;
|
|
977
|
+
height: 40px;
|
|
605
978
|
position: relative;
|
|
606
979
|
}
|
|
607
980
|
.ab-nav,
|
|
@@ -610,13 +983,13 @@ div:has(> .ab-header) > * {
|
|
|
610
983
|
}
|
|
611
984
|
.ab-right {
|
|
612
985
|
justify-content: flex-end;
|
|
613
|
-
gap:
|
|
986
|
+
gap: 8px;
|
|
614
987
|
}
|
|
615
988
|
.ab-hamburger {
|
|
616
989
|
display: flex;
|
|
617
990
|
align-items: center;
|
|
618
991
|
justify-content: center;
|
|
619
|
-
|
|
992
|
+
background: 0 0;
|
|
620
993
|
border: 0;
|
|
621
994
|
cursor: pointer;
|
|
622
995
|
color: var(--hd-text, #212a2f);
|
|
@@ -624,20 +997,18 @@ div:has(> .ab-header) > * {
|
|
|
624
997
|
height: 36px;
|
|
625
998
|
margin-right: 4px;
|
|
626
999
|
}
|
|
627
|
-
.ab-hamburger
|
|
628
|
-
content: "";
|
|
1000
|
+
.ab-hamburger-icon {
|
|
629
1001
|
display: block;
|
|
630
|
-
width:
|
|
631
|
-
height:
|
|
632
|
-
|
|
633
|
-
-
|
|
634
|
-
|
|
635
|
-
|
|
636
|
-
|
|
637
|
-
|
|
638
|
-
|
|
639
|
-
|
|
640
|
-
mask-position: center;
|
|
1002
|
+
width: 24px;
|
|
1003
|
+
height: 24px;
|
|
1004
|
+
color: currentColor;
|
|
1005
|
+
flex-shrink: 0;
|
|
1006
|
+
}
|
|
1007
|
+
.ab-hamburger-icon--rtl {
|
|
1008
|
+
transform: scaleX(-1);
|
|
1009
|
+
}
|
|
1010
|
+
.ab-lang-ar .ab-hamburger-icon {
|
|
1011
|
+
transform: scaleX(-1);
|
|
641
1012
|
}
|
|
642
1013
|
.ab-logo {
|
|
643
1014
|
position: absolute;
|
|
@@ -649,83 +1020,210 @@ div:has(> .ab-header) > * {
|
|
|
649
1020
|
font-size: 24px;
|
|
650
1021
|
}
|
|
651
1022
|
.ab-logo img {
|
|
652
|
-
height:
|
|
1023
|
+
max-height: 28px;
|
|
653
1024
|
}
|
|
654
1025
|
}
|
|
655
1026
|
.ab-categories {
|
|
656
|
-
padding: 0;
|
|
1027
|
+
padding: 10px 0;
|
|
1028
|
+
}
|
|
1029
|
+
.ab-categories-title {
|
|
1030
|
+
margin-block: 10px;
|
|
1031
|
+
color: var(--body-text, #212a2f);
|
|
1032
|
+
font-size: 26px;
|
|
1033
|
+
font-weight: 500;
|
|
1034
|
+
letter-spacing: 0.04rem;
|
|
1035
|
+
line-height: 1.15;
|
|
1036
|
+
|
|
657
1037
|
}
|
|
1038
|
+
|
|
1039
|
+
/* Track — mobile-first: horizontal scroll-snap carousel */
|
|
658
1040
|
.ab-categories-track {
|
|
659
|
-
display:
|
|
660
|
-
|
|
661
|
-
|
|
1041
|
+
display: flex;
|
|
1042
|
+
gap: 12px;
|
|
1043
|
+
overflow-x: auto;
|
|
1044
|
+
scroll-snap-type: x mandatory;
|
|
1045
|
+
-webkit-overflow-scrolling: touch;
|
|
1046
|
+
scroll-behavior: smooth;
|
|
1047
|
+
scroll-padding-left: 16px;
|
|
1048
|
+
scrollbar-width: none;
|
|
1049
|
+
-ms-overflow-style: none;
|
|
1050
|
+
padding: 14px 0px ; overflow-y: hidden;
|
|
1051
|
+
}
|
|
1052
|
+
.ab-categories-track::-webkit-scrollbar {
|
|
1053
|
+
display: none;
|
|
662
1054
|
}
|
|
1055
|
+
|
|
1056
|
+
/* Card — base */
|
|
663
1057
|
.ab-cat-card {
|
|
664
1058
|
position: relative;
|
|
665
|
-
border-radius: 16px;
|
|
666
|
-
overflow: hidden;
|
|
667
|
-
aspect-ratio: 0.75;
|
|
668
1059
|
display: block;
|
|
1060
|
+
flex: 0 0 82vw;
|
|
1061
|
+
max-width: 360px;
|
|
1062
|
+
scroll-snap-align: start;
|
|
1063
|
+
aspect-ratio: 3 / 4;
|
|
1064
|
+
border-radius: 20px;
|
|
1065
|
+
overflow: hidden;
|
|
669
1066
|
text-decoration: none;
|
|
670
|
-
|
|
1067
|
+
color: #fff;
|
|
1068
|
+
isolation: isolate;
|
|
671
1069
|
}
|
|
672
|
-
.ab-cat-
|
|
673
|
-
|
|
1070
|
+
.ab-cat-media {
|
|
1071
|
+
position: absolute;
|
|
1072
|
+
inset: 0;
|
|
1073
|
+
z-index: 0;
|
|
674
1074
|
}
|
|
675
|
-
.ab-cat-
|
|
676
|
-
.ab-featured-hero img {
|
|
1075
|
+
.ab-cat-media img {
|
|
677
1076
|
width: 100%;
|
|
678
1077
|
height: 100%;
|
|
679
1078
|
object-fit: cover;
|
|
680
1079
|
display: block;
|
|
681
|
-
transition: transform 0.
|
|
1080
|
+
transition: transform 0.55s cubic-bezier(0.4, 0, 0.2, 1);
|
|
682
1081
|
}
|
|
683
|
-
.ab-cat-
|
|
1082
|
+
.ab-cat-overlay {
|
|
684
1083
|
position: absolute;
|
|
685
|
-
|
|
686
|
-
|
|
687
|
-
|
|
688
|
-
|
|
689
|
-
|
|
690
|
-
|
|
691
|
-
|
|
692
|
-
|
|
1084
|
+
inset: 0;
|
|
1085
|
+
z-index: 1;
|
|
1086
|
+
background-color: rgba(0, 0, 0, 0.15);
|
|
1087
|
+
transition: background-color 0.4s ease;
|
|
1088
|
+
}
|
|
1089
|
+
.ab-cat-content {
|
|
1090
|
+
position: absolute;
|
|
1091
|
+
inset: 0;
|
|
1092
|
+
z-index: 2;
|
|
1093
|
+
display: flex;
|
|
1094
|
+
flex-direction: column;
|
|
1095
|
+
align-items: center;
|
|
1096
|
+
justify-content: center;
|
|
1097
|
+
gap: 16px;
|
|
1098
|
+
padding: 24px;
|
|
1099
|
+
text-align: center;
|
|
1100
|
+
}
|
|
1101
|
+
.ab-cat-label {
|
|
1102
|
+
display: inline-block;
|
|
1103
|
+
color: #fff;
|
|
1104
|
+
font-size: 12px;
|
|
1105
|
+
font-weight: 500;
|
|
1106
|
+
letter-spacing: 0.05em;
|
|
1107
|
+
text-transform: uppercase;
|
|
1108
|
+
line-height: 1.15;
|
|
1109
|
+
text-shadow: 0 1px 10px rgba(0, 0, 0, 0.25);
|
|
1110
|
+
transition: transform 0.45s cubic-bezier(0.4, 0, 0.2, 1);
|
|
1111
|
+
border: 1.5px solid rgba(255, 255, 255, 0.9);
|
|
1112
|
+
padding: 8px 16px;
|
|
1113
|
+
border-radius: 50px;
|
|
1114
|
+
}
|
|
1115
|
+
.ab-cat-ctas {
|
|
1116
|
+
display: flex;
|
|
1117
|
+
align-items: center;
|
|
1118
|
+
justify-content: center;
|
|
1119
|
+
flex-wrap: wrap;
|
|
1120
|
+
gap: 10px;
|
|
1121
|
+
opacity: 1;
|
|
1122
|
+
transform: translateY(0);
|
|
1123
|
+
pointer-events: auto;
|
|
1124
|
+
transition:
|
|
1125
|
+
opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1),
|
|
1126
|
+
transform 0.45s cubic-bezier(0.4, 0, 0.2, 1);
|
|
1127
|
+
}
|
|
1128
|
+
.ab-cat-cta {
|
|
1129
|
+
display: inline-flex;
|
|
1130
|
+
align-items: center;
|
|
1131
|
+
justify-content: center;
|
|
1132
|
+
height: 34px;
|
|
1133
|
+
padding: 0 16px;
|
|
1134
|
+
border-radius: 999px;
|
|
1135
|
+
font-size: 11px;
|
|
693
1136
|
font-weight: 700;
|
|
1137
|
+
letter-spacing: 0.12em;
|
|
694
1138
|
text-transform: uppercase;
|
|
695
|
-
letter-spacing: 0.06em;
|
|
696
|
-
padding: 8px 20px;
|
|
697
|
-
border-radius: 50px;
|
|
698
1139
|
white-space: nowrap;
|
|
699
|
-
border: 1px solid rgba(255, 255, 255, 0.6);
|
|
700
|
-
pointer-events: none;
|
|
701
1140
|
}
|
|
702
|
-
|
|
703
|
-
|
|
704
|
-
|
|
1141
|
+
.ab-cat-cta--primary {
|
|
1142
|
+
background: #fff;
|
|
1143
|
+
color: #0a0a0a;
|
|
1144
|
+
}
|
|
1145
|
+
.ab-cat-cta--ghost {
|
|
1146
|
+
border: 1.5px solid rgba(255, 255, 255, 0.9);
|
|
1147
|
+
color: #fff;
|
|
1148
|
+
background: transparent;
|
|
1149
|
+
}
|
|
1150
|
+
|
|
1151
|
+
/* ── Desktop (>= 769px) ── */
|
|
1152
|
+
@media (min-width: 768px) {
|
|
1153
|
+
/* Grid mode — 5 or fewer blocks, evenly fill */
|
|
1154
|
+
.ab-categories-track.ab-cat-track--grid {
|
|
1155
|
+
display: grid;
|
|
1156
|
+
grid-template-columns: repeat(var(--cat-cols, 4), 1fr);
|
|
1157
|
+
gap: 10px;
|
|
1158
|
+
overflow: visible;
|
|
1159
|
+
padding: 0;
|
|
1160
|
+
scroll-snap-type: none;
|
|
705
1161
|
}
|
|
706
|
-
.ab-
|
|
707
|
-
|
|
1162
|
+
.ab-cat-track--grid .ab-cat-card {
|
|
1163
|
+
flex: initial;
|
|
1164
|
+
max-width: none;
|
|
1165
|
+
scroll-snap-align: none;
|
|
708
1166
|
}
|
|
709
|
-
|
|
710
|
-
|
|
711
|
-
|
|
1167
|
+
|
|
1168
|
+
/* Carousel mode — more than 5 blocks, 4 visible at a time */
|
|
1169
|
+
.ab-categories-track.ab-cat-track--carousel {
|
|
1170
|
+
gap: 16px;
|
|
1171
|
+
padding: 4px 0 16px;
|
|
1172
|
+
scroll-padding-left: 0;
|
|
1173
|
+
}
|
|
1174
|
+
.ab-cat-track--carousel .ab-cat-card {
|
|
1175
|
+
flex: 0 0 calc(25% - 12px);
|
|
1176
|
+
max-width: none;
|
|
1177
|
+
}
|
|
1178
|
+
.ab-categories-title {
|
|
1179
|
+
font-size:48px; text-align: center;
|
|
1180
|
+
margin-bottom: 20px;
|
|
1181
|
+
}
|
|
1182
|
+
|
|
1183
|
+
.ab-cat-ctas {
|
|
1184
|
+
opacity: 0;
|
|
1185
|
+
transform: translateY(15px);
|
|
1186
|
+
pointer-events: none;
|
|
1187
|
+
}
|
|
1188
|
+
.ab-cat-card:hover .ab-cat-overlay {
|
|
1189
|
+
background-color: rgba(0, 0, 0, 0.4);
|
|
1190
|
+
}
|
|
1191
|
+
.ab-cat-card:hover .ab-cat-media img {
|
|
1192
|
+
transform: scale(1.05);
|
|
1193
|
+
}
|
|
1194
|
+
.ab-cat-card:hover .ab-cat-label {
|
|
1195
|
+
transform: translateY(-8px);
|
|
1196
|
+
}
|
|
1197
|
+
.ab-cat-card:hover .ab-cat-ctas {
|
|
1198
|
+
opacity: 1;
|
|
1199
|
+
transform: translateY(0);
|
|
1200
|
+
pointer-events: auto;
|
|
1201
|
+
}
|
|
1202
|
+
.ab-cat-card:hover {
|
|
1203
|
+
border-radius: 250px;
|
|
712
1204
|
}
|
|
713
1205
|
}
|
|
1206
|
+
|
|
1207
|
+
/* ── Small phones ── */
|
|
714
1208
|
@media (max-width: 480px) {
|
|
715
|
-
.ab-
|
|
716
|
-
|
|
717
|
-
|
|
1209
|
+
.ab-cat-card {
|
|
1210
|
+
flex-basis: 70vw;transition: border-radius 0.3s ease-in-out;
|
|
1211
|
+
}.ab-cat-card:hover {
|
|
1212
|
+
border-radius: 250px;
|
|
1213
|
+
}
|
|
1214
|
+
.ab-cat-label {
|
|
1215
|
+
font-size: 12px;
|
|
718
1216
|
}
|
|
719
1217
|
}
|
|
720
1218
|
.ab-featured-products {
|
|
721
|
-
margin
|
|
1219
|
+
margin: 30px 0;
|
|
722
1220
|
}
|
|
723
1221
|
.ab-featured-section-title {
|
|
724
1222
|
margin: 0 0 20px;
|
|
725
1223
|
text-align: center;
|
|
726
1224
|
font-size: 48px;
|
|
727
1225
|
font-weight: 400;
|
|
728
|
-
color: var(--
|
|
1226
|
+
color: var(--body-text, #212a2f);
|
|
729
1227
|
line-height: 1.1;
|
|
730
1228
|
letter-spacing: -0.02em;
|
|
731
1229
|
}
|
|
@@ -751,8 +1249,12 @@ div:has(> .ab-header) > * {
|
|
|
751
1249
|
box-shadow: 0 8px 30px rgba(0, 0, 0, 0.15);
|
|
752
1250
|
}
|
|
753
1251
|
.ab-featured-hero img {
|
|
754
|
-
|
|
755
|
-
|
|
1252
|
+
width: 100%;
|
|
1253
|
+
height: 100%;
|
|
1254
|
+
min-height: 430px;
|
|
1255
|
+
object-fit: cover;
|
|
1256
|
+
display: block;
|
|
1257
|
+
transition: transform 0.6s ease;
|
|
756
1258
|
}
|
|
757
1259
|
.ab-featured-hero:hover img {
|
|
758
1260
|
transform: scale(1.05);
|
|
@@ -780,7 +1282,7 @@ div:has(> .ab-header) > * {
|
|
|
780
1282
|
}
|
|
781
1283
|
.ab-featured-hero-subtitle {
|
|
782
1284
|
margin: 12px 0 0;
|
|
783
|
-
color: #fff;
|
|
1285
|
+
color: var(--ab-featured-hero-subtitle-color, #fff);
|
|
784
1286
|
font-size: 22px;
|
|
785
1287
|
font-weight: 400;
|
|
786
1288
|
line-height: 1.3;
|
|
@@ -792,13 +1294,13 @@ div:has(> .ab-header) > * {
|
|
|
792
1294
|
height: 34px;
|
|
793
1295
|
border-radius: 999px;
|
|
794
1296
|
padding: 0 16px;
|
|
795
|
-
background: #fff;
|
|
796
|
-
color: #1f272b;
|
|
1297
|
+
background: var(--ab-featured-hero-cta-bg, #fff);
|
|
1298
|
+
color: var(--ab-featured-hero-cta-text, #1f272b);
|
|
797
1299
|
display: inline-flex;
|
|
798
1300
|
align-items: center;
|
|
799
1301
|
gap: 8px;
|
|
800
|
-
font-size:
|
|
801
|
-
font-weight:
|
|
1302
|
+
font-size: 16px;
|
|
1303
|
+
font-weight: 500;
|
|
802
1304
|
line-height: 1;
|
|
803
1305
|
letter-spacing: 0.01em;
|
|
804
1306
|
transition:
|
|
@@ -809,12 +1311,11 @@ div:has(> .ab-header) > * {
|
|
|
809
1311
|
transform: scale(1.06);
|
|
810
1312
|
background: #f5f0eb;
|
|
811
1313
|
}
|
|
812
|
-
.ab-featured-add-btn::before
|
|
813
|
-
.ab-featured-hero-cta::before {
|
|
1314
|
+
.ab-featured-add-btn::before {
|
|
814
1315
|
content: "";
|
|
815
1316
|
width: 25px;
|
|
816
1317
|
height: 25px;
|
|
817
|
-
background:
|
|
1318
|
+
background: var(--body-text, #131316);
|
|
818
1319
|
-webkit-mask-image: url(https://files.easy-orders.net/1772538329933191621ab-cart.svg);
|
|
819
1320
|
mask-image: url(https://files.easy-orders.net/1772538329933191621ab-cart.svg);
|
|
820
1321
|
-webkit-mask-size: contain;
|
|
@@ -839,11 +1340,12 @@ div:has(> .ab-header) > * {
|
|
|
839
1340
|
.ab-featured-card {
|
|
840
1341
|
position: relative;
|
|
841
1342
|
display: block;
|
|
1343
|
+
height: 100%;
|
|
842
1344
|
text-decoration: none;
|
|
843
1345
|
color: inherit;
|
|
844
1346
|
border-radius: 14px;
|
|
845
1347
|
overflow: hidden;
|
|
846
|
-
background: #
|
|
1348
|
+
background: var(--ab-product-card-bg, #f5f4f2);
|
|
847
1349
|
transition:
|
|
848
1350
|
transform 0.35s ease,
|
|
849
1351
|
box-shadow 0.35s ease;
|
|
@@ -857,7 +1359,7 @@ div:has(> .ab-header) > * {
|
|
|
857
1359
|
top: 10px;
|
|
858
1360
|
left: 10px;
|
|
859
1361
|
z-index: 3;
|
|
860
|
-
height:
|
|
1362
|
+
height: 30px;
|
|
861
1363
|
border-radius: 999px;
|
|
862
1364
|
padding: 0 10px;
|
|
863
1365
|
background: #efede8;
|
|
@@ -870,9 +1372,54 @@ div:has(> .ab-header) > * {
|
|
|
870
1372
|
letter-spacing: 0.06em;
|
|
871
1373
|
}
|
|
872
1374
|
.ab-sale-badge {
|
|
873
|
-
background: #c94a4a;
|
|
874
|
-
color: #fff;
|
|
1375
|
+
background: var(--ab-sale-badge-bg, #c94a4a);
|
|
1376
|
+
color: var(--ab-sale-badge-text, #fff);
|
|
1377
|
+
}
|
|
1378
|
+
.ab-plist-badge,
|
|
1379
|
+
.ab-pgrid-badge,
|
|
1380
|
+
.ab-sale-badge {
|
|
1381
|
+
background: var(--ab-sale-badge-bg, #c94a4a);
|
|
1382
|
+
color: var(--ab-sale-badge-text, #fff);
|
|
875
1383
|
}
|
|
1384
|
+
|
|
1385
|
+
.ab-plist-badge-stack,
|
|
1386
|
+
.ab-pgrid-badge-stack {
|
|
1387
|
+
position: absolute;
|
|
1388
|
+
top: 8px;
|
|
1389
|
+
left: 8px;
|
|
1390
|
+
z-index: 3;
|
|
1391
|
+
display: flex;
|
|
1392
|
+
flex-direction: column;
|
|
1393
|
+
align-items: flex-start;
|
|
1394
|
+
gap: 6px;direction: ltr;
|
|
1395
|
+
pointer-events: none;
|
|
1396
|
+
}
|
|
1397
|
+
|
|
1398
|
+
.ab-plist-badge-stack > .ab-plist-badge,
|
|
1399
|
+
.ab-pgrid-badge-stack > .ab-pgrid-badge {
|
|
1400
|
+
position: relative;
|
|
1401
|
+
top: auto;
|
|
1402
|
+
left: auto;
|
|
1403
|
+
}
|
|
1404
|
+
|
|
1405
|
+
.ab-plist-badge-stack > .ab-sale-badge,
|
|
1406
|
+
.ab-pgrid-badge-stack > .ab-sale-badge {
|
|
1407
|
+
background: var(--ab-sale-badge-bg, #c94a4a);
|
|
1408
|
+
color: var(--ab-sale-badge-text, #fff);
|
|
1409
|
+
}
|
|
1410
|
+
|
|
1411
|
+
.ab-plist-badge-stack > .ab-product-custom-badge,
|
|
1412
|
+
.ab-pgrid-badge-stack > .ab-product-custom-badge {
|
|
1413
|
+
background: rgb(224, 218, 207);
|
|
1414
|
+
color: rgb(33, 33, 33);
|
|
1415
|
+
padding: 8px;
|
|
1416
|
+
font-size: 12px;
|
|
1417
|
+
font-weight: 500;
|
|
1418
|
+
letter-spacing: 0.6px;
|
|
1419
|
+
}
|
|
1420
|
+
|
|
1421
|
+
|
|
1422
|
+
|
|
876
1423
|
.ab-price-old {
|
|
877
1424
|
text-decoration: line-through;
|
|
878
1425
|
color: rgba(33, 42, 47, 0.45);
|
|
@@ -888,6 +1435,8 @@ div:has(> .ab-header) > * {
|
|
|
888
1435
|
align-items: center;
|
|
889
1436
|
gap: 6px;
|
|
890
1437
|
margin-top: 4px;
|
|
1438
|
+
flex-direction: row-reverse;
|
|
1439
|
+
justify-content: flex-end;
|
|
891
1440
|
}
|
|
892
1441
|
.ab-featured-media {
|
|
893
1442
|
background: #f5f4f2;
|
|
@@ -919,12 +1468,15 @@ div:has(> .ab-header) > * {
|
|
|
919
1468
|
}
|
|
920
1469
|
.ab-featured-info {
|
|
921
1470
|
padding: 8px 14px 12px;
|
|
1471
|
+
display: flex;
|
|
1472
|
+
flex-direction: column;
|
|
1473
|
+
flex: 1 1 auto;
|
|
922
1474
|
}
|
|
923
1475
|
.ab-featured-name {
|
|
924
1476
|
margin: 0;
|
|
925
1477
|
color: var(--product-name-text, #212a2f);
|
|
926
1478
|
font-size: 16px;
|
|
927
|
-
font-weight:
|
|
1479
|
+
font-weight: 500;
|
|
928
1480
|
line-height: 1.2;
|
|
929
1481
|
text-transform: uppercase;
|
|
930
1482
|
letter-spacing: 0.03em;
|
|
@@ -936,9 +1488,9 @@ div:has(> .ab-header) > * {
|
|
|
936
1488
|
margin-top: 4px;
|
|
937
1489
|
}
|
|
938
1490
|
.ab-featured-price {
|
|
939
|
-
color: var(--product-price-text, #
|
|
1491
|
+
color: var(--product-price-text, #da3535);
|
|
940
1492
|
font-size: 16px;
|
|
941
|
-
font-weight:
|
|
1493
|
+
font-weight: 500;
|
|
942
1494
|
line-height: 1.2;
|
|
943
1495
|
}
|
|
944
1496
|
.ab-featured-subtitle {
|
|
@@ -949,7 +1501,8 @@ div:has(> .ab-header) > * {
|
|
|
949
1501
|
line-height: 1.2;
|
|
950
1502
|
}
|
|
951
1503
|
.ab-featured-bottom-row {
|
|
952
|
-
margin-top:
|
|
1504
|
+
margin-top: auto;
|
|
1505
|
+
padding-top: 8px;
|
|
953
1506
|
display: flex;
|
|
954
1507
|
align-items: center;
|
|
955
1508
|
justify-content: space-between;
|
|
@@ -963,7 +1516,7 @@ div:has(> .ab-header) > * {
|
|
|
963
1516
|
}
|
|
964
1517
|
.ab-featured-swatch {
|
|
965
1518
|
width: 20px;
|
|
966
|
-
height: 20px;
|
|
1519
|
+
height: 20px;border: 1px solid #dfdada;
|
|
967
1520
|
border-radius: 999px;
|
|
968
1521
|
transition:
|
|
969
1522
|
transform 0.2s ease,
|
|
@@ -994,7 +1547,7 @@ div:has(> .ab-header) > * {
|
|
|
994
1547
|
border-radius: 999px;
|
|
995
1548
|
border: 1px solid rgba(33, 42, 47, 0.45);
|
|
996
1549
|
background: #f5f4f2;
|
|
997
|
-
color: #
|
|
1550
|
+
color:var(--body-text, #131316);
|
|
998
1551
|
display: inline-flex;
|
|
999
1552
|
align-items: center;
|
|
1000
1553
|
justify-content: center;
|
|
@@ -1011,11 +1564,11 @@ div:has(> .ab-header) > * {
|
|
|
1011
1564
|
}
|
|
1012
1565
|
.ab-featured-add-btn:hover,
|
|
1013
1566
|
.ab-plist-arrow:hover {
|
|
1014
|
-
background: var(--
|
|
1015
|
-
border-color: var(--
|
|
1567
|
+
background: var(--body-text, #131316);
|
|
1568
|
+
border-color: var(--body-text, #131316);
|
|
1016
1569
|
color: var(--hd-bg, #fff);
|
|
1017
1570
|
}
|
|
1018
|
-
@media (max-width:
|
|
1571
|
+
@media (max-width: 1023px) {
|
|
1019
1572
|
.ab-featured-section-title {
|
|
1020
1573
|
font-size: 34px;
|
|
1021
1574
|
margin-bottom: 14px;
|
|
@@ -1026,7 +1579,7 @@ div:has(> .ab-header) > * {
|
|
|
1026
1579
|
}
|
|
1027
1580
|
.ab-featured-hero,
|
|
1028
1581
|
.ab-featured-hero img {
|
|
1029
|
-
|
|
1582
|
+
height: 430px;
|
|
1030
1583
|
}
|
|
1031
1584
|
.ab-featured-hero-title {
|
|
1032
1585
|
font-size: 38px;
|
|
@@ -1035,7 +1588,7 @@ div:has(> .ab-header) > * {
|
|
|
1035
1588
|
font-size: 16px;
|
|
1036
1589
|
}
|
|
1037
1590
|
.ab-featured-grid {
|
|
1038
|
-
grid-template-columns: repeat(
|
|
1591
|
+
grid-template-columns: repeat(3, minmax(0, 1fr));
|
|
1039
1592
|
gap: 10px;
|
|
1040
1593
|
}
|
|
1041
1594
|
.ab-featured-card {
|
|
@@ -1051,6 +1604,24 @@ div:has(> .ab-header) > * {
|
|
|
1051
1604
|
font-size: 13px;
|
|
1052
1605
|
}
|
|
1053
1606
|
}
|
|
1607
|
+
@media (max-width: 768px) {
|
|
1608
|
+
.ab-featured-hero-content {
|
|
1609
|
+
top: 50%;
|
|
1610
|
+
left: 50%;
|
|
1611
|
+
transform: translate(-50%, -50%);
|
|
1612
|
+
width: calc(100% - 28px);
|
|
1613
|
+
text-align: center;
|
|
1614
|
+
}
|
|
1615
|
+
.ab-featured-hero-cta {
|
|
1616
|
+
left: 50%;
|
|
1617
|
+
right: auto;
|
|
1618
|
+
bottom: 10px;
|
|
1619
|
+
transform: translateX(-50%);
|
|
1620
|
+
}
|
|
1621
|
+
.ab-featured-hero:hover .ab-featured-hero-cta {
|
|
1622
|
+
transform: translateX(-50%) scale(1.06);
|
|
1623
|
+
}
|
|
1624
|
+
}
|
|
1054
1625
|
@media (max-width: 480px) {
|
|
1055
1626
|
.ab-featured-section-title {
|
|
1056
1627
|
font-size: 26px;
|
|
@@ -1065,20 +1636,24 @@ div:has(> .ab-header) > * {
|
|
|
1065
1636
|
}
|
|
1066
1637
|
.ab-featured-hero-content {
|
|
1067
1638
|
width: calc(100% - 28px);
|
|
1068
|
-
top:
|
|
1639
|
+
top: 50%;
|
|
1640
|
+
left: 50%;
|
|
1641
|
+
transform: translate(-50%, -50%);
|
|
1069
1642
|
}
|
|
1070
1643
|
.ab-featured-hero-title {
|
|
1071
1644
|
font-size: 28px;
|
|
1072
1645
|
}
|
|
1073
1646
|
.ab-featured-hero-subtitle {
|
|
1074
1647
|
margin-top: 8px;
|
|
1075
|
-
font-size:
|
|
1648
|
+
font-size: 24px;
|
|
1076
1649
|
}
|
|
1077
1650
|
.ab-featured-hero-cta {
|
|
1078
|
-
|
|
1079
|
-
|
|
1651
|
+
left: 50%;
|
|
1652
|
+
right: auto;
|
|
1653
|
+
bottom: 30%;
|
|
1080
1654
|
height: 30px;
|
|
1081
1655
|
font-size: 12px;
|
|
1656
|
+
transform: translateX(-50%);
|
|
1082
1657
|
}
|
|
1083
1658
|
.ab-featured-grid {
|
|
1084
1659
|
grid-template-columns: 1fr;
|
|
@@ -1094,7 +1669,7 @@ div:has(> .ab-header) > * {
|
|
|
1094
1669
|
padding: 8px 12px 12px;
|
|
1095
1670
|
}
|
|
1096
1671
|
.ab-featured-name {
|
|
1097
|
-
font-size:
|
|
1672
|
+
font-size: 14px;
|
|
1098
1673
|
}
|
|
1099
1674
|
.ab-featured-subtitle {
|
|
1100
1675
|
font-size: 11px;
|
|
@@ -1108,7 +1683,7 @@ div:has(> .ab-header) > * {
|
|
|
1108
1683
|
}
|
|
1109
1684
|
}
|
|
1110
1685
|
.ab-plist {
|
|
1111
|
-
margin:
|
|
1686
|
+
margin: 30px 0;
|
|
1112
1687
|
}
|
|
1113
1688
|
.ab-plist-header {
|
|
1114
1689
|
display: flex;
|
|
@@ -1118,18 +1693,18 @@ div:has(> .ab-header) > * {
|
|
|
1118
1693
|
}
|
|
1119
1694
|
.ab-plist-title {
|
|
1120
1695
|
margin: 0;
|
|
1121
|
-
font-size:
|
|
1122
|
-
font-weight:
|
|
1696
|
+
font-size: 16px ;
|
|
1697
|
+
font-weight: 500 ;
|
|
1123
1698
|
text-transform: uppercase;
|
|
1124
|
-
letter-spacing: 0.08em;
|
|
1125
|
-
color: var(--
|
|
1126
|
-
border-bottom: 2px solid var(--
|
|
1699
|
+
letter-spacing: 0.08em ;
|
|
1700
|
+
color: var(--body-text, #212121) ;
|
|
1701
|
+
border-bottom: 2px solid var(--body-text, #212121) ;
|
|
1127
1702
|
padding-bottom: 4px;
|
|
1128
1703
|
display: inline-block;
|
|
1129
1704
|
}
|
|
1130
1705
|
.ab-plist-arrows {
|
|
1131
1706
|
display: flex;
|
|
1132
|
-
gap: 8px;
|
|
1707
|
+
gap: 8px; direction: ltr;
|
|
1133
1708
|
}
|
|
1134
1709
|
.ab-plist-arrow {
|
|
1135
1710
|
width: 40px;
|
|
@@ -1141,7 +1716,7 @@ div:has(> .ab-header) > * {
|
|
|
1141
1716
|
display: flex;
|
|
1142
1717
|
align-items: center;
|
|
1143
1718
|
justify-content: center;
|
|
1144
|
-
color: var(--
|
|
1719
|
+
color: var(--body-text, #212a2f);
|
|
1145
1720
|
transition:
|
|
1146
1721
|
background 0.2s,
|
|
1147
1722
|
border-color 0.2s;
|
|
@@ -1174,7 +1749,7 @@ div:has(> .ab-header) > * {
|
|
|
1174
1749
|
color: inherit;
|
|
1175
1750
|
border-radius: 14px;
|
|
1176
1751
|
overflow: hidden;
|
|
1177
|
-
background: #f5f4f2;
|
|
1752
|
+
background: var(--ab-product-card-bg, #f5f4f2);
|
|
1178
1753
|
transition:
|
|
1179
1754
|
transform 0.35s ease,
|
|
1180
1755
|
box-shadow 0.35s ease;
|
|
@@ -1185,19 +1760,18 @@ div:has(> .ab-header) > * {
|
|
|
1185
1760
|
}
|
|
1186
1761
|
.ab-plist-badge {
|
|
1187
1762
|
position: absolute;
|
|
1188
|
-
top:
|
|
1189
|
-
left:
|
|
1763
|
+
top: 5px;
|
|
1764
|
+
left: 5px;
|
|
1190
1765
|
z-index: 3;
|
|
1191
|
-
|
|
1192
|
-
|
|
1193
|
-
|
|
1194
|
-
|
|
1195
|
-
color: #1f272b;
|
|
1766
|
+
border-radius: 14px;
|
|
1767
|
+
padding: 3px 8px;
|
|
1768
|
+
background: var(--ab-sale-badge-bg, #c94a4a);
|
|
1769
|
+
color: var(--ab-sale-badge-text, #fff);
|
|
1196
1770
|
display: inline-flex;
|
|
1197
1771
|
align-items: center;
|
|
1198
1772
|
justify-content: center;
|
|
1199
1773
|
font-size: 11px;
|
|
1200
|
-
font-weight:
|
|
1774
|
+
font-weight: 600;
|
|
1201
1775
|
letter-spacing: 0.06em;
|
|
1202
1776
|
}
|
|
1203
1777
|
.ab-plist-media {
|
|
@@ -1248,7 +1822,6 @@ div:has(> .ab-header) > * {
|
|
|
1248
1822
|
background 0.2s ease,
|
|
1249
1823
|
box-shadow 0.2s ease;
|
|
1250
1824
|
}
|
|
1251
|
-
.ab-pgrid-add-btn::before,
|
|
1252
1825
|
.ab-plist-add-btn::before {
|
|
1253
1826
|
content: "";
|
|
1254
1827
|
display: block;
|
|
@@ -1273,7 +1846,6 @@ div:has(> .ab-header) > * {
|
|
|
1273
1846
|
background: #212a2f;
|
|
1274
1847
|
box-shadow: 0 4px 14px rgba(0, 0, 0, 0.2);
|
|
1275
1848
|
}
|
|
1276
|
-
.ab-pgrid-add-btn:hover::before,
|
|
1277
1849
|
.ab-plist-add-btn:hover::before {
|
|
1278
1850
|
background: #fff;
|
|
1279
1851
|
}
|
|
@@ -1283,8 +1855,8 @@ div:has(> .ab-header) > * {
|
|
|
1283
1855
|
.ab-plist-name {
|
|
1284
1856
|
margin: 0;
|
|
1285
1857
|
color: var(--product-name-text, #212a2f);
|
|
1286
|
-
font-size:
|
|
1287
|
-
font-weight:
|
|
1858
|
+
font-size: 12px;
|
|
1859
|
+
font-weight: 500;
|
|
1288
1860
|
text-transform: uppercase;
|
|
1289
1861
|
letter-spacing: 0.03em;
|
|
1290
1862
|
line-height: 1.3;
|
|
@@ -1301,9 +1873,9 @@ div:has(> .ab-header) > * {
|
|
|
1301
1873
|
}
|
|
1302
1874
|
.ab-plist-price {
|
|
1303
1875
|
display: block;
|
|
1304
|
-
color: var(--product-price-text, #
|
|
1305
|
-
font-size:
|
|
1306
|
-
font-weight:
|
|
1876
|
+
color: var(--product-price-text, #da3535);
|
|
1877
|
+
font-size: 12px;
|
|
1878
|
+
font-weight: 500;
|
|
1307
1879
|
line-height: 1.2;
|
|
1308
1880
|
}
|
|
1309
1881
|
.ab-plist-swatches {
|
|
@@ -1348,7 +1920,7 @@ div:has(> .ab-header) > * {
|
|
|
1348
1920
|
font-weight: 600;
|
|
1349
1921
|
text-transform: uppercase;
|
|
1350
1922
|
letter-spacing: 0.1em;
|
|
1351
|
-
color: var(--
|
|
1923
|
+
color: var(--body-text, #212a2f);
|
|
1352
1924
|
border: 1.5px solid rgba(33, 42, 47, 0.35);
|
|
1353
1925
|
border-radius: 20px;
|
|
1354
1926
|
background: 0 0;
|
|
@@ -1360,9 +1932,9 @@ div:has(> .ab-header) > * {
|
|
|
1360
1932
|
border-color 0.2s;
|
|
1361
1933
|
}
|
|
1362
1934
|
.ab-plist-viewall-btn:hover {
|
|
1363
|
-
background: var(--
|
|
1364
|
-
border-color: var(--
|
|
1365
|
-
color: var(--
|
|
1935
|
+
background: var(--body-text, #212a2f);
|
|
1936
|
+
border-color: var(--body-text, #212a2f);
|
|
1937
|
+
color: var(--body-bg, #fff);
|
|
1366
1938
|
}
|
|
1367
1939
|
@media (max-width: 1024px) {
|
|
1368
1940
|
.ab-plist {
|
|
@@ -1389,8 +1961,12 @@ div:has(> .ab-header) > * {
|
|
|
1389
1961
|
font-size: 15px;
|
|
1390
1962
|
}
|
|
1391
1963
|
}
|
|
1964
|
+
h1.text-2xl.font-bold.text-heading.category_section_header_title.inline-flex.pb-1 {
|
|
1965
|
+
font-family: "Akkurat Mono", ui-monospace, monospace; font-weight: 500;
|
|
1966
|
+
color: var(--body-text, #212a2f);
|
|
1967
|
+
}
|
|
1392
1968
|
.ab-pgrid {
|
|
1393
|
-
margin:
|
|
1969
|
+
margin: 30px 0;
|
|
1394
1970
|
}
|
|
1395
1971
|
.ab-pgrid-wrap {
|
|
1396
1972
|
display: grid;
|
|
@@ -1399,35 +1975,41 @@ div:has(> .ab-header) > * {
|
|
|
1399
1975
|
}
|
|
1400
1976
|
.ab-pgrid-card {
|
|
1401
1977
|
position: relative;
|
|
1402
|
-
display:
|
|
1978
|
+
display: flex;
|
|
1979
|
+
flex-direction: column;
|
|
1403
1980
|
text-decoration: none;
|
|
1404
1981
|
color: inherit;
|
|
1405
1982
|
border-radius: 14px;
|
|
1406
1983
|
overflow: hidden;
|
|
1407
|
-
background: #f5f4f2;
|
|
1984
|
+
background: var(--ab-product-card-bg, #f5f4f2);
|
|
1408
1985
|
transition:
|
|
1409
1986
|
transform 0.35s ease,
|
|
1410
1987
|
box-shadow 0.35s ease;
|
|
1411
1988
|
}
|
|
1989
|
+
.ab-pgrid-card-link {
|
|
1990
|
+
display: flex;
|
|
1991
|
+
flex-direction: column;
|
|
1992
|
+
flex: 1 1 auto;
|
|
1993
|
+
text-decoration: none;
|
|
1994
|
+
color: inherit;
|
|
1995
|
+
}
|
|
1412
1996
|
.ab-pgrid-card:hover {
|
|
1413
1997
|
transform: translateY(-4px);
|
|
1414
|
-
|
|
1415
|
-
}
|
|
1998
|
+
}
|
|
1416
1999
|
.ab-pgrid-badge {
|
|
1417
2000
|
position: absolute;
|
|
1418
|
-
top:
|
|
1419
|
-
left:
|
|
2001
|
+
top: 5px;
|
|
2002
|
+
left: 5px;
|
|
1420
2003
|
z-index: 3;
|
|
1421
|
-
|
|
1422
|
-
|
|
1423
|
-
|
|
1424
|
-
|
|
1425
|
-
color: #1f272b;
|
|
2004
|
+
border-radius: 14px;
|
|
2005
|
+
padding: 3px 8px;
|
|
2006
|
+
background: var(--ab-sale-badge-bg, #c94a4a);
|
|
2007
|
+
color: var(--ab-sale-badge-text, #fff);
|
|
1426
2008
|
display: inline-flex;
|
|
1427
2009
|
align-items: center;
|
|
1428
2010
|
justify-content: center;
|
|
1429
2011
|
font-size: 11px;
|
|
1430
|
-
font-weight:
|
|
2012
|
+
font-weight: 600;
|
|
1431
2013
|
letter-spacing: 0.06em;
|
|
1432
2014
|
}
|
|
1433
2015
|
.ab-pgrid-media {
|
|
@@ -1486,12 +2068,13 @@ div:has(> .ab-header) > * {
|
|
|
1486
2068
|
}
|
|
1487
2069
|
.ab-pgrid-info {
|
|
1488
2070
|
padding: 12px 14px 16px;
|
|
2071
|
+
flex: 1 1 auto;
|
|
1489
2072
|
}
|
|
1490
2073
|
.ab-pgrid-name {
|
|
1491
2074
|
margin: 0;
|
|
1492
2075
|
color: var(--product-name-text, #212a2f);
|
|
1493
|
-
font-size:
|
|
1494
|
-
font-weight:
|
|
2076
|
+
font-size: 12px;
|
|
2077
|
+
font-weight: 500;
|
|
1495
2078
|
text-transform: uppercase;
|
|
1496
2079
|
letter-spacing: 0.03em;
|
|
1497
2080
|
line-height: 1.3;
|
|
@@ -1509,9 +2092,9 @@ div:has(> .ab-header) > * {
|
|
|
1509
2092
|
.ab-pgrid-price {
|
|
1510
2093
|
display: block;
|
|
1511
2094
|
margin-top: 2px;
|
|
1512
|
-
color: var(--product-price-text, #
|
|
1513
|
-
font-size:
|
|
1514
|
-
font-weight:
|
|
2095
|
+
color: var(--product-price-text, #da3535);
|
|
2096
|
+
font-size: 12px;
|
|
2097
|
+
font-weight: 500;
|
|
1515
2098
|
line-height: 1.2;
|
|
1516
2099
|
}
|
|
1517
2100
|
.ab-pgrid-swatches {
|
|
@@ -1590,7 +2173,7 @@ div:has(> .ab-header) > * {
|
|
|
1590
2173
|
.ab-pgrid-hero-cat {
|
|
1591
2174
|
margin: 0;
|
|
1592
2175
|
font-size: 11px;
|
|
1593
|
-
font-weight:
|
|
2176
|
+
font-weight: 500;
|
|
1594
2177
|
text-transform: uppercase;
|
|
1595
2178
|
letter-spacing: 0.12em;
|
|
1596
2179
|
opacity: 0.85;
|
|
@@ -1608,9 +2191,9 @@ div:has(> .ab-header) > * {
|
|
|
1608
2191
|
margin: 14px 20px 20px;
|
|
1609
2192
|
padding: 8px 18px;
|
|
1610
2193
|
background: rgba(255, 255, 255, 0.92);
|
|
1611
|
-
color: #1f272b;
|
|
2194
|
+
color: var(--ab-pgrid-hero-cta-color, #1f272b);
|
|
1612
2195
|
font-size: 12px;
|
|
1613
|
-
font-weight: 600;
|
|
2196
|
+
font-weight: var(--ab-pgrid-hero-cta-weight, 600);
|
|
1614
2197
|
letter-spacing: 0.08em;
|
|
1615
2198
|
text-transform: uppercase;
|
|
1616
2199
|
border-radius: 4px;
|
|
@@ -1619,15 +2202,74 @@ div:has(> .ab-header) > * {
|
|
|
1619
2202
|
.ab-pgrid-hero:hover .ab-pgrid-hero-cta {
|
|
1620
2203
|
background: #fff;
|
|
1621
2204
|
}
|
|
1622
|
-
|
|
1623
|
-
|
|
1624
|
-
|
|
1625
|
-
|
|
1626
|
-
.ab-
|
|
1627
|
-
|
|
1628
|
-
|
|
2205
|
+
|
|
2206
|
+
/* iOS/touch: prevent first-tap hover trap on product links
|
|
2207
|
+
@media (hover: none), (pointer: coarse) {
|
|
2208
|
+
.ab-featured-card:hover,
|
|
2209
|
+
.ab-plist-card:hover,
|
|
2210
|
+
.ab-pgrid-card:hover,
|
|
2211
|
+
.ab-featured-hero:hover,
|
|
2212
|
+
.ab-pgrid-hero:hover {
|
|
2213
|
+
transform: none;
|
|
2214
|
+
box-shadow: none;
|
|
1629
2215
|
}
|
|
1630
|
-
|
|
2216
|
+
|
|
2217
|
+
.ab-featured-card:hover .ab-featured-img-primary,
|
|
2218
|
+
.ab-plist-card:hover .ab-plist-img-primary,
|
|
2219
|
+
.ab-pgrid-card:hover .ab-pgrid-img-primary {
|
|
2220
|
+
opacity: 1;
|
|
2221
|
+
transform: none;
|
|
2222
|
+
}
|
|
2223
|
+
|
|
2224
|
+
.ab-featured-card:hover .ab-featured-img-hover,
|
|
2225
|
+
.ab-plist-card:hover .ab-plist-img-hover,
|
|
2226
|
+
.ab-pgrid-card:hover .ab-pgrid-img-hover {
|
|
2227
|
+
opacity: 0;
|
|
2228
|
+
transform: none;
|
|
2229
|
+
}
|
|
2230
|
+
|
|
2231
|
+
.ab-featured-hero:hover img,
|
|
2232
|
+
.ab-pgrid-hero:hover > img {
|
|
2233
|
+
transform: none;
|
|
2234
|
+
}
|
|
2235
|
+
|
|
2236
|
+
.ab-pgrid-hero:hover .ab-pgrid-hero-cta {
|
|
2237
|
+
background: rgba(255, 255, 255, 0.92);
|
|
2238
|
+
}
|
|
2239
|
+
}
|
|
2240
|
+
@media (max-width: 768px) and (hover: none), (max-width: 768px) and (pointer: coarse) {
|
|
2241
|
+
.ab-featured-hero:hover .ab-featured-hero-cta {
|
|
2242
|
+
transform: translateX(-50%);
|
|
2243
|
+
background: #fff;
|
|
2244
|
+
}
|
|
2245
|
+
}*/
|
|
2246
|
+
.ab-pgrid-add-btn::before {
|
|
2247
|
+
content: "";
|
|
2248
|
+
display: block;
|
|
2249
|
+
width: 20px;
|
|
2250
|
+
height: 20px;
|
|
2251
|
+
margin: auto;
|
|
2252
|
+
background:var(--body-text, #131316);
|
|
2253
|
+
-webkit-mask-image: url(https://files.easy-orders.net/1772538329933191621ab-cart.svg);
|
|
2254
|
+
mask-image: url(https://files.easy-orders.net/1772538329933191621ab-cart.svg);
|
|
2255
|
+
-webkit-mask-size: contain;
|
|
2256
|
+
mask-size: contain;
|
|
2257
|
+
-webkit-mask-repeat: no-repeat;
|
|
2258
|
+
mask-repeat: no-repeat;
|
|
2259
|
+
-webkit-mask-position: center;
|
|
2260
|
+
mask-position: center;
|
|
2261
|
+
}
|
|
2262
|
+
@media (max-width: 1023px) {
|
|
2263
|
+
.ab-pgrid-wrap {
|
|
2264
|
+
grid-template-columns: repeat(3, 1fr);
|
|
2265
|
+
}
|
|
2266
|
+
.ab-pgrid-hero {
|
|
2267
|
+
grid-column: span 3;
|
|
2268
|
+
min-height: 220px;
|
|
2269
|
+
}
|
|
2270
|
+
}
|
|
2271
|
+
@media (max-width: 767px) {
|
|
2272
|
+
.ab-pgrid-add-btn {
|
|
1631
2273
|
opacity: 1;
|
|
1632
2274
|
transform: translateY(0);
|
|
1633
2275
|
}
|
|
@@ -1638,7 +2280,7 @@ div:has(> .ab-header) > * {
|
|
|
1638
2280
|
}
|
|
1639
2281
|
.ab-pgrid-hero {
|
|
1640
2282
|
grid-column: span 2;
|
|
1641
|
-
min-height:
|
|
2283
|
+
min-height: 255px;
|
|
1642
2284
|
}
|
|
1643
2285
|
.ab-pgrid-hero-title {
|
|
1644
2286
|
font-size: 18px;
|
|
@@ -1654,7 +2296,7 @@ div:has(> .ab-header) > * {
|
|
|
1654
2296
|
.ab-slider-track {
|
|
1655
2297
|
position: relative;
|
|
1656
2298
|
width: 100%;
|
|
1657
|
-
aspect-ratio: 16/7;
|
|
2299
|
+
aspect-ratio: 16/7; height: 85vh;
|
|
1658
2300
|
}
|
|
1659
2301
|
.ab-slider-slide {
|
|
1660
2302
|
position: absolute;
|
|
@@ -1670,7 +2312,7 @@ div:has(> .ab-header) > * {
|
|
|
1670
2312
|
}
|
|
1671
2313
|
.ab-slider-slide img {
|
|
1672
2314
|
width: 100%;
|
|
1673
|
-
height: 100%;
|
|
2315
|
+
height: 100%;border-radius: 12px;
|
|
1674
2316
|
object-fit: cover;
|
|
1675
2317
|
display: block;
|
|
1676
2318
|
}
|
|
@@ -1699,6 +2341,19 @@ div:has(> .ab-header) > * {
|
|
|
1699
2341
|
border-radius: 2px;
|
|
1700
2342
|
transition: width 0.1s linear;
|
|
1701
2343
|
}
|
|
2344
|
+
.home_section_container.css-1yrdzub {
|
|
2345
|
+
background: transparent;
|
|
2346
|
+
padding: 0px;padding: 2px !important;
|
|
2347
|
+
top: -20px;
|
|
2348
|
+
}@media (min-width: 992px) {
|
|
2349
|
+
.css-1yrdzub .container {
|
|
2350
|
+
width: 100%;
|
|
2351
|
+
max-width: stretch;
|
|
2352
|
+
}
|
|
2353
|
+
}@media (max-width: 1023px) {
|
|
2354
|
+
main.collection_container {
|
|
2355
|
+
padding-inline: 10px;padding-top: 33%;
|
|
2356
|
+
}}
|
|
1702
2357
|
.ab-slider-pause {
|
|
1703
2358
|
background: 0 0;
|
|
1704
2359
|
border: 0;
|
|
@@ -1712,6 +2367,9 @@ div:has(> .ab-header) > * {
|
|
|
1712
2367
|
justify-content: center;
|
|
1713
2368
|
flex-shrink: 0;
|
|
1714
2369
|
transition: color 0.2s;
|
|
2370
|
+
border: 2px solid;
|
|
2371
|
+
border-radius: 50%;
|
|
2372
|
+
padding: 1px;
|
|
1715
2373
|
}
|
|
1716
2374
|
.ab-slider-pause:hover {
|
|
1717
2375
|
color: #fff;
|
|
@@ -1733,7 +2391,7 @@ div:has(> .ab-header) > * {
|
|
|
1733
2391
|
border-radius: 10px;
|
|
1734
2392
|
}
|
|
1735
2393
|
.ab-slider-track {
|
|
1736
|
-
aspect-ratio:
|
|
2394
|
+
aspect-ratio: 5/6;
|
|
1737
2395
|
}
|
|
1738
2396
|
.ab-slider-controls {
|
|
1739
2397
|
bottom: 14px;
|
|
@@ -1741,6 +2399,41 @@ div:has(> .ab-header) > * {
|
|
|
1741
2399
|
right: 14px;
|
|
1742
2400
|
}
|
|
1743
2401
|
}
|
|
2402
|
+
.ab-pgrid-card-footer {
|
|
2403
|
+
flex-shrink: 0;
|
|
2404
|
+
border-top: 1px solid #e6e2dc;
|
|
2405
|
+
padding: 8px 16px 8px 12px;
|
|
2406
|
+
}
|
|
2407
|
+
button.ab-pgrid-cta {
|
|
2408
|
+
display: flex;
|
|
2409
|
+
width: 100%;
|
|
2410
|
+
align-items: center;
|
|
2411
|
+
justify-content: center;
|
|
2412
|
+
gap: 4px;
|
|
2413
|
+
margin: 0;
|
|
2414
|
+
padding: 0;
|
|
2415
|
+
border: none;
|
|
2416
|
+
background: transparent;
|
|
2417
|
+
color: #0a0a0a;
|
|
2418
|
+
cursor: pointer;
|
|
2419
|
+
font-size: 12px;
|
|
2420
|
+
font-weight: 500;
|
|
2421
|
+
font-family: "Geograph", system-ui, -apple-system, sans-serif;
|
|
2422
|
+
letter-spacing: 0.6px;
|
|
2423
|
+
text-transform: uppercase;
|
|
2424
|
+
line-height: 1.2;
|
|
2425
|
+
transition: opacity 0.2s ease;
|
|
2426
|
+
}
|
|
2427
|
+
button.ab-pgrid-cta svg.size-5 {
|
|
2428
|
+
width: 20px;
|
|
2429
|
+
height: 20px;
|
|
2430
|
+
}
|
|
2431
|
+
|
|
2432
|
+
@media (min-width: 768px) {
|
|
2433
|
+
.ab-pgrid-card-footer {
|
|
2434
|
+
display: none;
|
|
2435
|
+
}
|
|
2436
|
+
}
|
|
1744
2437
|
.ab-pd {
|
|
1745
2438
|
padding-bottom: 0px;
|
|
1746
2439
|
}
|
|
@@ -1768,7 +2461,7 @@ div:has(> .ab-header) > * {
|
|
|
1768
2461
|
}
|
|
1769
2462
|
.ab-pd-price {
|
|
1770
2463
|
font-size: 24px;
|
|
1771
|
-
font-weight:
|
|
2464
|
+
font-weight: 500;
|
|
1772
2465
|
color: var(--product-price-text, #212a2f);
|
|
1773
2466
|
}
|
|
1774
2467
|
.ab-pd-price-sale {
|
|
@@ -1811,9 +2504,10 @@ div:has(> .ab-header) > * {
|
|
|
1811
2504
|
background-image: url(https://files.easy-orders.net/1772838507171010246ab-star-empty.svg);
|
|
1812
2505
|
}
|
|
1813
2506
|
.ab-pd-reviews-count {
|
|
1814
|
-
font-size:
|
|
2507
|
+
font-size: 12px;
|
|
1815
2508
|
font-weight: 500;
|
|
1816
|
-
color:
|
|
2509
|
+
color: #111827;
|
|
2510
|
+
font-family: "Geograph", system-ui, sans-serif;
|
|
1817
2511
|
}
|
|
1818
2512
|
.ab-pd-description {
|
|
1819
2513
|
margin: 16px 0 0;
|
|
@@ -1829,28 +2523,37 @@ div:has(> .ab-header) > * {
|
|
|
1829
2523
|
}
|
|
1830
2524
|
@media (max-width: 768px) {
|
|
1831
2525
|
.ab-pd-price {
|
|
1832
|
-
font-size:
|
|
2526
|
+
font-size: 18px;
|
|
1833
2527
|
}
|
|
1834
2528
|
}
|
|
2529
|
+
body, html{
|
|
2530
|
+
scrollbar-width: thin;
|
|
2531
|
+
}
|
|
2532
|
+
h2.text-base.font-bold.text-gray-900.whitespace-nowrap.flex.items-center.gap-1.flex-wrap {
|
|
2533
|
+
font-size: 12px;display: block;
|
|
2534
|
+
font-weight: 500;
|
|
2535
|
+
color: rgba(33, 42, 47, 0.78);
|
|
2536
|
+
}
|
|
2537
|
+
.flex.flex-col.lg\:flex-row.lg\:items-baseline.gap-2.mt-2 {
|
|
2538
|
+
margin-top: 24px;
|
|
2539
|
+
}
|
|
2540
|
+
button.flex.justify-between.items-center.relative.w-full.border.cursor-default.bg-white.py-2.px-3.whitespace-nowrap {
|
|
2541
|
+
font-size: 14px;
|
|
2542
|
+
}
|
|
1835
2543
|
.button_variation {
|
|
1836
|
-
|
|
1837
|
-
|
|
1838
|
-
padding: 0 22px !important;
|
|
2544
|
+
min-width: 45px;
|
|
2545
|
+
padding-block: 12px;
|
|
1839
2546
|
border: 1.5px solid #d4d4d4 !important;
|
|
1840
2547
|
border-radius: 0 !important;
|
|
1841
2548
|
background: #fff;
|
|
1842
|
-
color: var(--
|
|
1843
|
-
font-size:
|
|
1844
|
-
font-weight:
|
|
2549
|
+
color: var(--body-text, #212a2f);
|
|
2550
|
+
font-size: 12px;
|
|
2551
|
+
font-weight: 500;
|
|
1845
2552
|
cursor: pointer;
|
|
1846
2553
|
overflow: hidden;
|
|
1847
2554
|
text-overflow: ellipsis;
|
|
1848
2555
|
white-space: nowrap;
|
|
1849
|
-
|
|
1850
|
-
transition:
|
|
1851
|
-
border-color 0.2s ease,
|
|
1852
|
-
background 0.2s ease,
|
|
1853
|
-
color 0.2s ease;
|
|
2556
|
+
transition: border-color 0.2s ease, background 0.2s ease, color 0.2s ease;
|
|
1854
2557
|
}
|
|
1855
2558
|
.button_variation:hover,
|
|
1856
2559
|
.image_variation:hover {
|
|
@@ -1871,12 +2574,13 @@ div:has(> .ab-header) > * {
|
|
|
1871
2574
|
outline-offset: 2px;
|
|
1872
2575
|
}
|
|
1873
2576
|
.color_variation span {
|
|
1874
|
-
width:
|
|
1875
|
-
height:
|
|
2577
|
+
width: 20px;
|
|
2578
|
+
height: 20px;
|
|
1876
2579
|
border-radius: 50% !important;
|
|
2580
|
+
border: 0.5px solid #dbdbdb;
|
|
1877
2581
|
}
|
|
1878
2582
|
.variation_name {
|
|
1879
|
-
font-size:
|
|
2583
|
+
font-size: 12px;
|
|
1880
2584
|
font-weight: 500 !important;
|
|
1881
2585
|
color: rgba(33, 42, 47, 0.78);
|
|
1882
2586
|
margin-bottom: 0 !important;
|
|
@@ -1917,93 +2621,145 @@ div:has(> .ab-header) > * {
|
|
|
1917
2621
|
outline: 1px solid #212a2f !important;
|
|
1918
2622
|
outline-offset: 2px;
|
|
1919
2623
|
}
|
|
2624
|
+
/* ── Gallery: responsive carousel / stack / grid ── */
|
|
1920
2625
|
.ab-gallery {
|
|
1921
2626
|
width: 100%;
|
|
1922
2627
|
}
|
|
1923
|
-
.ab-gallery-
|
|
2628
|
+
.ab-gallery-track {
|
|
2629
|
+
display: flex;
|
|
2630
|
+
gap: 0;
|
|
2631
|
+
overflow-x: auto;
|
|
2632
|
+
scroll-snap-type: x mandatory;
|
|
2633
|
+
scrollbar-width: none;
|
|
2634
|
+
-ms-overflow-style: none;
|
|
2635
|
+
-webkit-overflow-scrolling: touch;
|
|
2636
|
+
border-radius: 12px;
|
|
2637
|
+
background: transparent;
|
|
2638
|
+
}
|
|
2639
|
+
.ab-gallery-track::-webkit-scrollbar {
|
|
2640
|
+
display: none;
|
|
2641
|
+
}
|
|
2642
|
+
.ab-gallery-slide {
|
|
2643
|
+
flex: 0 0 100%;
|
|
2644
|
+
scroll-snap-align: start;
|
|
1924
2645
|
position: relative;
|
|
1925
|
-
border-radius: 0.75rem;
|
|
1926
2646
|
overflow: hidden;
|
|
1927
|
-
background:
|
|
1928
|
-
background-size: 400% 100%;
|
|
2647
|
+
background: transparent;
|
|
1929
2648
|
cursor: zoom-in;
|
|
1930
|
-
min-height: 300px;
|
|
1931
2649
|
}
|
|
1932
|
-
.ab-gallery-
|
|
2650
|
+
.ab-gallery-media {
|
|
1933
2651
|
width: 100%;
|
|
1934
|
-
|
|
2652
|
+
height: 100%;
|
|
1935
2653
|
display: block;
|
|
1936
|
-
object-fit:
|
|
1937
|
-
|
|
2654
|
+
object-fit: cover;
|
|
2655
|
+
aspect-ratio: 1 / 1;
|
|
2656
|
+
background: transparent;
|
|
2657
|
+
}
|
|
2658
|
+
video.ab-gallery-media {
|
|
2659
|
+
pointer-events: none;
|
|
1938
2660
|
}
|
|
1939
|
-
.ab-gallery-
|
|
2661
|
+
.ab-gallery-play-overlay {
|
|
1940
2662
|
position: absolute;
|
|
1941
|
-
|
|
1942
|
-
right: 14px;
|
|
1943
|
-
z-index: 3;
|
|
1944
|
-
width: 40px;
|
|
1945
|
-
height: 40px;
|
|
1946
|
-
border-radius: 50%;
|
|
1947
|
-
border: 0;
|
|
1948
|
-
background: rgba(255, 255, 255, 0.9);
|
|
1949
|
-
backdrop-filter: blur(6px);
|
|
1950
|
-
-webkit-backdrop-filter: blur(6px);
|
|
1951
|
-
color: #1f272b;
|
|
1952
|
-
cursor: zoom-in;
|
|
2663
|
+
inset: 0;
|
|
1953
2664
|
display: flex;
|
|
1954
2665
|
align-items: center;
|
|
1955
2666
|
justify-content: center;
|
|
1956
|
-
|
|
1957
|
-
|
|
1958
|
-
transition:
|
|
1959
|
-
opacity 0.25s ease,
|
|
1960
|
-
transform 0.25s ease,
|
|
1961
|
-
background 0.2s ease;
|
|
1962
|
-
pointer-events: auto;
|
|
2667
|
+
cursor: zoom-in;
|
|
2668
|
+
z-index: 1;
|
|
1963
2669
|
}
|
|
1964
|
-
.ab-gallery-
|
|
1965
|
-
|
|
1966
|
-
|
|
1967
|
-
|
|
2670
|
+
.ab-gallery-play-overlay svg {
|
|
2671
|
+
width: 56px;
|
|
2672
|
+
height: 56px;
|
|
2673
|
+
opacity: 0.85;
|
|
2674
|
+
transition: opacity 0.2s, transform 0.2s;
|
|
1968
2675
|
}
|
|
1969
|
-
.ab-gallery-
|
|
2676
|
+
.ab-gallery-slide:hover .ab-gallery-play-overlay svg {
|
|
1970
2677
|
opacity: 1;
|
|
1971
|
-
transform: scale(1);
|
|
1972
|
-
}
|
|
1973
|
-
.ab-gallery-zoom:hover {
|
|
1974
|
-
background: #fff;
|
|
2678
|
+
transform: scale(1.08);
|
|
1975
2679
|
}
|
|
1976
|
-
.ab-gallery-
|
|
2680
|
+
.ab-gallery-dots {
|
|
1977
2681
|
display: flex;
|
|
1978
|
-
|
|
1979
|
-
|
|
1980
|
-
|
|
2682
|
+
justify-content: center;
|
|
2683
|
+
gap: 6px;
|
|
2684
|
+
margin-top: 14px;
|
|
1981
2685
|
}
|
|
1982
|
-
.ab-gallery-
|
|
1983
|
-
|
|
1984
|
-
|
|
1985
|
-
|
|
1986
|
-
|
|
1987
|
-
|
|
1988
|
-
|
|
1989
|
-
|
|
1990
|
-
transition:
|
|
1991
|
-
border-color 0.25s ease,
|
|
1992
|
-
transform 0.25s ease;
|
|
2686
|
+
.ab-gallery-dot {
|
|
2687
|
+
width: 8px;
|
|
2688
|
+
height: 8px;
|
|
2689
|
+
border-radius: 50%;
|
|
2690
|
+
background: transparent;
|
|
2691
|
+
cursor: pointer;
|
|
2692
|
+
transition: background 0.25s ease, transform 0.25s ease, width 0.25s ease;
|
|
2693
|
+
border: 1px solid var(--body-text, #212a2f);
|
|
1993
2694
|
}
|
|
1994
|
-
.ab-gallery-
|
|
1995
|
-
|
|
2695
|
+
.ab-gallery-dot.ab-active {
|
|
2696
|
+
background: var(--body-text, #212a2f);
|
|
2697
|
+
width: 8px;
|
|
2698
|
+
border-radius: 4px;
|
|
1996
2699
|
}
|
|
1997
|
-
.
|
|
1998
|
-
|
|
2700
|
+
.animate-slideIn.p_details_container.mt-10.sm\:mt-16.sm\:px-0.lg\:mt-0 {
|
|
2701
|
+
margin: 10px 0;
|
|
1999
2702
|
}
|
|
2000
|
-
|
|
2001
|
-
|
|
2002
|
-
|
|
2003
|
-
|
|
2004
|
-
|
|
2005
|
-
|
|
2006
|
-
|
|
2703
|
+
/* Tablet: vertical stack */
|
|
2704
|
+
@media (min-width: 768px) and (max-width: 1023px) {
|
|
2705
|
+
.ab-gallery-track {
|
|
2706
|
+
flex-direction: column;
|
|
2707
|
+
gap: 8px;
|
|
2708
|
+
overflow: visible;
|
|
2709
|
+
scroll-snap-type: none;
|
|
2710
|
+
border-radius: 0;
|
|
2711
|
+
background: transparent;
|
|
2712
|
+
}
|
|
2713
|
+
.ab-gallery-slide {
|
|
2714
|
+
flex: 0 0 auto;
|
|
2715
|
+
width: 100%;
|
|
2716
|
+
border-radius: 12px;
|
|
2717
|
+
scroll-snap-align: none;
|
|
2718
|
+
}
|
|
2719
|
+
.ab-gallery-media {
|
|
2720
|
+
aspect-ratio: auto;
|
|
2721
|
+
height: auto;
|
|
2722
|
+
object-fit: cover;
|
|
2723
|
+
}
|
|
2724
|
+
.ab-gallery-dots {
|
|
2725
|
+
display: none;
|
|
2726
|
+
}
|
|
2727
|
+
.custom-static-promo {
|
|
2728
|
+
margin-top: 0px !important;
|
|
2729
|
+
}
|
|
2730
|
+
}
|
|
2731
|
+
main.container_class.pb-8.sm\:pb-10.pt-8.sm\:pt-10 {
|
|
2732
|
+
padding-top: var(--ab-main-container-top-padding, 40px) !important;
|
|
2733
|
+
}
|
|
2734
|
+
/* Desktop: grid, first image full-width, rest 2-col */
|
|
2735
|
+
@media (min-width: 1024px) {
|
|
2736
|
+
.ab-gallery-track {
|
|
2737
|
+
display: grid;
|
|
2738
|
+
grid-template-columns: repeat(2, 1fr);
|
|
2739
|
+
gap: 10px;
|
|
2740
|
+
overflow: visible;
|
|
2741
|
+
scroll-snap-type: none;
|
|
2742
|
+
border-radius: 0;
|
|
2743
|
+
background: transparent;
|
|
2744
|
+
}
|
|
2745
|
+
.ab-gallery-slide {
|
|
2746
|
+
flex: none;
|
|
2747
|
+
border-radius: 14px;
|
|
2748
|
+
scroll-snap-align: none;
|
|
2749
|
+
aspect-ratio: 1 / 1;
|
|
2750
|
+
}
|
|
2751
|
+
.ab-gallery-slide:first-child {
|
|
2752
|
+
grid-column: 1 / -1;
|
|
2753
|
+
aspect-ratio: 4 / 3;
|
|
2754
|
+
}
|
|
2755
|
+
.ab-gallery-media {
|
|
2756
|
+
aspect-ratio: auto;
|
|
2757
|
+
height: 100%;
|
|
2758
|
+
object-fit: contain;
|
|
2759
|
+
}
|
|
2760
|
+
.ab-gallery-dots {
|
|
2761
|
+
display: none;
|
|
2762
|
+
}
|
|
2007
2763
|
}
|
|
2008
2764
|
.ab-lightbox {
|
|
2009
2765
|
display: none;
|
|
@@ -2019,7 +2775,7 @@ div:has(> .ab-header) > * {
|
|
|
2019
2775
|
.ab-lightbox-backdrop {
|
|
2020
2776
|
position: absolute;
|
|
2021
2777
|
inset: 0;
|
|
2022
|
-
background:
|
|
2778
|
+
background: rgb(27 26 26 / 98%);
|
|
2023
2779
|
cursor: default;
|
|
2024
2780
|
}
|
|
2025
2781
|
.ab-lightbox-body,
|
|
@@ -2037,9 +2793,8 @@ div:has(> .ab-header) > * {
|
|
|
2037
2793
|
height: 44px;
|
|
2038
2794
|
border-radius: 50%;
|
|
2039
2795
|
border: 0;
|
|
2040
|
-
|
|
2041
|
-
|
|
2042
|
-
font-size: 28px;
|
|
2796
|
+
color: #fff;
|
|
2797
|
+
font-size: 32px;
|
|
2043
2798
|
font-weight: 300;
|
|
2044
2799
|
line-height: 1;
|
|
2045
2800
|
cursor: pointer;
|
|
@@ -2065,6 +2820,16 @@ div:has(> .ab-header) > * {
|
|
|
2065
2820
|
-webkit-user-select: none;
|
|
2066
2821
|
pointer-events: auto;
|
|
2067
2822
|
}
|
|
2823
|
+
.ab-lightbox-video {
|
|
2824
|
+
display: none;
|
|
2825
|
+
max-width: 90vw;
|
|
2826
|
+
max-height: 88vh;
|
|
2827
|
+
width: auto;
|
|
2828
|
+
height: auto;
|
|
2829
|
+
object-fit: contain;
|
|
2830
|
+
border-radius: 8px;
|
|
2831
|
+
pointer-events: auto;
|
|
2832
|
+
}
|
|
2068
2833
|
.ab-lightbox-arrow {
|
|
2069
2834
|
position: absolute;
|
|
2070
2835
|
top: 50%;
|
|
@@ -2103,40 +2868,7 @@ div:has(> .ab-header) > * {
|
|
|
2103
2868
|
font-weight: 500;
|
|
2104
2869
|
letter-spacing: 0.08em;
|
|
2105
2870
|
}
|
|
2106
|
-
@media (min-width: 769px) and (max-width: 1024px) {
|
|
2107
|
-
.ab-gallery-thumb {
|
|
2108
|
-
flex: 0 0 calc(33.333% - 6px);
|
|
2109
|
-
}
|
|
2110
|
-
}
|
|
2111
2871
|
@media (max-width: 768px) {
|
|
2112
|
-
.ab-gallery-main {
|
|
2113
|
-
border-radius: 12px;
|
|
2114
|
-
}
|
|
2115
|
-
.ab-gallery-zoom {
|
|
2116
|
-
opacity: 1;
|
|
2117
|
-
transform: scale(1);
|
|
2118
|
-
width: 34px;
|
|
2119
|
-
height: 34px;
|
|
2120
|
-
bottom: 10px;
|
|
2121
|
-
right: 10px;
|
|
2122
|
-
}
|
|
2123
|
-
.ab-gallery-zoom span {
|
|
2124
|
-
font-size: 20px;
|
|
2125
|
-
}
|
|
2126
|
-
.ab-gallery-thumbs {
|
|
2127
|
-
flex-wrap: nowrap;
|
|
2128
|
-
overflow-x: auto;
|
|
2129
|
-
scrollbar-width: none;
|
|
2130
|
-
-webkit-overflow-scrolling: touch;
|
|
2131
|
-
padding-bottom: 2px;
|
|
2132
|
-
}
|
|
2133
|
-
.ab-gallery-thumbs::-webkit-scrollbar {
|
|
2134
|
-
display: none;
|
|
2135
|
-
}
|
|
2136
|
-
.ab-gallery-thumb {
|
|
2137
|
-
flex: 0 0 72px;
|
|
2138
|
-
border-radius: 10px;
|
|
2139
|
-
}
|
|
2140
2872
|
.ab-lightbox-arrow {
|
|
2141
2873
|
width: 36px;
|
|
2142
2874
|
height: 36px;
|
|
@@ -2162,6 +2894,10 @@ div:has(> .ab-header) > * {
|
|
|
2162
2894
|
background: #fff;
|
|
2163
2895
|
background-size: 400% 100%;
|
|
2164
2896
|
}
|
|
2897
|
+
.ab-pgrid-card .ab-pgrid-media {
|
|
2898
|
+
background: #f5f4f2;
|
|
2899
|
+
background-size: 400% 100%;
|
|
2900
|
+
}
|
|
2165
2901
|
.ab-featured-media img,
|
|
2166
2902
|
.ab-pgrid-media img,
|
|
2167
2903
|
.ab-plist-media img {
|
|
@@ -2174,35 +2910,50 @@ div:has(> .ab-header) > * {
|
|
|
2174
2910
|
min-height: 160px;
|
|
2175
2911
|
}
|
|
2176
2912
|
}
|
|
2913
|
+
body:has(section.checkout_order_summary) .ab-footer,
|
|
2914
|
+
body:has(section.checkout_order_summary) .ab-footer-inner
|
|
2915
|
+
{
|
|
2916
|
+
display: none !important;
|
|
2917
|
+
opacity: 0 !important;
|
|
2918
|
+
visibility: hidden !important;
|
|
2919
|
+
height: 0 !important;
|
|
2920
|
+
margin: 0 !important;
|
|
2921
|
+
padding: 0 !important;
|
|
2922
|
+
overflow: hidden !important;
|
|
2923
|
+
pointer-events: none !important;
|
|
2924
|
+
}
|
|
2177
2925
|
.ab-footer {
|
|
2178
|
-
background: var(--ft-bg, #
|
|
2926
|
+
background: var(--ft-bg, #212121);
|
|
2179
2927
|
color: var(--ft-text, #fff);
|
|
2180
|
-
|
|
2181
|
-
}
|
|
2928
|
+
}
|
|
2182
2929
|
.ab-footer-inner {
|
|
2183
|
-
max-width:
|
|
2930
|
+
max-width: inherit;
|
|
2184
2931
|
margin: 0 auto;
|
|
2185
|
-
padding:
|
|
2186
|
-
display: flex;
|
|
2187
|
-
justify-content: space-between;
|
|
2188
|
-
gap: 40px;
|
|
2189
|
-
flex-wrap: wrap;
|
|
2190
|
-
}
|
|
2191
|
-
.ab-footer-columns {
|
|
2932
|
+
padding: 40px 20px 24px;
|
|
2192
2933
|
display: flex;
|
|
2193
|
-
|
|
2194
|
-
|
|
2934
|
+
flex-direction: column;
|
|
2935
|
+
gap: 24px;
|
|
2195
2936
|
}
|
|
2196
2937
|
.ab-footer-col {
|
|
2197
|
-
min-width:
|
|
2938
|
+
min-width: 0;
|
|
2198
2939
|
}
|
|
2199
2940
|
.ab-footer-heading {
|
|
2200
|
-
margin: 0 0
|
|
2201
|
-
font-size:
|
|
2202
|
-
font-weight:
|
|
2941
|
+
margin: 0 0 32px;
|
|
2942
|
+
font-size: 12px;
|
|
2943
|
+
font-weight: 400;
|
|
2203
2944
|
text-transform: uppercase;
|
|
2204
|
-
letter-spacing:
|
|
2205
|
-
|
|
2945
|
+
letter-spacing: 1.2px;
|
|
2946
|
+
}
|
|
2947
|
+
.ab-footer-contact-title__ar {
|
|
2948
|
+
display: none;
|
|
2949
|
+
}
|
|
2950
|
+
.ab-lang-ar .ab-footer-contact-title__en {
|
|
2951
|
+
display: none;
|
|
2952
|
+
}
|
|
2953
|
+
.ab-lang-ar .ab-footer-contact-title__ar {
|
|
2954
|
+
display: inline;
|
|
2955
|
+
text-transform: none;
|
|
2956
|
+
letter-spacing: normal;
|
|
2206
2957
|
}
|
|
2207
2958
|
.ab-footer-links {
|
|
2208
2959
|
list-style: none;
|
|
@@ -2210,7 +2961,8 @@ div:has(> .ab-header) > * {
|
|
|
2210
2961
|
padding: 0;
|
|
2211
2962
|
}
|
|
2212
2963
|
.ab-footer-links li {
|
|
2213
|
-
margin-bottom:
|
|
2964
|
+
margin-bottom: 12px;
|
|
2965
|
+
padding-left: 0;
|
|
2214
2966
|
}
|
|
2215
2967
|
.ab-footer-links a {
|
|
2216
2968
|
font-size: 13px;
|
|
@@ -2220,11 +2972,6 @@ div:has(> .ab-header) > * {
|
|
|
2220
2972
|
.ab-footer-links a:hover {
|
|
2221
2973
|
opacity: 0.7;
|
|
2222
2974
|
}
|
|
2223
|
-
.ab-footer-brand {
|
|
2224
|
-
display: flex;
|
|
2225
|
-
flex-direction: column;
|
|
2226
|
-
gap: 1.25rem;
|
|
2227
|
-
}
|
|
2228
2975
|
.ab-footer-links a,
|
|
2229
2976
|
.ab-footer-logo {
|
|
2230
2977
|
text-decoration: none;
|
|
@@ -2243,27 +2990,79 @@ div:has(> .ab-header) > * {
|
|
|
2243
2990
|
letter-spacing: 0.04em;
|
|
2244
2991
|
text-transform: uppercase;
|
|
2245
2992
|
}
|
|
2246
|
-
|
|
2993
|
+
|
|
2994
|
+
/* ── <details> accordion (Categories / Pages) ── */
|
|
2995
|
+
.ab-footer-accordions {
|
|
2247
2996
|
display: flex;
|
|
2248
2997
|
flex-direction: column;
|
|
2249
|
-
gap: 0
|
|
2998
|
+
gap: 0;
|
|
2250
2999
|
}
|
|
2251
|
-
.ab-footer-
|
|
2252
|
-
|
|
3000
|
+
.ab-footer-details {
|
|
3001
|
+
border-bottom: 1px solid rgba(255, 255, 255, 0.12);
|
|
3002
|
+
padding: 12px 0; max-width: inherit;
|
|
3003
|
+
}
|
|
3004
|
+
.ab-footer-details > summary {
|
|
3005
|
+
margin: 0;
|
|
3006
|
+
list-style: none;
|
|
3007
|
+
cursor: pointer;
|
|
3008
|
+
user-select: none;
|
|
2253
3009
|
display: flex;
|
|
2254
3010
|
align-items: center;
|
|
2255
|
-
|
|
3011
|
+
justify-content: space-between;
|
|
3012
|
+
gap: 12px;
|
|
3013
|
+
padding: 4px 0;
|
|
2256
3014
|
}
|
|
2257
|
-
.ab-footer-
|
|
2258
|
-
|
|
2259
|
-
|
|
2260
|
-
|
|
3015
|
+
.ab-footer-details > summary::-webkit-details-marker,
|
|
3016
|
+
.ab-footer-details > summary::marker {
|
|
3017
|
+
display: none;
|
|
3018
|
+
content: "";
|
|
2261
3019
|
}
|
|
2262
|
-
|
|
2263
|
-
|
|
3020
|
+
.ab-footer-details[open] > summary {
|
|
3021
|
+
margin-bottom: 12px;
|
|
2264
3022
|
}
|
|
2265
|
-
.ab-footer-
|
|
2266
|
-
display: inline-
|
|
3023
|
+
.ab-footer-chev {
|
|
3024
|
+
display: inline-flex;
|
|
3025
|
+
align-items: center;
|
|
3026
|
+
justify-content: center;
|
|
3027
|
+
width: 16px;
|
|
3028
|
+
height: 16px;
|
|
3029
|
+
flex-shrink: 0;
|
|
3030
|
+
transition: transform 0.25s ease;
|
|
3031
|
+
}
|
|
3032
|
+
.ab-footer-chev svg {
|
|
3033
|
+
width: 100%;
|
|
3034
|
+
height: 100%;
|
|
3035
|
+
}
|
|
3036
|
+
.ab-footer-details[open] .ab-footer-chev {
|
|
3037
|
+
transform: rotate(180deg);
|
|
3038
|
+
}
|
|
3039
|
+
|
|
3040
|
+
/* Contact uses same accordion behavior as categories/pages */
|
|
3041
|
+
.ab-footer-contact-info {
|
|
3042
|
+
display: block;
|
|
3043
|
+
}
|
|
3044
|
+
.ab-footer-contact {
|
|
3045
|
+
display: flex;
|
|
3046
|
+
flex-direction: column;
|
|
3047
|
+
margin: 0;
|
|
3048
|
+
font-style: normal;
|
|
3049
|
+
}
|
|
3050
|
+
.ab-footer-contact-item,
|
|
3051
|
+
.ab-footer-social-icons a {
|
|
3052
|
+
display: flex;
|
|
3053
|
+
align-items: center;
|
|
3054
|
+
color: var(--ft-text, #fff);
|
|
3055
|
+
}
|
|
3056
|
+
.ab-footer-contact-item {
|
|
3057
|
+
gap: 0.5rem;
|
|
3058
|
+
font-size: 13px;margin-bottom: 12px;
|
|
3059
|
+
text-decoration: none;
|
|
3060
|
+
}
|
|
3061
|
+
a.ab-footer-contact-item:hover {
|
|
3062
|
+
opacity: 0.9;
|
|
3063
|
+
}
|
|
3064
|
+
.ab-footer-contact-icon {
|
|
3065
|
+
display: inline-block;
|
|
2267
3066
|
width: 16px;
|
|
2268
3067
|
height: 16px;
|
|
2269
3068
|
min-width: 16px;
|
|
@@ -2285,27 +3084,25 @@ a.ab-footer-contact-item:hover {
|
|
|
2285
3084
|
.ab-footer-social {
|
|
2286
3085
|
display: flex;
|
|
2287
3086
|
flex-direction: column;
|
|
2288
|
-
align-items:
|
|
3087
|
+
align-items: center;
|
|
2289
3088
|
}
|
|
2290
3089
|
.ab-footer-social-label {
|
|
2291
|
-
margin: 0 0
|
|
2292
|
-
font-size:
|
|
2293
|
-
font-weight:
|
|
3090
|
+
margin: 0 0 24px;
|
|
3091
|
+
font-size: 12px;
|
|
3092
|
+
font-weight: 400;
|
|
2294
3093
|
text-transform: uppercase;
|
|
2295
|
-
letter-spacing:
|
|
2296
|
-
|
|
2297
|
-
}
|
|
3094
|
+
letter-spacing: 1.2px;
|
|
3095
|
+
}
|
|
2298
3096
|
.ab-footer-social-icons {
|
|
2299
3097
|
display: flex;
|
|
2300
3098
|
gap: 10px;
|
|
2301
3099
|
}
|
|
2302
3100
|
.ab-footer-social-icons a {
|
|
2303
|
-
width:
|
|
2304
|
-
height:
|
|
3101
|
+
width: 33px;
|
|
3102
|
+
height: 33px;
|
|
2305
3103
|
border-radius: 50%;
|
|
2306
3104
|
border: 1px solid var(--ft-text, #fff);
|
|
2307
|
-
|
|
2308
|
-
justify-content: center;
|
|
3105
|
+
justify-content: center;
|
|
2309
3106
|
color: var(--ft-text, #fff);
|
|
2310
3107
|
}
|
|
2311
3108
|
.ab-footer-social-icons a:hover {
|
|
@@ -2319,8 +3116,8 @@ a.ab-footer-contact-item:hover {
|
|
|
2319
3116
|
}
|
|
2320
3117
|
.ab-footer-social-img {
|
|
2321
3118
|
display: inline-block;
|
|
2322
|
-
width:
|
|
2323
|
-
height:
|
|
3119
|
+
width: 20px;
|
|
3120
|
+
height: 17px;
|
|
2324
3121
|
background-color: var(--ft-text, #fff);
|
|
2325
3122
|
-webkit-mask-size: contain;
|
|
2326
3123
|
mask-size: contain;
|
|
@@ -2330,16 +3127,28 @@ a.ab-footer-contact-item:hover {
|
|
|
2330
3127
|
mask-position: center;
|
|
2331
3128
|
}
|
|
2332
3129
|
.ab-footer-payment {
|
|
2333
|
-
margin-block: 1.25rem;
|
|
2334
3130
|
display: flex;
|
|
2335
3131
|
justify-content: center;
|
|
2336
3132
|
}
|
|
2337
3133
|
.ab-footer-payment img {
|
|
2338
|
-
max-height:
|
|
3134
|
+
max-height: 30px;
|
|
2339
3135
|
width: auto;
|
|
2340
3136
|
}
|
|
3137
|
+
.ab-footer-social-row {
|
|
3138
|
+
display: flex;
|
|
3139
|
+
flex-direction: column;
|
|
3140
|
+
align-items: center;
|
|
3141
|
+
gap: 18px;
|
|
3142
|
+
margin-top: 8px;
|
|
3143
|
+
}
|
|
2341
3144
|
.ab-footer-bottom {
|
|
2342
|
-
padding:
|
|
3145
|
+
padding-top: 20px;
|
|
3146
|
+
margin-top: 8px;
|
|
3147
|
+
border-top: 1px solid rgba(255, 255, 255, 0.12);
|
|
3148
|
+
display: flex;
|
|
3149
|
+
flex-direction: column;
|
|
3150
|
+
align-items: center;
|
|
3151
|
+
gap: 14px;
|
|
2343
3152
|
text-align: center;
|
|
2344
3153
|
}
|
|
2345
3154
|
.ab-footer-copy {
|
|
@@ -2347,7 +3156,7 @@ a.ab-footer-contact-item:hover {
|
|
|
2347
3156
|
font-size: 12px;
|
|
2348
3157
|
}
|
|
2349
3158
|
.ab-footer-powered {
|
|
2350
|
-
margin:
|
|
3159
|
+
margin: 0;
|
|
2351
3160
|
font-size: 12px;
|
|
2352
3161
|
}
|
|
2353
3162
|
.ab-footer-powered a {
|
|
@@ -2358,24 +3167,71 @@ a.ab-footer-contact-item:hover {
|
|
|
2358
3167
|
.ab-footer-powered a:hover {
|
|
2359
3168
|
text-decoration: underline;
|
|
2360
3169
|
}
|
|
2361
|
-
.ab-footer-
|
|
2362
|
-
|
|
2363
|
-
|
|
2364
|
-
|
|
2365
|
-
|
|
3170
|
+
.ab-footer-subscribe-section {
|
|
3171
|
+
text-align: center;
|
|
3172
|
+
}
|
|
3173
|
+
.ab-footer-subscribe-section .ab-footer-heading {
|
|
3174
|
+
text-align: center;
|
|
3175
|
+
}
|
|
3176
|
+
.ab-footer-subscribe-section .ab-footer-subscribe-title {
|
|
3177
|
+
color: var(--ft-text, #fff);
|
|
3178
|
+
margin-bottom: 10px;
|
|
3179
|
+
}
|
|
3180
|
+
.ab-footer-subscribe-description {
|
|
3181
|
+
margin: 0 0 18px;
|
|
3182
|
+
font-size: 13px;
|
|
3183
|
+
line-height: 1.6;
|
|
3184
|
+
color: var(--ab-footer-subscribe-color, var(--ft-text, #fff));
|
|
3185
|
+
opacity: 0.7;
|
|
3186
|
+
}
|
|
3187
|
+
@media (max-width: 760px) {
|
|
3188
|
+
.ab-footer-subscribe-section.ab-footer-subscribe--hide-mobile {
|
|
3189
|
+
display: none !important;
|
|
3190
|
+
}
|
|
3191
|
+
}
|
|
3192
|
+
@media (min-width: 761px) {
|
|
3193
|
+
.ab-footer-subscribe-section.ab-footer-subscribe--hide-mobile {
|
|
3194
|
+
display: block !important;
|
|
3195
|
+
}
|
|
3196
|
+
}
|
|
3197
|
+
.ab-footer-input-wrapper {
|
|
2366
3198
|
flex: 1;
|
|
2367
|
-
|
|
3199
|
+
min-width: 0;
|
|
3200
|
+
display: flex;
|
|
3201
|
+
align-items: center;
|
|
3202
|
+
background-color: #fff;
|
|
3203
|
+
border-radius: 50px;
|
|
3204
|
+
padding: 3px 10px 3px 15px;
|
|
3205
|
+
border: 1px solid #ddd;
|
|
3206
|
+
transition: all 0.3s ease;
|
|
3207
|
+
}
|
|
3208
|
+
.ab-footer-subscribe-input:focus {
|
|
3209
|
+
outline: none !important;
|
|
3210
|
+
border: none !important;
|
|
3211
|
+
box-shadow: none !important;
|
|
3212
|
+
background: transparent !important;
|
|
3213
|
+
}
|
|
3214
|
+
.ab-footer-input-wrapper:focus-within {
|
|
3215
|
+
box-shadow: 0 0 8px rgba(0,0,0,0.1);
|
|
3216
|
+
}
|
|
3217
|
+
.ab-footer-email-error {
|
|
3218
|
+
display: none;
|
|
3219
|
+
margin-top: 6px;
|
|
3220
|
+
font-size: 12px;
|
|
3221
|
+
color: #f87171;
|
|
3222
|
+
text-align: center;
|
|
2368
3223
|
}
|
|
2369
3224
|
.ab-footer-subscribe-form {
|
|
2370
3225
|
display: flex;
|
|
3226
|
+
flex-direction: column;
|
|
2371
3227
|
gap: 0;
|
|
2372
3228
|
}
|
|
2373
3229
|
.ab-footer-subscribe-input {
|
|
2374
3230
|
flex: 1;
|
|
2375
3231
|
height: 40px;
|
|
2376
|
-
padding: 0
|
|
2377
|
-
font-size:
|
|
2378
|
-
color: #
|
|
3232
|
+
padding: 0;
|
|
3233
|
+
font-size: 16px;
|
|
3234
|
+
color: #212121;
|
|
2379
3235
|
background: transparent;
|
|
2380
3236
|
border: 1px solid rgba(255, 255, 255, 0.3);
|
|
2381
3237
|
border-radius: 0;
|
|
@@ -2388,13 +3244,24 @@ a.ab-footer-contact-item:hover {
|
|
|
2388
3244
|
.ab-footer-subscribe-input:focus {
|
|
2389
3245
|
border-color: rgba(255, 255, 255, 0.7);
|
|
2390
3246
|
}
|
|
3247
|
+
input.ab-footer-subscribe-input::placeholder {
|
|
3248
|
+
color: #212121;
|
|
3249
|
+
}
|
|
3250
|
+
.relative.px-4.sm\:px-6.h-full {
|
|
3251
|
+
padding-top: 4rem;
|
|
3252
|
+
}span.mt-2.block.text-3xl.text-center.leading-8.font-extrabold.tracking-tight.text-gray-900.sm\:text-4xl {
|
|
3253
|
+
font-weight: 500;
|
|
3254
|
+
font-size: 28px;
|
|
3255
|
+
}
|
|
3256
|
+
.relative.py-16.bg-white.flex-1 {background: var(--body-bg, #ECE9E2);}
|
|
3257
|
+
|
|
2391
3258
|
.ab-footer-subscribe-btn {
|
|
2392
3259
|
width: 40px;
|
|
2393
3260
|
height: 40px;
|
|
2394
3261
|
display: flex;
|
|
2395
3262
|
align-items: center;
|
|
2396
3263
|
justify-content: center;
|
|
2397
|
-
background:
|
|
3264
|
+
background: transparent;
|
|
2398
3265
|
border: none;
|
|
2399
3266
|
cursor: pointer;
|
|
2400
3267
|
flex-shrink: 0;
|
|
@@ -2403,7 +3270,7 @@ a.ab-footer-contact-item:hover {
|
|
|
2403
3270
|
.ab-footer-subscribe-btn svg {
|
|
2404
3271
|
width: 18px;
|
|
2405
3272
|
height: 18px;
|
|
2406
|
-
stroke:
|
|
3273
|
+
stroke: #353535;
|
|
2407
3274
|
}
|
|
2408
3275
|
.ab-footer-subscribe-btn:hover {
|
|
2409
3276
|
opacity: 0.85;
|
|
@@ -2416,32 +3283,180 @@ a.ab-footer-contact-item:hover {
|
|
|
2416
3283
|
.ab-footer-subscribe-msg[data-error] {
|
|
2417
3284
|
color: #f87171;
|
|
2418
3285
|
}
|
|
2419
|
-
|
|
3286
|
+
/* ==========================================================
|
|
3287
|
+
TABLET (768–1023px): 3-column row, accordions forced open
|
|
3288
|
+
========================================================== */
|
|
3289
|
+
@media (min-width: 768px) and (max-width: 1023px) {
|
|
2420
3290
|
.ab-footer-inner {
|
|
2421
|
-
|
|
2422
|
-
padding: 32px 20px 24px;
|
|
3291
|
+
padding: 48px 24px 24px;
|
|
2423
3292
|
gap: 32px;
|
|
2424
3293
|
}
|
|
2425
|
-
.ab-footer-
|
|
2426
|
-
|
|
3294
|
+
.ab-footer-subscribe-section {
|
|
3295
|
+
text-align: left;
|
|
3296
|
+
max-width: 480px;
|
|
3297
|
+
}
|
|
3298
|
+
.ab-footer-subscribe-section .ab-footer-heading {
|
|
3299
|
+
text-align: start;
|
|
3300
|
+
}
|
|
3301
|
+
.ab-footer-accordions {
|
|
3302
|
+
flex-direction: row;
|
|
2427
3303
|
gap: 32px;
|
|
3304
|
+
align-items: flex-start;
|
|
3305
|
+
}
|
|
3306
|
+
.ab-footer-accordions > * {
|
|
3307
|
+
flex: 1 1 0;
|
|
3308
|
+
min-width: 0;
|
|
3309
|
+
}
|
|
3310
|
+
.ab-footer-contact-info {
|
|
3311
|
+
display: block;
|
|
3312
|
+
}
|
|
3313
|
+
/* Force <details> open, disable toggling
|
|
3314
|
+
.ab-footer-details > :not(summary) {
|
|
3315
|
+
display: block !important;
|
|
3316
|
+
}*/
|
|
3317
|
+
.ab-footer-details > summary {
|
|
3318
|
+
pointer-events: none;
|
|
3319
|
+
cursor: default;
|
|
3320
|
+
margin: 0 0 16px;
|
|
3321
|
+
padding: 0;
|
|
3322
|
+
}
|
|
3323
|
+
.ab-footer-details {
|
|
3324
|
+
border-top: 0;
|
|
3325
|
+
padding-top: 0;
|
|
3326
|
+
}
|
|
3327
|
+
.ab-footer-chev {
|
|
3328
|
+
display: none;
|
|
3329
|
+
}
|
|
3330
|
+
.ab-footer-social-row {
|
|
3331
|
+
flex-direction: row;
|
|
3332
|
+
justify-content: center;
|
|
3333
|
+
align-items: center;
|
|
3334
|
+
gap: 24px;
|
|
3335
|
+
}
|
|
3336
|
+
.ab-footer-bottom {
|
|
3337
|
+
flex-direction: row;
|
|
3338
|
+
justify-content: space-between;
|
|
3339
|
+
align-items: center;
|
|
3340
|
+
gap: 24px;
|
|
3341
|
+
flex-wrap: wrap;
|
|
3342
|
+
text-align: left;
|
|
3343
|
+
}
|
|
3344
|
+
}
|
|
3345
|
+
main.mx-auto.w-full.max-w-full.flex-1.px-4.sm\:px-6.xl\:max-w-7xl.xl\:px-8.pb-24 {
|
|
3346
|
+
padding-block-start: 8rem;
|
|
3347
|
+
}
|
|
3348
|
+
.sticky.top-0.z-10.bg-white.pt-4.pb-3.-mx-4.px-4.sm\:-mx-6.sm\:px-6.xl\:-mx-8.xl\:px-8 {
|
|
3349
|
+
background: transparent;
|
|
3350
|
+
}.w-full.me-2 label.block.text-sm.font-medium.text-black {
|
|
3351
|
+
display: none;
|
|
3352
|
+
}
|
|
3353
|
+
/* ==========================================================
|
|
3354
|
+
DESKTOP (≥1024px): 2-col grid row, social left, bottom row
|
|
3355
|
+
========================================================== */
|
|
3356
|
+
@media (min-width: 1024px) {
|
|
3357
|
+
.ab-footer-inner {
|
|
3358
|
+
display: grid;
|
|
3359
|
+
grid-template-columns: 1fr 1.5fr;
|
|
3360
|
+
column-gap: 32px;
|
|
3361
|
+
row-gap: 24px;
|
|
3362
|
+
align-items: start;
|
|
3363
|
+
padding: 56px 32px 24px;
|
|
3364
|
+
}
|
|
3365
|
+
.ab-footer-subscribe-section {
|
|
3366
|
+
grid-column: 1;
|
|
3367
|
+
text-align: left;
|
|
3368
|
+
max-width: 25rem;
|
|
3369
|
+
}
|
|
3370
|
+
.ab-footer-subscribe-section .ab-footer-heading {
|
|
3371
|
+
text-align: start;
|
|
3372
|
+
}
|
|
3373
|
+
.ab-footer-accordions {
|
|
3374
|
+
grid-column: 2;
|
|
3375
|
+
flex-direction: row;
|
|
3376
|
+
gap: 48px;
|
|
3377
|
+
align-items: flex-start;
|
|
3378
|
+
display: flex;
|
|
3379
|
+
justify-content: space-evenly;
|
|
3380
|
+
}
|
|
3381
|
+
.ab-footer-accordions > * {
|
|
3382
|
+
flex: 1 1 0;
|
|
3383
|
+
min-width: 0;
|
|
3384
|
+
}
|
|
3385
|
+
.ab-footer-accordions > .ab-footer-contact-info {
|
|
3386
|
+
flex: 1.2 1 0;
|
|
3387
|
+
min-width: 190px;
|
|
3388
|
+
}
|
|
3389
|
+
.ab-footer-contact-info {
|
|
3390
|
+
display: block;
|
|
3391
|
+
}
|
|
3392
|
+
/* Force <details> open, disable toggling
|
|
3393
|
+
.ab-footer-details > :not(summary) {
|
|
3394
|
+
display: block !important;
|
|
3395
|
+
}*/
|
|
3396
|
+
.ab-footer-details > summary {
|
|
3397
|
+
pointer-events: none;
|
|
3398
|
+
cursor: default;
|
|
3399
|
+
margin: 0 0 16px;
|
|
3400
|
+
padding: 0;
|
|
3401
|
+
}
|
|
3402
|
+
.ab-footer-details {
|
|
3403
|
+
border-top: 0;
|
|
3404
|
+
padding: 0;
|
|
3405
|
+
}
|
|
3406
|
+
.ab-footer-contact-item {
|
|
3407
|
+
align-items: flex-start;
|
|
3408
|
+
line-height: 1.45;
|
|
3409
|
+
word-break: break-word;
|
|
3410
|
+
}
|
|
3411
|
+
.ab-footer-contact-item .contact-icon {
|
|
3412
|
+
margin-top: 2px;
|
|
3413
|
+
flex-shrink: 0;
|
|
3414
|
+
}
|
|
3415
|
+
.ab-footer-chev {
|
|
3416
|
+
display: none;
|
|
3417
|
+
}
|
|
3418
|
+
.ab-footer-social-row {
|
|
3419
|
+
grid-column: 1;
|
|
3420
|
+
flex-direction: row;
|
|
3421
|
+
justify-content: flex-start;
|
|
3422
|
+
align-items: center;
|
|
3423
|
+
gap: 24px;
|
|
3424
|
+
margin-top: 16px;
|
|
3425
|
+
}
|
|
3426
|
+
.ab-footer-bottom {
|
|
3427
|
+
grid-column: 1 / -1;
|
|
3428
|
+
flex-direction: row;
|
|
3429
|
+
justify-content: space-between;
|
|
3430
|
+
align-items: center;
|
|
3431
|
+
gap: 24px;
|
|
3432
|
+
flex-wrap: wrap;
|
|
3433
|
+
text-align: left;
|
|
3434
|
+
padding-top: 20px;
|
|
3435
|
+
margin-top: 8px;
|
|
2428
3436
|
}
|
|
2429
3437
|
.ab-footer-payment {
|
|
3438
|
+
justify-content: flex-end;
|
|
3439
|
+
}
|
|
3440
|
+
.ab-footer-payment img {
|
|
3441
|
+
max-height: 32px;
|
|
3442
|
+
}
|
|
3443
|
+
.ab-footer-social {
|
|
2430
3444
|
display: flex;
|
|
2431
|
-
|
|
2432
|
-
|
|
3445
|
+
flex-direction: column;
|
|
3446
|
+
align-items: flex-start;
|
|
2433
3447
|
}
|
|
2434
3448
|
}
|
|
2435
3449
|
.add_to_cart_btn {
|
|
2436
3450
|
background: var(--crt-btn-bg, #fff);
|
|
2437
3451
|
color: var(--crt-btn-text, #212a2f);
|
|
2438
3452
|
border: 1px solid var(--crt-btn-border, #212a2f);
|
|
2439
|
-
border-radius:
|
|
3453
|
+
border-radius: 12px;
|
|
2440
3454
|
flex: 1;
|
|
2441
|
-
|
|
3455
|
+
letter-spacing: 0.6px;
|
|
3456
|
+
line-height: 16px;
|
|
2442
3457
|
}
|
|
2443
3458
|
.quantity_btn_container {
|
|
2444
|
-
border-radius:
|
|
3459
|
+
border-radius: 12px;
|
|
2445
3460
|
gap: 0.5rem;
|
|
2446
3461
|
border: 1px solid var(--crt-btn-border, #212a2f);
|
|
2447
3462
|
margin: 0 !important;
|
|
@@ -2457,11 +3472,13 @@ a.ab-footer-contact-item:hover {
|
|
|
2457
3472
|
.checkout_btn {
|
|
2458
3473
|
color: var(--buy-btn-text, #fff);
|
|
2459
3474
|
border: 1px solid var(--buy-btn-border, #212a2f);
|
|
2460
|
-
border-radius:
|
|
3475
|
+
border-radius: 12px;
|
|
2461
3476
|
font-weight: 500;
|
|
2462
|
-
font-size:
|
|
2463
|
-
flex: 1;
|
|
2464
|
-
padding-block:
|
|
3477
|
+
font-size: 12px;
|
|
3478
|
+
flex: 1; text-transform: uppercase;
|
|
3479
|
+
padding-block: 16px;
|
|
3480
|
+
letter-spacing: 0.6px;
|
|
3481
|
+
line-height: 16px;
|
|
2465
3482
|
}
|
|
2466
3483
|
.checkout_btn:hover {
|
|
2467
3484
|
opacity: 0.88;
|
|
@@ -2472,12 +3489,16 @@ a.ab-footer-contact-item:hover {
|
|
|
2472
3489
|
padding: 0 1rem;
|
|
2473
3490
|
}
|
|
2474
3491
|
.ab-reviews-header {
|
|
2475
|
-
margin-bottom:
|
|
3492
|
+
margin-bottom: 1.5rem;
|
|
3493
|
+
display: flex;
|
|
3494
|
+
flex-direction: column;
|
|
3495
|
+
justify-content: center;
|
|
3496
|
+
align-items: center;
|
|
2476
3497
|
}
|
|
2477
3498
|
.ab-reviews-title {
|
|
2478
3499
|
font-size: 1.5rem;
|
|
2479
|
-
font-weight:
|
|
2480
|
-
color: var(--
|
|
3500
|
+
font-weight: 600;
|
|
3501
|
+
color: var(--body-text, #212a2f);
|
|
2481
3502
|
margin: 0 0 0.75rem;
|
|
2482
3503
|
}
|
|
2483
3504
|
.ab-reviews-summary {
|
|
@@ -2502,8 +3523,8 @@ a.ab-footer-contact-item:hover {
|
|
|
2502
3523
|
padding: 0.5rem 1.5rem;
|
|
2503
3524
|
font-size: 14px;
|
|
2504
3525
|
font-weight: 600;
|
|
2505
|
-
border: 1.5px solid var(--
|
|
2506
|
-
color: var(--
|
|
3526
|
+
border: 1.5px solid var(--body-text, #131316);
|
|
3527
|
+
color: var(--body-text, #131316);
|
|
2507
3528
|
background: 0 0;
|
|
2508
3529
|
border-radius: 2rem;
|
|
2509
3530
|
cursor: pointer;
|
|
@@ -2512,7 +3533,7 @@ a.ab-footer-contact-item:hover {
|
|
|
2512
3533
|
color 0.2s;
|
|
2513
3534
|
}
|
|
2514
3535
|
.ab-reviews-write-btn:hover {
|
|
2515
|
-
background: var(--
|
|
3536
|
+
background: var(--body-text, #131316);
|
|
2516
3537
|
color: #fff;
|
|
2517
3538
|
}
|
|
2518
3539
|
.ab-reviews-list {
|
|
@@ -2535,9 +3556,9 @@ a.ab-footer-contact-item:hover {
|
|
|
2535
3556
|
margin-bottom: 0.5rem;
|
|
2536
3557
|
}
|
|
2537
3558
|
.ab-review-author {
|
|
2538
|
-
font-size:
|
|
2539
|
-
font-weight:
|
|
2540
|
-
color: var(--
|
|
3559
|
+
font-size: 14px;
|
|
3560
|
+
font-weight: 600;
|
|
3561
|
+
color: var(--body-text, #131316);
|
|
2541
3562
|
margin: 0 0 0.5rem;
|
|
2542
3563
|
text-transform: uppercase;
|
|
2543
3564
|
letter-spacing: 0.02em;
|
|
@@ -2564,7 +3585,7 @@ a.ab-footer-contact-item:hover {
|
|
|
2564
3585
|
margin-top: 0.25rem;
|
|
2565
3586
|
font-size: 13px;
|
|
2566
3587
|
font-weight: 600;
|
|
2567
|
-
color: var(--
|
|
3588
|
+
color: var(--body-text, #131316);
|
|
2568
3589
|
cursor: pointer;
|
|
2569
3590
|
text-decoration: none;
|
|
2570
3591
|
}
|
|
@@ -2622,7 +3643,7 @@ a.ab-footer-contact-item:hover {
|
|
|
2622
3643
|
.ab-review-modal-header h3 {
|
|
2623
3644
|
font-size: 18px;
|
|
2624
3645
|
font-weight: 700;
|
|
2625
|
-
color: var(--
|
|
3646
|
+
color: var(--body-text, #131316);
|
|
2626
3647
|
margin: 0;
|
|
2627
3648
|
}
|
|
2628
3649
|
.ab-review-modal-close {
|
|
@@ -2666,7 +3687,7 @@ a.ab-footer-contact-item:hover {
|
|
|
2666
3687
|
box-sizing: border-box;
|
|
2667
3688
|
}
|
|
2668
3689
|
.ab-review-input:focus {
|
|
2669
|
-
border-color: var(--
|
|
3690
|
+
border-color: var(--body-text, #131316);
|
|
2670
3691
|
}
|
|
2671
3692
|
.ab-review-textarea {
|
|
2672
3693
|
min-height: 100px;
|
|
@@ -2675,7 +3696,7 @@ a.ab-footer-contact-item:hover {
|
|
|
2675
3696
|
.ab-review-submit-btn {
|
|
2676
3697
|
width: 100%;
|
|
2677
3698
|
padding: 0.625rem;
|
|
2678
|
-
background: var(--
|
|
3699
|
+
background: var(--body-text, #131316);
|
|
2679
3700
|
color: #fff;
|
|
2680
3701
|
border: 0;
|
|
2681
3702
|
border-radius: 2rem;
|
|
@@ -2715,7 +3736,7 @@ a.ab-footer-contact-item:hover {
|
|
|
2715
3736
|
}
|
|
2716
3737
|
.checkout_order_summary h2 {
|
|
2717
3738
|
font-size: 1.25rem !important;
|
|
2718
|
-
font-weight:
|
|
3739
|
+
font-weight: 500 !important;
|
|
2719
3740
|
color: var(--checkout-heading-text, #212a2f) !important;
|
|
2720
3741
|
letter-spacing: -0.01em;
|
|
2721
3742
|
}
|
|
@@ -2723,7 +3744,8 @@ a.ab-footer-contact-item:hover {
|
|
|
2723
3744
|
border-color: rgba(0, 0, 0, 0.08) !important;
|
|
2724
3745
|
}
|
|
2725
3746
|
.checkout_form {
|
|
2726
|
-
background: var(--checkout-form-bg, #
|
|
3747
|
+
background: var(--checkout-form-bg, #fcfcfc) ;
|
|
3748
|
+
padding-inline: 15px;
|
|
2727
3749
|
}
|
|
2728
3750
|
@media (min-width: 1024px) {
|
|
2729
3751
|
.checkout_order_summary.checkout_order_summary {
|
|
@@ -2731,10 +3753,10 @@ a.ab-footer-contact-item:hover {
|
|
|
2731
3753
|
}
|
|
2732
3754
|
}
|
|
2733
3755
|
.product_form_checkout.product_form_checkout {
|
|
2734
|
-
background: var(--checkout-form-bg, #
|
|
3756
|
+
background: var(--checkout-form-bg, #fcfcfc) !important;
|
|
2735
3757
|
border-radius: 1rem !important;
|
|
2736
3758
|
border: 0 !important;
|
|
2737
|
-
padding: 1.
|
|
3759
|
+
padding: 1.25rem 20px !important;
|
|
2738
3760
|
margin-top: 1.5rem !important;
|
|
2739
3761
|
box-shadow:
|
|
2740
3762
|
0 0 0 1px rgba(0, 0, 0, 0.06),
|
|
@@ -2742,15 +3764,15 @@ a.ab-footer-contact-item:hover {
|
|
|
2742
3764
|
}
|
|
2743
3765
|
.checkout_form .contact-info-heading h2,
|
|
2744
3766
|
.product_form_checkout p.text-lg {
|
|
2745
|
-
font-size: 1.1rem
|
|
2746
|
-
font-weight:
|
|
2747
|
-
color: var(--checkout-heading-text, #212a2f)
|
|
2748
|
-
margin-bottom: 0.25rem
|
|
3767
|
+
font-size: 1.1rem ;
|
|
3768
|
+
font-weight: 500 ;
|
|
3769
|
+
color: var(--checkout-heading-text, #212a2f) ;
|
|
3770
|
+
margin-bottom: 0.25rem ;
|
|
2749
3771
|
}
|
|
2750
3772
|
.checkout_form label,
|
|
2751
3773
|
.product_form_checkout label {
|
|
2752
|
-
font-size:
|
|
2753
|
-
font-weight:
|
|
3774
|
+
font-size: 13px !important;
|
|
3775
|
+
font-weight: 500 !important;
|
|
2754
3776
|
color: rgba(33, 42, 47, 0.55) !important;
|
|
2755
3777
|
text-transform: uppercase;
|
|
2756
3778
|
letter-spacing: 0.04em;
|
|
@@ -2758,11 +3780,11 @@ a.ab-footer-contact-item:hover {
|
|
|
2758
3780
|
.checkout_form .quantity_container,
|
|
2759
3781
|
.product_form_checkout .quantity_container {
|
|
2760
3782
|
display: inline-flex !important;
|
|
2761
|
-
|
|
2762
|
-
|
|
2763
|
-
|
|
2764
|
-
|
|
2765
|
-
|
|
3783
|
+
align-items: center !important;
|
|
3784
|
+
border: 1px solid #f5f4f2 !important;
|
|
3785
|
+
border-radius: 1rem !important;
|
|
3786
|
+
padding: 0.25rem !important;
|
|
3787
|
+
gap: 0 !important;
|
|
2766
3788
|
}
|
|
2767
3789
|
.checkout_form .quantity_btn,
|
|
2768
3790
|
.product_form_checkout .quantity_btn {
|
|
@@ -2778,6 +3800,22 @@ a.ab-footer-contact-item:hover {
|
|
|
2778
3800
|
margin: 0 !important;
|
|
2779
3801
|
transition: background 0.15s;
|
|
2780
3802
|
}
|
|
3803
|
+
.py-6.px-4.sm\:px-6 .mt-6.flex.justify-center.text-center.text-sm.text-gray-500 {
|
|
3804
|
+
display: none;
|
|
3805
|
+
}.py-6.px-4.sm\:px-6 dl.space-y-6.border-t.border-gray-200.pt-6.text-sm.font-medium.text-gray-900 {
|
|
3806
|
+
padding-top: 15px;
|
|
3807
|
+
}
|
|
3808
|
+
.flex.items-center.justify-between.border-t.border-gray-200.pt-6 {
|
|
3809
|
+
font-size: 18px;
|
|
3810
|
+
}
|
|
3811
|
+
.flex.items-center.justify-between.border-t.border-gray-200.pt-6 dt.text-gray-600 {
|
|
3812
|
+
color: #000;
|
|
3813
|
+
}dd.font-bold.flex.items-center.gap-0\.5 {
|
|
3814
|
+
font-weight: 600;
|
|
3815
|
+
}
|
|
3816
|
+
.fixed.bottom-0.left-0.right-0.z-50.mt-2.flex.items-center.justify-center.border-t.border-gray-200.py-2.max-md\:p-4.max-md\:bg-white.lg\:static.lg\:border-t-0 {
|
|
3817
|
+
padding: 0.5rem;
|
|
3818
|
+
}
|
|
2781
3819
|
.checkout_form .quantity_btn:hover,
|
|
2782
3820
|
.product_form_checkout .quantity_btn:hover {
|
|
2783
3821
|
background: rgba(0, 0, 0, 0.06) !important;
|
|
@@ -2790,9 +3828,9 @@ a.ab-footer-contact-item:hover {
|
|
|
2790
3828
|
.product_form_checkout .quantity_container p {
|
|
2791
3829
|
min-width: 2rem !important;
|
|
2792
3830
|
text-align: center !important;
|
|
2793
|
-
font-weight:
|
|
3831
|
+
font-weight: 500 !important;
|
|
2794
3832
|
font-size: 15px !important;
|
|
2795
|
-
color: var(--
|
|
3833
|
+
color: var(--body-text, #212a2f) !important;
|
|
2796
3834
|
}
|
|
2797
3835
|
.checkout_form .global_input:not(.border-red-500),
|
|
2798
3836
|
.checkout_form .global_textarea:not(.border-red-500),
|
|
@@ -2813,7 +3851,7 @@ a.ab-footer-contact-item:hover {
|
|
|
2813
3851
|
transition:
|
|
2814
3852
|
border-color 0.2s,
|
|
2815
3853
|
background 0.2s;
|
|
2816
|
-
font-size:
|
|
3854
|
+
font-size: 16px !important;
|
|
2817
3855
|
padding: 0.75rem 1rem !important;
|
|
2818
3856
|
width: 100%;
|
|
2819
3857
|
color: var(--input-text, #212a2f) !important;
|
|
@@ -2837,21 +3875,40 @@ a.ab-footer-contact-item:hover {
|
|
|
2837
3875
|
.checkout_form input[name="full_name"]:focus,
|
|
2838
3876
|
.product_form_checkout input[name="full_name"],
|
|
2839
3877
|
.product_form_checkout input[name="full_name"]:focus {
|
|
2840
|
-
background-image: url(
|
|
2841
|
-
background-repeat: no-repeat !important;
|
|
3878
|
+
background-image: url("data:image/svg+xml,%3Csvg width='17' height='18' viewBox='0 0 17 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.28705 11.3223C6.24871 9.55892 10.0022 9.5588 12.9638 11.3223C13.0607 11.3799 13.18 11.448 13.3154 11.5244C13.9094 11.8595 14.8077 12.3657 15.4228 12.9678C15.8074 13.3443 16.1726 13.8405 16.2392 14.4482C16.3099 15.0948 16.0277 15.7021 15.4619 16.2412C14.4858 17.171 13.3146 17.9159 11.7997 17.916H4.45112C2.93595 17.916 1.7642 17.1712 0.788031 16.2412C0.222182 15.7021 -0.0599851 15.0948 0.010687 14.4482C0.0772502 13.8405 0.44249 13.3443 0.827093 12.9678C1.44219 12.3657 2.3405 11.8595 2.93452 11.5244C3.07007 11.4479 3.19013 11.38 3.28705 11.3223ZM12.3242 12.3965C9.75652 10.8676 6.49337 10.8676 3.92573 12.3965C3.78592 12.4797 3.63304 12.5672 3.4726 12.6582C2.8788 12.9951 2.18549 13.3882 1.70209 13.8613C1.40222 14.1549 1.27349 14.3968 1.25287 14.584C1.23663 14.7326 1.27481 14.9782 1.65034 15.3359C2.51351 16.1583 3.39078 16.666 4.45112 16.666H11.7997C12.86 16.6659 13.7374 16.1582 14.6005 15.3359C14.9758 14.9783 15.0133 14.7326 14.997 14.584C14.9764 14.3969 14.8485 14.1547 14.5488 13.8613C14.0655 13.3883 13.372 12.995 12.7783 12.6582C12.6177 12.5671 12.464 12.4798 12.3242 12.3965ZM8.12494 0C10.5412 0 12.4999 1.95875 12.4999 4.375C12.4998 6.7911 10.5411 8.75 8.12494 8.75C5.70882 8.74998 3.75012 6.79109 3.74994 4.375C3.74994 1.95876 5.70871 1.57934e-05 8.12494 0ZM8.12494 1.25C6.39907 1.25002 4.99994 2.64912 4.99994 4.375C5.00012 6.10073 6.39918 7.49998 8.12494 7.5C9.85073 7.5 11.2498 6.10074 11.2499 4.375C11.2499 2.64911 9.85083 1.25 8.12494 1.25Z' fill='%23999999'/%3E%3C/svg%3E") !important;
|
|
2842
3879
|
background-position: 0.875rem center !important;
|
|
2843
|
-
background-size:
|
|
2844
|
-
padding-inline-start: 2.5rem !important;
|
|
3880
|
+
background-size: 16px 16px !important;
|
|
3881
|
+
padding-inline-start: 2.5rem !important;background-repeat: no-repeat !important;
|
|
3882
|
+
}
|
|
3883
|
+
html[dir="rtl"] .checkout_form input[name="full_name"],
|
|
3884
|
+
html[dir="rtl"] .checkout_form input[name="full_name"]:focus,
|
|
3885
|
+
html[dir="rtl"] .product_form_checkout input[name="full_name"],
|
|
3886
|
+
html[dir="rtl"] .product_form_checkout input[name="full_name"]:focus,
|
|
3887
|
+
.ab-lang-ar .checkout_form input[name="full_name"],
|
|
3888
|
+
.ab-lang-ar .checkout_form input[name="full_name"]:focus,
|
|
3889
|
+
.ab-lang-ar .product_form_checkout input[name="full_name"],
|
|
3890
|
+
.ab-lang-ar .product_form_checkout input[name="full_name"]:focus {
|
|
3891
|
+
background-position: calc(100% - 0.875rem) center !important;
|
|
2845
3892
|
}
|
|
2846
3893
|
.checkout_form input[name="phone"],
|
|
2847
3894
|
.checkout_form input[name="phone"]:focus,
|
|
2848
3895
|
.product_form_checkout input[name="phone"],
|
|
2849
3896
|
.product_form_checkout input[name="phone"]:focus {
|
|
2850
|
-
|
|
2851
|
-
background-repeat: no-repeat !important;
|
|
3897
|
+
background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.0389 0.398573C2.43298 0.0774647 2.91249 -0.0680865 3.38949 0.0304086C3.8616 0.127987 4.23784 0.445363 4.47152 0.864393L5.21566 2.20033C5.48983 2.69216 5.72123 3.10615 5.87191 3.46596C6.03165 3.8475 6.12622 4.2238 6.08284 4.63978C6.03945 5.05592 5.86877 5.40476 5.63363 5.74525C5.412 6.06613 5.10087 6.42329 4.73128 6.84779L2.87484 8.9806C4.34721 11.3939 6.52154 13.5692 8.93734 15.0431L11.0692 13.1867C11.4938 12.817 11.8517 12.506 12.1727 12.2843C12.5132 12.0492 12.862 11.8785 13.2782 11.8351C13.6942 11.7918 14.0704 11.8863 14.452 12.046C14.8117 12.1967 15.2259 12.4272 15.7176 12.7013L17.0535 13.4464C17.4725 13.6801 17.79 14.0564 17.8875 14.5285C17.986 15.0054 17.8404 15.485 17.5194 15.879C16.3536 17.3093 14.4856 18.2196 12.5262 17.8244C11.3218 17.5814 10.1334 17.1769 8.69613 16.3527C5.80849 14.6966 3.21948 12.1061 1.56527 9.22181C0.74101 7.78457 0.335564 6.59611 0.0926106 5.39174C-0.302636 3.43238 0.608597 1.56433 2.0389 0.398573ZM13.408 13.0783C13.2757 13.0921 13.126 13.1446 12.8826 13.3126C12.6263 13.4897 12.3213 13.7535 11.8641 14.1515L10.1014 15.6867C11.0734 16.1656 11.9186 16.4273 12.7733 16.5997C14.1866 16.8849 15.6132 16.238 16.5496 15.089C16.6724 14.9384 16.6736 14.8336 16.6629 14.7814C16.6511 14.7244 16.6032 14.6269 16.4442 14.5382L15.1395 13.8107C14.61 13.5155 14.2569 13.3197 13.9696 13.1994C13.697 13.0852 13.5403 13.0645 13.408 13.0783ZM10.0506 4.40736C10.1857 4.08987 10.5523 3.94143 10.87 4.07631C12.205 4.64325 13.2737 5.71294 13.8407 7.04799C13.9755 7.36567 13.8273 7.73242 13.5096 7.86732C13.192 8.00202 12.8251 7.85388 12.6903 7.53627C12.2499 6.49939 11.4185 5.66708 10.3817 5.2267C10.064 5.09178 9.9157 4.72508 10.0506 4.40736ZM3.13656 1.25502C3.08449 1.24429 2.97944 1.24484 2.82894 1.36732C1.67996 2.30379 1.03309 3.73129 1.3182 5.14467C1.4906 5.99925 1.75238 6.84464 2.23128 7.81654L3.76644 6.05287C4.16424 5.59593 4.42831 5.29152 4.60531 5.03529C4.77337 4.79193 4.82588 4.64227 4.83968 4.5099C4.85343 4.3776 4.83275 4.22099 4.71859 3.94838C4.59823 3.661 4.40248 3.30809 4.10726 2.77846L3.37972 1.47377C3.29107 1.31473 3.19357 1.2668 3.13656 1.25502ZM11.3436 0.0245493C14.4976 0.934719 16.9821 3.41948 17.8924 6.57338C17.9881 6.90493 17.7971 7.25099 17.4657 7.34681C17.134 7.44253 16.787 7.2517 16.6912 6.92006C15.9 4.17883 13.7382 2.0168 10.9969 1.22572C10.6655 1.1299 10.4746 0.783764 10.5701 0.452284C10.6658 0.120732 11.012 -0.0709687 11.3436 0.0245493Z' fill='%23999999'/%3E%3C/svg%3E") !important;
|
|
2852
3898
|
background-position: 0.875rem center !important;
|
|
2853
|
-
background-size:
|
|
2854
|
-
padding-inline-start: 2.5rem !important;
|
|
3899
|
+
background-size: 16px 16px !important;
|
|
3900
|
+
padding-inline-start: 2.5rem !important;background-repeat: no-repeat !important;
|
|
3901
|
+
}
|
|
3902
|
+
html[dir="rtl"] .checkout_form input[name="phone"],
|
|
3903
|
+
html[dir="rtl"] .checkout_form input[name="phone"]:focus,
|
|
3904
|
+
html[dir="rtl"] .product_form_checkout input[name="phone"],
|
|
3905
|
+
html[dir="rtl"] .product_form_checkout input[name="phone"]:focus,
|
|
3906
|
+
.ab-lang-ar .checkout_form input[name="phone"],
|
|
3907
|
+
.ab-lang-ar .checkout_form input[name="phone"]:focus,
|
|
3908
|
+
.ab-lang-ar .product_form_checkout input[name="phone"],
|
|
3909
|
+
.ab-lang-ar .product_form_checkout input[name="phone"]:focus {
|
|
3910
|
+
background-position: calc(100% - 0.875rem) center !important;
|
|
3911
|
+
|
|
2855
3912
|
}
|
|
2856
3913
|
.checkout_form textarea[name="address1"],
|
|
2857
3914
|
.checkout_form textarea[name="address1"]:focus,
|
|
@@ -2861,17 +3918,75 @@ a.ab-footer-contact-item:hover {
|
|
|
2861
3918
|
.product_form_checkout textarea[name="address1"]:focus,
|
|
2862
3919
|
.product_form_checkout textarea[name="address"],
|
|
2863
3920
|
.product_form_checkout textarea[name="address"]:focus {
|
|
2864
|
-
background-image: url(
|
|
2865
|
-
background-
|
|
2866
|
-
background-
|
|
2867
|
-
background-
|
|
2868
|
-
|
|
3921
|
+
background-image: url("data:image/svg+xml,%3Csvg width='15' height='18' viewBox='0 0 15 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.5977 13.3477C13.5802 13.7943 14.585 14.4916 14.585 15.4199C14.5848 16.2481 13.7741 16.8964 12.1768 17.3447C10.8644 17.713 9.1304 17.916 7.29395 17.916H7.29199C4.58376 17.916 0.00034628 17.3906 0 15.4199C0 14.4924 1.00578 13.7943 2.98828 13.3477C3.32471 13.2722 3.65863 13.4839 3.73535 13.8203C3.81118 14.157 3.59936 14.4917 3.2627 14.5684C1.82951 14.8917 1.34031 15.2809 1.25781 15.4209C1.45867 15.7952 3.44811 16.666 7.29297 16.666C11.1381 16.666 13.1268 15.7952 13.3281 15.4209C13.2456 15.2809 12.7562 14.8908 11.3232 14.5684C10.9866 14.4925 10.7748 14.1578 10.8506 13.8203C10.9265 13.4839 11.2603 13.272 11.5977 13.3477ZM7.29199 0C9.87198 1.38162e-05 12.2703 1.59586 13.2578 3.97168C14.9751 8.10153 11.8666 11.0487 9.36914 13.417C9.16667 13.6086 8.96646 13.7989 8.77148 13.9863C8.37151 14.3712 7.84592 14.582 7.29102 14.582C6.73648 14.5818 6.21127 14.3711 5.81152 13.9873C5.60238 13.7848 5.38978 13.5819 5.1748 13.377C2.69818 11.0195 -0.384332 8.08574 1.32715 3.97168C2.31465 1.59585 4.71199 0 7.29199 0ZM7.29199 1.25C5.21042 1.25 3.27735 2.53632 2.48145 4.45117C1.09978 7.772 3.60947 10.1617 6.03613 12.4717C6.2544 12.6791 6.46974 12.8836 6.67969 13.0869C6.84385 13.2444 7.06199 13.333 7.29199 13.333C7.52191 13.333 7.74044 13.2458 7.90625 13.0859C8.10375 12.8959 8.30574 12.7039 8.51074 12.5098C10.9598 10.1873 13.4911 7.7851 12.1045 4.4502C11.3078 2.53535 9.37355 1.24904 7.29199 1.24902V1.25ZM7.29199 3.75C8.78532 3.75 9.99999 4.96469 10 6.45801C10 7.95134 8.78533 9.16602 7.29199 9.16602C5.79866 9.16602 4.58398 7.95134 4.58398 6.45801C4.584 4.96469 5.79867 3.75 7.29199 3.75ZM7.29199 5C6.48783 5 5.834 5.65385 5.83398 6.45801C5.83398 7.26217 6.48783 7.91602 7.29199 7.91602C8.09616 7.91602 8.75 7.26217 8.75 6.45801C8.74999 5.65385 8.09615 5 7.29199 5Z' fill='%23999999'/%3E%3C/svg%3E") !important;
|
|
3922
|
+
background-position:14px 16px !important;
|
|
3923
|
+
background-size: 16px 16px !important;
|
|
3924
|
+
padding-inline-start: 2.5rem !important;background-repeat: no-repeat !important;
|
|
3925
|
+
}
|
|
3926
|
+
html[dir="rtl"] .checkout_form textarea[name="address1"],
|
|
3927
|
+
html[dir="rtl"] .checkout_form textarea[name="address1"]:focus,
|
|
3928
|
+
html[dir="rtl"] .checkout_form textarea[name="address"],
|
|
3929
|
+
html[dir="rtl"] .checkout_form textarea[name="address"]:focus,
|
|
3930
|
+
html[dir="rtl"] .product_form_checkout textarea[name="address1"],
|
|
3931
|
+
html[dir="rtl"] .product_form_checkout textarea[name="address1"]:focus,
|
|
3932
|
+
html[dir="rtl"] .product_form_checkout textarea[name="address"],
|
|
3933
|
+
html[dir="rtl"] .product_form_checkout textarea[name="address"]:focus,
|
|
3934
|
+
.ab-lang-ar .checkout_form textarea[name="address1"],
|
|
3935
|
+
.ab-lang-ar .checkout_form textarea[name="address1"]:focus,
|
|
3936
|
+
.ab-lang-ar .checkout_form textarea[name="address"],
|
|
3937
|
+
.ab-lang-ar .checkout_form textarea[name="address"]:focus,
|
|
3938
|
+
.ab-lang-ar .product_form_checkout textarea[name="address1"],
|
|
3939
|
+
.ab-lang-ar .product_form_checkout textarea[name="address1"]:focus,
|
|
3940
|
+
.ab-lang-ar .product_form_checkout textarea[name="address"],
|
|
3941
|
+
.ab-lang-ar .product_form_checkout textarea[name="address"]:focus {
|
|
3942
|
+
background-position: calc(100% - 14px) 16px !important;
|
|
3943
|
+
|
|
3944
|
+
}
|
|
3945
|
+
.css-hlgwow.select__value-container {
|
|
3946
|
+
background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.291 17.9161C17.6362 17.9161 17.916 17.6363 17.916 17.2911C17.9158 16.9461 17.6361 16.6661 17.291 16.6661H17.083V5.74915C17.083 5.2633 17.0831 4.85273 17.0488 4.51379C17.0124 4.15399 16.9337 3.82217 16.7441 3.50891C16.5542 3.19506 16.2974 2.9733 15.9961 2.77747C15.7133 2.59371 15.3515 2.40938 14.9268 2.1925L11.2813 0.331177C11.0269 0.201321 10.7753 0.0910493 10.54 0.0372314C10.3069 -0.0160616 9.98627 -0.0375256 9.69238 0.152466C9.40363 0.339339 9.2882 0.636156 9.23535 0.862427C9.18116 1.09455 9.16602 1.3659 9.16602 1.64856V5.00012H7.29102C6.76054 5.00013 6.2916 5.02694 5.89355 5.11438C5.48863 5.2034 5.11807 5.36357 4.82422 5.65735C4.53022 5.95135 4.36929 6.32246 4.28027 6.72766C4.19286 7.12573 4.16602 7.59462 4.16602 8.12512V8.33313H2.29102C2.10528 8.33314 1.91343 8.34209 1.73633 8.38098C1.55201 8.42147 1.34568 8.5021 1.17383 8.67395C1.00198 8.8458 0.921351 9.05213 0.880859 9.23645C0.841972 9.41355 0.833018 9.6054 0.833008 9.79114L0.833008 16.6661H0.625C0.279931 16.6661 0.000176026 16.9461 0 17.2911C0 17.6363 0.279822 17.9161 0.625 17.9161L17.291 17.9161ZM13.75 8.12512C13.75 7.59462 13.7232 7.12573 13.6357 6.72766C13.5467 6.32246 13.3858 5.95135 13.0918 5.65735C12.7979 5.36357 12.4274 5.2034 12.0225 5.11438C11.6244 5.02694 11.1555 5.00013 10.625 5.00012H10.416V1.64856C10.416 1.50763 10.4212 1.39728 10.4287 1.31165C10.5033 1.34195 10.5967 1.38513 10.7129 1.44446L14.3311 3.29114C14.7908 3.52586 15.0929 3.68135 15.3145 3.82532C15.5234 3.96109 15.616 4.05913 15.6748 4.15637C15.7341 4.25438 15.7789 4.38509 15.8047 4.63977C15.8319 4.90833 15.833 5.25524 15.833 5.77942L15.833 16.6661L13.75 16.6661L13.75 8.12512ZM5.41602 8.12512C5.41602 7.62156 5.44384 7.25977 5.50195 6.99524C5.5585 6.73814 5.6356 6.61354 5.70801 6.54114C5.78047 6.46874 5.90495 6.3916 6.16211 6.33508C6.42658 6.27698 6.78763 6.25013 7.29102 6.25012H10.625C11.1284 6.25013 11.4894 6.27698 11.7539 6.33508C12.0111 6.3916 12.1355 6.46874 12.208 6.54114C12.2804 6.61354 12.3575 6.73814 12.4141 6.99524C12.4722 7.25977 12.5 7.62156 12.5 8.12512L12.5 16.6661H5.41602L5.41602 8.12512ZM9.79102 9.58313C10.1362 9.58313 10.416 9.30331 10.416 8.95813C10.416 8.61295 10.1362 8.33313 9.79102 8.33313H8.125C7.77982 8.33313 7.5 8.61295 7.5 8.95813C7.5 9.30331 7.77982 9.58313 8.125 9.58313H9.79102ZM2.08301 9.79114C2.08301 9.7032 2.08572 9.63798 2.08984 9.58997C2.13786 9.58584 2.20308 9.58314 2.29102 9.58313H4.16602L4.16602 16.6661H2.08301L2.08301 9.79114ZM9.79102 12.0831C10.1362 12.0831 10.416 11.8033 10.416 11.4581C10.416 11.113 10.1362 10.8331 9.79102 10.8331H8.125C7.77982 10.8331 7.5 11.113 7.5 11.4581C7.5 11.8033 7.77982 12.0831 8.125 12.0831H9.79102ZM9.79102 14.5831C10.1362 14.5831 10.416 14.3033 10.416 13.9581C10.416 13.613 10.1362 13.3331 9.79102 13.3331H8.125C7.77982 13.3331 7.5 13.613 7.5 13.9581C7.5 14.3033 7.77982 14.5831 8.125 14.5831L9.79102 14.5831Z' fill='%23999999'/%3E%3C/svg%3E") !important;
|
|
3947
|
+
background-position: 0.875rem center !important;
|
|
3948
|
+
background-size: 16px 16px !important;
|
|
3949
|
+
padding-inline-start: 2.5rem !important;background-repeat: no-repeat !important;
|
|
3950
|
+
}
|
|
3951
|
+
html[dir="rtl"] .css-hlgwow.select__value-container,
|
|
3952
|
+
.ab-lang-ar .css-hlgwow.select__value-container {
|
|
3953
|
+
background-position: calc(100% - 0.875rem) center !important;
|
|
3954
|
+
|
|
2869
3955
|
}
|
|
2870
3956
|
.checkout_form .global_textarea,
|
|
2871
3957
|
.product_form_checkout .global_textarea {
|
|
2872
3958
|
min-height: 100px !important;
|
|
2873
3959
|
resize: vertical;
|
|
2874
3960
|
}
|
|
3961
|
+
.shipping_options_container.mt-2.flex.flex-col.space-y-2 {
|
|
3962
|
+
margin-block-start: 20px;
|
|
3963
|
+
margin-block-end: 20px;
|
|
3964
|
+
}
|
|
3965
|
+
.mt-2 span.text-lg.font-bold.text-gray-700 {
|
|
3966
|
+
font-weight: 500;
|
|
3967
|
+
font-size: 20px;
|
|
3968
|
+
color: var(--checkout-heading-text, #212a2f) ;
|
|
3969
|
+
}
|
|
3970
|
+
.shipping_options_container.mt-2 span.text-lg.font-bold.text-gray-700 {
|
|
3971
|
+
font-weight: 500;
|
|
3972
|
+
font-size: 20px;
|
|
3973
|
+
color: var(--checkout-heading-text, #212a2f) ;
|
|
3974
|
+
}
|
|
3975
|
+
button.shipping_option_card.flex.cursor-pointer.w-full.items-center.p-2.md\:p-3.transition.duration-300.ease-in-out.border-black.hover\:border-black.rounded-md.border-2 {
|
|
3976
|
+
border-width: 1.5px;
|
|
3977
|
+
}
|
|
3978
|
+
span.shipping_option_card_name.w-fit.text-base.font-bold.text-gray-600 {
|
|
3979
|
+
font-weight: 500;
|
|
3980
|
+
color: #212121;
|
|
3981
|
+
color: var(--checkout-heading-text, #212a2f) ;
|
|
3982
|
+
}
|
|
3983
|
+
span.shipping_option_card_description.w-fit.text-sm.text-gray-500 {
|
|
3984
|
+
color: rgb(from var(--checkout-heading-text, #212a2f) r g b / 0.6) ;
|
|
3985
|
+
|
|
3986
|
+
}
|
|
3987
|
+
.shipping_option_card_price.flex.items-center.gap-1.px-2 {
|
|
3988
|
+
color: rgb(from var(--checkout-heading-text, #212a2f) r g b / 0.99);
|
|
3989
|
+
}
|
|
2875
3990
|
.checkout_form .shipping_cost_container,
|
|
2876
3991
|
.product_form_checkout .shipping_cost_container {
|
|
2877
3992
|
padding: 0.875rem 0 !important;
|
|
@@ -2887,7 +4002,7 @@ a.ab-footer-contact-item:hover {
|
|
|
2887
4002
|
.product_form_checkout .shipping_cost_container dd {
|
|
2888
4003
|
font-weight: 700 !important;
|
|
2889
4004
|
font-size: 14px !important;
|
|
2890
|
-
color: var(--
|
|
4005
|
+
color: var(--body-text, #131316) !important;
|
|
2891
4006
|
}
|
|
2892
4007
|
.checkout_form .payments_container,
|
|
2893
4008
|
.product_form_checkout .payments_container {
|
|
@@ -2897,7 +4012,7 @@ a.ab-footer-contact-item:hover {
|
|
|
2897
4012
|
.checkout_form .payment_card,
|
|
2898
4013
|
.product_form_checkout .payment_card {
|
|
2899
4014
|
background: #fff !important;
|
|
2900
|
-
border-radius:
|
|
4015
|
+
border-radius: 5px;
|
|
2901
4016
|
transition:
|
|
2902
4017
|
border-color 0.2s,
|
|
2903
4018
|
box-shadow 0.2s;
|
|
@@ -2913,25 +4028,33 @@ a.ab-footer-contact-item:hover {
|
|
|
2913
4028
|
}
|
|
2914
4029
|
.checkout_form .payment_card.border-blue-600,
|
|
2915
4030
|
.product_form_checkout .payment_card.border-blue-600 {
|
|
2916
|
-
border-color: var(--
|
|
2917
|
-
|
|
2918
|
-
}
|
|
4031
|
+
border-color: var(--body-text, #131316) !important;
|
|
4032
|
+
}
|
|
2919
4033
|
.checkout_form .radio_container,
|
|
2920
4034
|
.product_form_checkout .radio_container {
|
|
2921
4035
|
border-color: rgba(0, 0, 0, 0.15) !important;
|
|
4036
|
+
height: 21px;
|
|
4037
|
+
min-width: 22px;
|
|
2922
4038
|
}
|
|
4039
|
+
|
|
2923
4040
|
.checkout_form .radio_circle,
|
|
2924
4041
|
.product_form_checkout .radio_circle {
|
|
2925
4042
|
transition: background-color 0.2s;
|
|
4043
|
+
width: 12px;
|
|
4044
|
+
height: 12px;
|
|
2926
4045
|
}
|
|
2927
4046
|
.checkout_form .radio_circle.bg-blue-500,
|
|
2928
4047
|
.product_form_checkout .radio_circle.bg-blue-500 {
|
|
2929
|
-
background-color: var(--
|
|
4048
|
+
background-color: var(--body-text, #131316) !important;
|
|
2930
4049
|
}
|
|
2931
4050
|
.checkout_form .payment_card_name,
|
|
2932
4051
|
.product_form_checkout .payment_card_name {
|
|
2933
|
-
font-weight:
|
|
2934
|
-
color: var(--
|
|
4052
|
+
font-weight: 500 !important;
|
|
4053
|
+
color: var(--checkout-heading-text, #212a2f) ;
|
|
4054
|
+
}
|
|
4055
|
+
.payment_card.border-blue-600 .radio_container {
|
|
4056
|
+
border-color: #000000 !important; /* لون أزرق مطابق لبراند الدفع */
|
|
4057
|
+
border-width: 1px; /* زيادة السمك لإبراز الاختيار */
|
|
2935
4058
|
}
|
|
2936
4059
|
.checkout_form .payment_card_description,
|
|
2937
4060
|
.product_form_checkout .payment_card_description {
|
|
@@ -2940,31 +4063,30 @@ a.ab-footer-contact-item:hover {
|
|
|
2940
4063
|
}
|
|
2941
4064
|
.checkout_form .total_price_container,
|
|
2942
4065
|
.product_form_checkout .total_price_container {
|
|
2943
|
-
padding: 0.875rem 0 !important;
|
|
4066
|
+
padding: 0.875rem 0 !important;font-size: 20px;font-weight: 600;
|
|
2944
4067
|
}
|
|
2945
|
-
.
|
|
2946
|
-
|
|
2947
|
-
color: rgba(33, 42, 47, 0.55) !important;
|
|
2948
|
-
font-size: 15px !important;
|
|
4068
|
+
.mt-20.flex.h-96.items-center.justify-center {
|
|
4069
|
+
height: 24rem !important;
|
|
2949
4070
|
}
|
|
2950
4071
|
.checkout_form .total_price_container .total_price,
|
|
2951
4072
|
.product_form_checkout .total_price_container .total_price {
|
|
2952
|
-
|
|
2953
|
-
|
|
2954
|
-
color: var(--hd-text, #212a2f) !important;
|
|
4073
|
+
font-weight: 600 ;
|
|
4074
|
+
color: var(--body-text, #131316) !important;
|
|
2955
4075
|
}
|
|
2956
4076
|
.checkout_buy_now,
|
|
2957
4077
|
.checkout_form button[type="submit"],
|
|
2958
4078
|
.form_checkout_btn {
|
|
2959
4079
|
background: var(--buy-btn-bg, #212a2f) !important;
|
|
2960
|
-
|
|
2961
|
-
|
|
2962
|
-
|
|
2963
|
-
|
|
2964
|
-
|
|
2965
|
-
|
|
2966
|
-
|
|
2967
|
-
|
|
4080
|
+
color: var(--buy-btn-text, #fff) !important;
|
|
4081
|
+
border: 1.5px solid var(--buy-btn-border, #212a2f) !important;
|
|
4082
|
+
border-radius: 2rem !important;
|
|
4083
|
+
font-weight: 500 !important;
|
|
4084
|
+
font-size: 14px;
|
|
4085
|
+
padding: 0.65rem 1.5rem;
|
|
4086
|
+
transition: opacity 0.2s;
|
|
4087
|
+
letter-spacing: 1px;
|
|
4088
|
+
margin-top: 0.3rem !important;
|
|
4089
|
+
text-transform: uppercase;
|
|
2968
4090
|
}
|
|
2969
4091
|
.checkout_buy_now:hover,
|
|
2970
4092
|
.checkout_form button[type="submit"]:hover,
|
|
@@ -2981,21 +4103,15 @@ a.ab-footer-contact-item:hover {
|
|
|
2981
4103
|
.bundles_title {
|
|
2982
4104
|
display: flex !important;
|
|
2983
4105
|
align-items: center !important;
|
|
2984
|
-
gap: 0.5rem !important;
|
|
4106
|
+
gap: 0.5rem !important;font-weight: 600;
|
|
4107
|
+
justify-content: center;
|
|
4108
|
+
align-items: center;
|
|
4109
|
+
}
|
|
4110
|
+
p.bundles_description.text-sm.md\:text-base.text-\[\#61758A\] {
|
|
4111
|
+
display: none;
|
|
2985
4112
|
}
|
|
2986
4113
|
.bundles_title::before {
|
|
2987
|
-
|
|
2988
|
-
display: inline-flex;
|
|
2989
|
-
width: 40px;
|
|
2990
|
-
height: 40px;
|
|
2991
|
-
min-width: 40px;
|
|
2992
|
-
border-radius: 50%;
|
|
2993
|
-
background-color: var(--buy-btn-bg, #333);
|
|
2994
|
-
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='19' y1='5' x2='5' y2='19'/%3E%3Ccircle cx='6.5' cy='6.5' r='2.5'/%3E%3Ccircle cx='17.5' cy='17.5' r='2.5'/%3E%3C/svg%3E");
|
|
2995
|
-
background-repeat: no-repeat;
|
|
2996
|
-
background-position: center;
|
|
2997
|
-
background-size: 20px 20px;
|
|
2998
|
-
order: -1;
|
|
4114
|
+
display: none;
|
|
2999
4115
|
}
|
|
3000
4116
|
.bundles_container > div {
|
|
3001
4117
|
padding: 1rem 1.25rem !important;
|
|
@@ -3006,27 +4122,26 @@ a.ab-footer-contact-item:hover {
|
|
|
3006
4122
|
border: 1px solid #e5e5e5 !important;
|
|
3007
4123
|
}
|
|
3008
4124
|
.bundles_container .radio_container {
|
|
3009
|
-
width:
|
|
3010
|
-
height:
|
|
3011
|
-
|
|
3012
|
-
border-color: #d9d9d9 !important;
|
|
4125
|
+
width: 22px !important;
|
|
4126
|
+
height: 22px !important;
|
|
4127
|
+
border-color: #d9d9d9 !important;
|
|
3013
4128
|
}
|
|
3014
4129
|
.bundles_container > div.\!border-\[3px\] .radio_container,
|
|
3015
4130
|
.bundles_container > div.\!border-skin-primary .radio_container {
|
|
3016
|
-
border-color: var(--
|
|
4131
|
+
border-color: var(--body-text, #131316) !important;
|
|
3017
4132
|
}
|
|
3018
4133
|
.bundles_container .radio_circle {
|
|
3019
|
-
width:
|
|
3020
|
-
height:
|
|
4134
|
+
width: 14px !important;
|
|
4135
|
+
height: 14px !important;
|
|
3021
4136
|
background: 0 0 !important;
|
|
3022
4137
|
}
|
|
3023
4138
|
.bundles_container .radio_circle.bg-blue-500 {
|
|
3024
|
-
background-color: var(--
|
|
4139
|
+
background-color: var(--body-text, #131316) !important;
|
|
3025
4140
|
}
|
|
3026
4141
|
.bundles_container > div p.text-xl {
|
|
3027
|
-
font-size: 1.05rem
|
|
3028
|
-
font-weight:
|
|
3029
|
-
color: var(--color-primary, #212a2f)
|
|
4142
|
+
font-size: 1.05rem ;
|
|
4143
|
+
font-weight: 500 ;margin-inline-start: 5px;
|
|
4144
|
+
color: var(--color-primary, #212a2f) ;
|
|
3030
4145
|
}
|
|
3031
4146
|
.bundles_container > div p.text-xs.bg-\[\#eee\],
|
|
3032
4147
|
.bundles_container > div p[class*="bg-[#eee]"] {
|
|
@@ -3036,11 +4151,19 @@ a.ab-footer-contact-item:hover {
|
|
|
3036
4151
|
font-size: 13px !important;
|
|
3037
4152
|
}
|
|
3038
4153
|
.bundles_container > div p.font-bold.text-gray-700 {
|
|
3039
|
-
font-size:
|
|
3040
|
-
font-weight:
|
|
4154
|
+
font-size: 14px;
|
|
4155
|
+
font-weight: 500 !important;
|
|
3041
4156
|
color: #010101 !important;
|
|
3042
4157
|
}
|
|
3043
|
-
.
|
|
4158
|
+
.border-skin-primary.pb-2 p.-mb-4.mt-2.font-bold.text-black {
|
|
4159
|
+
font-weight: 500;
|
|
4160
|
+
}
|
|
4161
|
+
.flex.flex-col.items-center.gap-2.md\:flex-row
|
|
4162
|
+
|
|
4163
|
+
{
|
|
4164
|
+
gap: 0px;
|
|
4165
|
+
}
|
|
4166
|
+
.bundles_container > div p.line-through {
|
|
3044
4167
|
font-size: 0.85rem !important;
|
|
3045
4168
|
color: #61758a !important;
|
|
3046
4169
|
}
|
|
@@ -3070,8 +4193,7 @@ a.ab-footer-contact-item:hover {
|
|
|
3070
4193
|
}
|
|
3071
4194
|
@media (max-width: 767px) {
|
|
3072
4195
|
.bundles_container {
|
|
3073
|
-
|
|
3074
|
-
border-radius: 1rem !important;
|
|
4196
|
+
border-radius: 1rem !important;
|
|
3075
4197
|
gap: 0.75rem !important;
|
|
3076
4198
|
}
|
|
3077
4199
|
.bundles_container > div {
|
|
@@ -3079,20 +4201,20 @@ a.ab-footer-contact-item:hover {
|
|
|
3079
4201
|
border-radius: 0.75rem !important;
|
|
3080
4202
|
}
|
|
3081
4203
|
.bundles_title::before {
|
|
3082
|
-
|
|
3083
|
-
height: 32px;
|
|
3084
|
-
min-width: 32px;
|
|
3085
|
-
background-size: 16px 16px;
|
|
3086
|
-
}
|
|
3087
|
-
.p_details_container {
|
|
3088
|
-
padding: 1.25rem !important;
|
|
4204
|
+
display: none;
|
|
3089
4205
|
}
|
|
4206
|
+
|
|
3090
4207
|
}
|
|
3091
4208
|
.ab-fake-counter {
|
|
3092
|
-
|
|
3093
|
-
|
|
3094
|
-
|
|
3095
|
-
|
|
4209
|
+
background-color: #fcfcfc;
|
|
4210
|
+
border-radius: 12px;
|
|
4211
|
+
padding: 16px 20px;
|
|
4212
|
+
display: flex;
|
|
4213
|
+
flex-direction: column;
|
|
4214
|
+
align-items: center;
|
|
4215
|
+
max-width: fit-content;
|
|
4216
|
+
margin: 16px auto;
|
|
4217
|
+
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.02);
|
|
3096
4218
|
}
|
|
3097
4219
|
.ab-fc-header {
|
|
3098
4220
|
display: flex;
|
|
@@ -3101,25 +4223,14 @@ a.ab-footer-contact-item:hover {
|
|
|
3101
4223
|
margin-bottom: 1.25rem;
|
|
3102
4224
|
}
|
|
3103
4225
|
.ab-fc-icon {
|
|
3104
|
-
display:
|
|
3105
|
-
align-items: center;
|
|
3106
|
-
justify-content: center;
|
|
3107
|
-
width: 28px;
|
|
3108
|
-
height: 28px;
|
|
3109
|
-
min-width: 28px;
|
|
3110
|
-
border-radius: 50%;
|
|
3111
|
-
background: var(--hd-text, #212a2f);
|
|
3112
|
-
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23fff' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M12 6v6l4 2'/%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3C/svg%3E");
|
|
3113
|
-
background-repeat: no-repeat;
|
|
3114
|
-
background-position: center;
|
|
3115
|
-
background-size: 16px 16px;
|
|
4226
|
+
display: none;
|
|
3116
4227
|
}
|
|
3117
4228
|
.ab-fc-title {
|
|
3118
4229
|
font-size: 0.8125rem;
|
|
3119
4230
|
font-weight: 600;
|
|
3120
4231
|
text-transform: uppercase;
|
|
3121
4232
|
letter-spacing: 0.08em;
|
|
3122
|
-
color: var(--
|
|
4233
|
+
color: var(--body-text, #131316);
|
|
3123
4234
|
}
|
|
3124
4235
|
.ab-fc-digits {
|
|
3125
4236
|
display: flex;
|
|
@@ -3145,10 +4256,10 @@ a.ab-footer-contact-item:hover {
|
|
|
3145
4256
|
border: 0;
|
|
3146
4257
|
background: #fff;
|
|
3147
4258
|
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
|
|
3148
|
-
font-size:
|
|
3149
|
-
font-weight:
|
|
4259
|
+
font-size: 20px;
|
|
4260
|
+
font-weight: 500;
|
|
3150
4261
|
font-variant-numeric: tabular-nums;
|
|
3151
|
-
color: var(--
|
|
4262
|
+
color: var(--body-text, #131316);
|
|
3152
4263
|
transition: transform 0.15s ease;
|
|
3153
4264
|
}
|
|
3154
4265
|
.ab-fc-label {
|
|
@@ -3194,7 +4305,7 @@ a.ab-footer-contact-item:hover {
|
|
|
3194
4305
|
.ab-fs-fill {
|
|
3195
4306
|
height: 100%;
|
|
3196
4307
|
width: 22%;
|
|
3197
|
-
background: var(--
|
|
4308
|
+
background: var(--body-text, #131316);
|
|
3198
4309
|
border-radius: 3px;
|
|
3199
4310
|
}
|
|
3200
4311
|
.ab-fs-text {
|
|
@@ -3203,11 +4314,33 @@ a.ab-footer-contact-item:hover {
|
|
|
3203
4314
|
font-weight: 600;
|
|
3204
4315
|
white-space: nowrap;
|
|
3205
4316
|
letter-spacing: 0.04em;
|
|
3206
|
-
color: var(--
|
|
4317
|
+
color: var(--body-text, #131316);
|
|
4318
|
+
}
|
|
4319
|
+
section.ab-plist.ab-plist--related h2.ab-plist-title.ab-reveal.ab-observed.ab-visible {
|
|
4320
|
+
font-size: 16px;letter-spacing: 1.2px;
|
|
4321
|
+
font-weight: 500;
|
|
4322
|
+
border: none;
|
|
4323
|
+
}
|
|
4324
|
+
section.ab-plist.ab-plist--related .ab-pgrid-swatches {
|
|
4325
|
+
display: none;
|
|
4326
|
+
}
|
|
4327
|
+
section.ab-plist.ab-plist--related .ab-plist-header {
|
|
4328
|
+
height: 40px;padding-inline-start: 20px;
|
|
4329
|
+
}.mx-auto.max-w-2xl.py-12.px-4.sm\:py-16.sm\:px-6.lg\:max-w-7xl.lg\:px-5.xl\:px-8 {
|
|
4330
|
+
padding-block: 0;
|
|
4331
|
+
}
|
|
4332
|
+
div:has(> div > .ab-pd):has(.checkout_btn) {
|
|
4333
|
+
background-color: #fcfcfc;
|
|
4334
|
+
padding: 20px;
|
|
4335
|
+
border-radius: 12px;
|
|
4336
|
+
border: 1px solid #eaeaea;
|
|
4337
|
+
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04);
|
|
3207
4338
|
}
|
|
3208
4339
|
.lq-desc-accordion {
|
|
3209
4340
|
margin-top: 1.5rem;
|
|
3210
4341
|
border-top: 1px solid #e5e1dc;
|
|
4342
|
+
background: #fff;
|
|
4343
|
+
border-radius:12px;
|
|
3211
4344
|
}
|
|
3212
4345
|
.lq-desc-item {
|
|
3213
4346
|
border-bottom: 1px solid #e5e1dc;
|
|
@@ -3217,15 +4350,15 @@ a.ab-footer-contact-item:hover {
|
|
|
3217
4350
|
align-items: center;
|
|
3218
4351
|
justify-content: space-between;
|
|
3219
4352
|
width: 100%;
|
|
3220
|
-
padding:
|
|
4353
|
+
padding: 16px;
|
|
3221
4354
|
background: 0 0;
|
|
3222
4355
|
border: 0;
|
|
3223
4356
|
cursor: pointer;
|
|
3224
|
-
font-size:
|
|
3225
|
-
font-weight:
|
|
4357
|
+
font-size: 14px;
|
|
4358
|
+
font-weight: 500;
|
|
3226
4359
|
text-transform: uppercase;
|
|
3227
|
-
letter-spacing:
|
|
3228
|
-
color: var(--
|
|
4360
|
+
letter-spacing: 1.4px;
|
|
4361
|
+
color: var(--body-text, #212a2f);
|
|
3229
4362
|
text-align: start;
|
|
3230
4363
|
}
|
|
3231
4364
|
.lq-desc-toggle-label {
|
|
@@ -3240,7 +4373,10 @@ a.ab-footer-contact-item:hover {
|
|
|
3240
4373
|
opacity: 0.7;
|
|
3241
4374
|
}
|
|
3242
4375
|
.lq-desc-toggle:hover {
|
|
3243
|
-
opacity: 0.
|
|
4376
|
+
opacity: 0.9;
|
|
4377
|
+
}
|
|
4378
|
+
.lq-desc-toggle span {
|
|
4379
|
+
font-family: "Akkurat Mono", ui-monospace, monospace;
|
|
3244
4380
|
}
|
|
3245
4381
|
.lq-desc-chevron {
|
|
3246
4382
|
position: relative;
|
|
@@ -3258,13 +4394,13 @@ a.ab-footer-contact-item:hover {
|
|
|
3258
4394
|
}
|
|
3259
4395
|
.lq-desc-chevron::before {
|
|
3260
4396
|
width: 14px;
|
|
3261
|
-
height:
|
|
4397
|
+
height: 1px;
|
|
3262
4398
|
top: 50%;
|
|
3263
4399
|
left: 0;
|
|
3264
4400
|
transform: translateY(-50%);
|
|
3265
4401
|
}
|
|
3266
4402
|
.lq-desc-chevron::after {
|
|
3267
|
-
width:
|
|
4403
|
+
width: 1px;
|
|
3268
4404
|
height: 14px;
|
|
3269
4405
|
top: 0;
|
|
3270
4406
|
left: 50%;
|
|
@@ -3274,7 +4410,7 @@ a.ab-footer-contact-item:hover {
|
|
|
3274
4410
|
transform: translateX(-50%) scaleY(0);
|
|
3275
4411
|
}
|
|
3276
4412
|
.lq-desc-panel {
|
|
3277
|
-
overflow: hidden;
|
|
4413
|
+
overflow: hidden;padding: 0 14px 22px;
|
|
3278
4414
|
}
|
|
3279
4415
|
.lq-desc-content {
|
|
3280
4416
|
padding: 0 0 1.25rem;
|
|
@@ -3294,11 +4430,11 @@ a.ab-footer-contact-item:hover {
|
|
|
3294
4430
|
.ab-fv-eye {
|
|
3295
4431
|
display: inline-flex;
|
|
3296
4432
|
align-items: center;
|
|
4433
|
+
justify-content: center;
|
|
3297
4434
|
}
|
|
3298
4435
|
.ab-fake-visitor {
|
|
3299
4436
|
gap: 0.625rem;
|
|
3300
|
-
|
|
3301
|
-
border-radius: 2rem;
|
|
4437
|
+
border-radius: 2rem;
|
|
3302
4438
|
padding: 0.5rem 1.125rem 0.5rem 0.75rem;
|
|
3303
4439
|
margin-top: 1rem;
|
|
3304
4440
|
width: 100%;
|
|
@@ -3309,21 +4445,30 @@ a.ab-footer-contact-item:hover {
|
|
|
3309
4445
|
height: 24px;
|
|
3310
4446
|
min-width: 24px;
|
|
3311
4447
|
border-radius: 50%;
|
|
3312
|
-
background: var(--
|
|
3313
|
-
|
|
3314
|
-
|
|
3315
|
-
|
|
3316
|
-
|
|
4448
|
+
background-color: var(--body-text, #131316);
|
|
4449
|
+
|
|
4450
|
+
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='black' stroke-width='1.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M15 12a3 3 0 11-6 0 3 3 0 016 0z'/%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z'/%3E%3C/svg%3E");
|
|
4451
|
+
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='black' stroke-width='1.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M15 12a3 3 0 11-6 0 3 3 0 016 0z'/%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z'/%3E%3C/svg%3E");
|
|
4452
|
+
-webkit-mask-repeat: no-repeat;
|
|
4453
|
+
mask-repeat: no-repeat;
|
|
4454
|
+
-webkit-mask-position: center;
|
|
4455
|
+
mask-position: center;
|
|
4456
|
+
-webkit-mask-size: 18px 18px;
|
|
4457
|
+
mask-size: 18px 18px;
|
|
4458
|
+
|
|
4459
|
+
/* إلغاء أي حدود أو خلفيات قديمة */
|
|
4460
|
+
border-radius: 0;
|
|
4461
|
+
background-image: none;
|
|
3317
4462
|
}
|
|
3318
4463
|
.ab-fv-text {
|
|
3319
4464
|
font-size: 0.8125rem;
|
|
3320
4465
|
font-weight: 500;
|
|
3321
|
-
color: var(--
|
|
4466
|
+
color: var(--body-text, #131316);
|
|
3322
4467
|
letter-spacing: 0.01em;
|
|
3323
|
-
line-height: 1;
|
|
4468
|
+
line-height: 1; font-family: "Akkurat Mono", ui-monospace, monospace;
|
|
3324
4469
|
}
|
|
3325
4470
|
.ab-fv-count {
|
|
3326
|
-
font-weight:
|
|
4471
|
+
font-weight: 600; font-family: "Akkurat Mono", ui-monospace, monospace;
|
|
3327
4472
|
font-variant-numeric: tabular-nums;
|
|
3328
4473
|
}
|
|
3329
4474
|
.fake_visitors_container.fake_visitors_container {
|
|
@@ -3338,10 +4483,10 @@ a.ab-footer-contact-item:hover {
|
|
|
3338
4483
|
.fake_visitors_container.fake_visitors_container p {
|
|
3339
4484
|
font-size: 0.8125rem !important;
|
|
3340
4485
|
font-weight: 500 !important;
|
|
3341
|
-
color: var(--
|
|
4486
|
+
color: var(--body-text, #131316) !important;
|
|
3342
4487
|
}
|
|
3343
4488
|
.fake_visitors_container.fake_visitors_container span {
|
|
3344
|
-
background: var(--
|
|
4489
|
+
background: var(--body-text, #131316) !important;
|
|
3345
4490
|
color: #fff !important;
|
|
3346
4491
|
border-radius: 1rem !important;
|
|
3347
4492
|
padding: 0.125rem 0.5rem !important;
|
|
@@ -3367,7 +4512,7 @@ a.ab-footer-contact-item:hover {
|
|
|
3367
4512
|
}
|
|
3368
4513
|
.fake_stock_container .fake_stock_progress > div {
|
|
3369
4514
|
height: 6px !important;
|
|
3370
|
-
background: var(--
|
|
4515
|
+
background: var(--body-text, #131316) !important;
|
|
3371
4516
|
border-radius: 3px !important;
|
|
3372
4517
|
margin-inline-start: 0 !important;
|
|
3373
4518
|
width: 22% !important;
|
|
@@ -3377,7 +4522,7 @@ a.ab-footer-contact-item:hover {
|
|
|
3377
4522
|
font-weight: 600 !important;
|
|
3378
4523
|
white-space: nowrap !important;
|
|
3379
4524
|
letter-spacing: 0.04em !important;
|
|
3380
|
-
color: var(--
|
|
4525
|
+
color: var(--body-text, #131316) !important;
|
|
3381
4526
|
margin-top: 0 !important;
|
|
3382
4527
|
order: -1 !important;
|
|
3383
4528
|
}
|
|
@@ -3427,7 +4572,7 @@ a.ab-footer-contact-item:hover {
|
|
|
3427
4572
|
.ab-fixed-buy-name {
|
|
3428
4573
|
font-size: 13px;
|
|
3429
4574
|
font-weight: 600;
|
|
3430
|
-
color: var(--
|
|
4575
|
+
color: var(--body-text, #131316);
|
|
3431
4576
|
white-space: nowrap;
|
|
3432
4577
|
overflow: hidden;
|
|
3433
4578
|
text-overflow: ellipsis;
|
|
@@ -3442,7 +4587,7 @@ a.ab-footer-contact-item:hover {
|
|
|
3442
4587
|
.ab-fixed-buy-price {
|
|
3443
4588
|
font-size: 14px;
|
|
3444
4589
|
font-weight: 700;
|
|
3445
|
-
color: var(--
|
|
4590
|
+
color: var(--body-text, #131316);
|
|
3446
4591
|
}
|
|
3447
4592
|
.ab-fixed-buy-price-sale {
|
|
3448
4593
|
color: #c94a4a;
|
|
@@ -3471,7 +4616,7 @@ a.ab-footer-contact-item:hover {
|
|
|
3471
4616
|
border: 0;
|
|
3472
4617
|
border-radius: 6px;
|
|
3473
4618
|
background: #f5f4f2;
|
|
3474
|
-
color: var(--
|
|
4619
|
+
color: var(--body-text, #131316);
|
|
3475
4620
|
cursor: pointer;
|
|
3476
4621
|
transition: background 0.15s;
|
|
3477
4622
|
}
|
|
@@ -3487,18 +4632,18 @@ a.ab-footer-contact-item:hover {
|
|
|
3487
4632
|
text-align: center;
|
|
3488
4633
|
font-size: 14px;
|
|
3489
4634
|
font-weight: 600;
|
|
3490
|
-
color: var(--
|
|
4635
|
+
color: var(--body-text, #131316);
|
|
3491
4636
|
user-select: none;
|
|
3492
4637
|
}
|
|
3493
4638
|
.ab-fixed-buy-btn {
|
|
3494
|
-
height:
|
|
4639
|
+
height: 40px;
|
|
3495
4640
|
border-radius: 2rem;
|
|
3496
4641
|
border: 0;
|
|
3497
|
-
padding: 0
|
|
4642
|
+
padding: 0 16px;
|
|
3498
4643
|
background: var(--buy-btn-bg, #212a2f);
|
|
3499
4644
|
color: var(--buy-btn-text, #fff);
|
|
3500
|
-
font-size:
|
|
3501
|
-
font-weight:
|
|
4645
|
+
font-size: 12px;
|
|
4646
|
+
font-weight: 500;
|
|
3502
4647
|
cursor: pointer;
|
|
3503
4648
|
white-space: nowrap;
|
|
3504
4649
|
flex-shrink: 0;
|
|
@@ -3527,7 +4672,7 @@ a.ab-footer-contact-item:hover {
|
|
|
3527
4672
|
.ab-fixed-buy-btn {
|
|
3528
4673
|
height: 40px;
|
|
3529
4674
|
padding: 0 1.25rem;
|
|
3530
|
-
font-size:
|
|
4675
|
+
font-size: 12px;
|
|
3531
4676
|
}
|
|
3532
4677
|
.ab-fixed-buy-name {
|
|
3533
4678
|
font-size: 12px;
|
|
@@ -3546,6 +4691,111 @@ a.ab-footer-contact-item:hover {
|
|
|
3546
4691
|
}
|
|
3547
4692
|
}
|
|
3548
4693
|
|
|
4694
|
+
/* ── Fixed Buy Button: scroll-triggered reveal (mobile only) ── */
|
|
4695
|
+
@media (max-width: 768px) {
|
|
4696
|
+
.ab-fixed-buy {
|
|
4697
|
+
opacity: 0;
|
|
4698
|
+
transform: translateY(20px);
|
|
4699
|
+
pointer-events: none;
|
|
4700
|
+
transition:
|
|
4701
|
+
opacity 0.15s ease,
|
|
4702
|
+
transform 0.15s ease;
|
|
4703
|
+
will-change: opacity, transform;
|
|
4704
|
+
}
|
|
4705
|
+
.ab-fixed-buy.show-btn {
|
|
4706
|
+
opacity: 1;
|
|
4707
|
+
transform: translateY(0);
|
|
4708
|
+
pointer-events: auto;
|
|
4709
|
+
}
|
|
4710
|
+
}
|
|
4711
|
+
|
|
4712
|
+
/* ── Fixed Buy Button: sleek centered layout (Mobile + Desktop) ── */
|
|
4713
|
+
.ab-fixed-buy {
|
|
4714
|
+
flex-direction: column;
|
|
4715
|
+
align-items: center;
|
|
4716
|
+
justify-content: center;
|
|
4717
|
+
gap: 12px;
|
|
4718
|
+
padding: 16px 24px;
|
|
4719
|
+
background: #fff;
|
|
4720
|
+
backdrop-filter: none;
|
|
4721
|
+
-webkit-backdrop-filter: none;
|
|
4722
|
+
border-top: 0;
|
|
4723
|
+
border-radius: 20px 20px 0 0;
|
|
4724
|
+
box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.08);
|
|
4725
|
+
}
|
|
4726
|
+
|
|
4727
|
+
.ab-fixed-buy-preview {
|
|
4728
|
+
display: flex;
|
|
4729
|
+
flex: 0 0 auto;
|
|
4730
|
+
max-width: 100%;
|
|
4731
|
+
width: auto;
|
|
4732
|
+
justify-content: center;
|
|
4733
|
+
}
|
|
4734
|
+
|
|
4735
|
+
.ab-fixed-buy-thumb {
|
|
4736
|
+
display: none;
|
|
4737
|
+
}
|
|
4738
|
+
|
|
4739
|
+
.ab-fixed-buy-info {
|
|
4740
|
+
display: flex;
|
|
4741
|
+
flex-direction: row;
|
|
4742
|
+
align-items: baseline;
|
|
4743
|
+
justify-content: center;
|
|
4744
|
+
gap: 10px;
|
|
4745
|
+
flex-wrap: wrap;
|
|
4746
|
+
text-align: center;
|
|
4747
|
+
}
|
|
4748
|
+
|
|
4749
|
+
.ab-fixed-buy-name {
|
|
4750
|
+
font-size: 15px;
|
|
4751
|
+
font-weight: 500;
|
|
4752
|
+
white-space: normal;
|
|
4753
|
+
overflow: visible;
|
|
4754
|
+
text-overflow: clip;
|
|
4755
|
+
color: var(--body-text, #131316);
|
|
4756
|
+
}
|
|
4757
|
+
|
|
4758
|
+
.ab-fixed-buy-price-row {
|
|
4759
|
+
margin-top: 0;
|
|
4760
|
+
}
|
|
4761
|
+
|
|
4762
|
+
.ab-fixed-buy-price {
|
|
4763
|
+
font-size: 15px;
|
|
4764
|
+
font-weight: 600;
|
|
4765
|
+
}
|
|
4766
|
+
|
|
4767
|
+
.ab-fixed-buy-qty {
|
|
4768
|
+
display: none;
|
|
4769
|
+
}
|
|
4770
|
+
|
|
4771
|
+
.ab-fixed-buy-btn {
|
|
4772
|
+
width: 100%;
|
|
4773
|
+
height: 50px;
|
|
4774
|
+
border-radius: 2rem;
|
|
4775
|
+
font-size: 12px;
|
|
4776
|
+
letter-spacing: 0.04em;
|
|
4777
|
+
text-transform: uppercase;
|
|
4778
|
+
}
|
|
4779
|
+
|
|
4780
|
+
@media (max-width: 480px) {
|
|
4781
|
+
.ab-fixed-buy {
|
|
4782
|
+
padding: 14px 16px;
|
|
4783
|
+
gap: 10px;
|
|
4784
|
+
}
|
|
4785
|
+
.ab-fixed-buy-preview {
|
|
4786
|
+
display: flex;
|
|
4787
|
+
}
|
|
4788
|
+
.ab-fixed-buy-btn {
|
|
4789
|
+
height: 45px;
|
|
4790
|
+
padding: 0;
|
|
4791
|
+
font-size: 12px;
|
|
4792
|
+
}
|
|
4793
|
+
.ab-fixed-buy-name,
|
|
4794
|
+
.ab-fixed-buy-price {
|
|
4795
|
+
font-size: 12px;
|
|
4796
|
+
}
|
|
4797
|
+
}
|
|
4798
|
+
|
|
3549
4799
|
/* ── Thanks Section ── */
|
|
3550
4800
|
.ab-thanks {
|
|
3551
4801
|
max-width: 720px;
|
|
@@ -3563,7 +4813,7 @@ a.ab-footer-contact-item:hover {
|
|
|
3563
4813
|
text-align: start;
|
|
3564
4814
|
line-height: 1.75;
|
|
3565
4815
|
font-size: 15px;
|
|
3566
|
-
color: var(--
|
|
4816
|
+
color: var(--body-text, #131316);
|
|
3567
4817
|
}
|
|
3568
4818
|
.ab-thanks-custom-content img {
|
|
3569
4819
|
max-width: 100%;
|
|
@@ -3576,7 +4826,7 @@ a.ab-footer-contact-item:hover {
|
|
|
3576
4826
|
gap: 0.75rem;
|
|
3577
4827
|
}
|
|
3578
4828
|
.ab-thanks-icon {
|
|
3579
|
-
color: var(--
|
|
4829
|
+
color: var(--body-text, #131316);
|
|
3580
4830
|
margin-bottom: 0.5rem;
|
|
3581
4831
|
}
|
|
3582
4832
|
.ab-thanks-icon svg {
|
|
@@ -3587,7 +4837,7 @@ a.ab-footer-contact-item:hover {
|
|
|
3587
4837
|
margin: 0;
|
|
3588
4838
|
font-size: 2rem;
|
|
3589
4839
|
font-weight: 700;
|
|
3590
|
-
color: var(--
|
|
4840
|
+
color: var(--body-text, #131316);
|
|
3591
4841
|
letter-spacing: -0.02em;
|
|
3592
4842
|
line-height: 1.2;
|
|
3593
4843
|
}
|
|
@@ -3622,13 +4872,14 @@ a.ab-footer-contact-item:hover {
|
|
|
3622
4872
|
.ab-thanks-offers {
|
|
3623
4873
|
margin-top: 1rem;
|
|
3624
4874
|
font-size: 1rem;
|
|
3625
|
-
color: var(--
|
|
4875
|
+
color: var(--body-text, #131316);
|
|
3626
4876
|
text-decoration: underline;
|
|
3627
4877
|
text-underline-offset: 6px;
|
|
3628
4878
|
}
|
|
3629
4879
|
@media (max-width: 480px) {
|
|
3630
4880
|
.ab-thanks {
|
|
3631
4881
|
padding: 0 1rem;
|
|
4882
|
+
margin-top: 5rem;
|
|
3632
4883
|
}
|
|
3633
4884
|
.ab-thanks-title {
|
|
3634
4885
|
font-size: 1.5rem;
|
|
@@ -3675,7 +4926,7 @@ a.ab-footer-contact-item:hover {
|
|
|
3675
4926
|
}
|
|
3676
4927
|
.ab-invoice-track-btn:hover {
|
|
3677
4928
|
background: #e5e1dc;
|
|
3678
|
-
color: var(--
|
|
4929
|
+
color: var(--body-text, #131316);
|
|
3679
4930
|
}
|
|
3680
4931
|
.ab-invoice-body {
|
|
3681
4932
|
display: flex;
|
|
@@ -3718,7 +4969,7 @@ a.ab-footer-contact-item:hover {
|
|
|
3718
4969
|
margin: 0;
|
|
3719
4970
|
font-size: 14px;
|
|
3720
4971
|
font-weight: 600;
|
|
3721
|
-
color: var(--
|
|
4972
|
+
color: var(--body-text, #131316);
|
|
3722
4973
|
}
|
|
3723
4974
|
.ab-invoice-store-info a {
|
|
3724
4975
|
color: inherit;
|
|
@@ -3740,7 +4991,7 @@ a.ab-footer-contact-item:hover {
|
|
|
3740
4991
|
margin: 0 0 0.75rem;
|
|
3741
4992
|
font-size: 14px;
|
|
3742
4993
|
font-weight: 600;
|
|
3743
|
-
color: var(--
|
|
4994
|
+
color: var(--body-text, #131316);
|
|
3744
4995
|
}
|
|
3745
4996
|
.ab-invoice-shipping,
|
|
3746
4997
|
.ab-invoice-timeline {
|
|
@@ -3767,7 +5018,7 @@ a.ab-footer-contact-item:hover {
|
|
|
3767
5018
|
.ab-invoice-dl-row dd {
|
|
3768
5019
|
margin: 0;
|
|
3769
5020
|
font-weight: 500;
|
|
3770
|
-
color: var(--
|
|
5021
|
+
color: var(--body-text, #131316);
|
|
3771
5022
|
}
|
|
3772
5023
|
.ab-invoice-dl-row-center {
|
|
3773
5024
|
justify-content: center;
|
|
@@ -3785,7 +5036,7 @@ a.ab-footer-contact-item:hover {
|
|
|
3785
5036
|
flex-direction: column;
|
|
3786
5037
|
gap: 0.5rem;
|
|
3787
5038
|
font-size: 13px;
|
|
3788
|
-
color: var(--
|
|
5039
|
+
color: var(--body-text, #131316);
|
|
3789
5040
|
}
|
|
3790
5041
|
.ab-invoice-note-date {
|
|
3791
5042
|
display: block;
|
|
@@ -3812,7 +5063,7 @@ a.ab-footer-contact-item:hover {
|
|
|
3812
5063
|
.ab-invoice-status-value {
|
|
3813
5064
|
font-size: 1.125rem;
|
|
3814
5065
|
font-weight: 600;
|
|
3815
|
-
color: var(--
|
|
5066
|
+
color: var(--body-text, #131316);
|
|
3816
5067
|
}
|
|
3817
5068
|
.ab-invoice-items {
|
|
3818
5069
|
border: 1px solid #e5e1dc;
|
|
@@ -3843,7 +5094,7 @@ a.ab-footer-contact-item:hover {
|
|
|
3843
5094
|
margin: 0;
|
|
3844
5095
|
font-size: 15px;
|
|
3845
5096
|
font-weight: 600;
|
|
3846
|
-
color: var(--
|
|
5097
|
+
color: var(--body-text, #131316);
|
|
3847
5098
|
line-height: 1.3;
|
|
3848
5099
|
}
|
|
3849
5100
|
.ab-invoice-item-variants {
|
|
@@ -3872,7 +5123,7 @@ a.ab-footer-contact-item:hover {
|
|
|
3872
5123
|
.ab-invoice-item-total {
|
|
3873
5124
|
font-size: 15px;
|
|
3874
5125
|
font-weight: 600;
|
|
3875
|
-
color: var(--
|
|
5126
|
+
color: var(--body-text, #131316);
|
|
3876
5127
|
white-space: nowrap;
|
|
3877
5128
|
flex-shrink: 0;
|
|
3878
5129
|
display: flex;
|
|
@@ -3900,7 +5151,7 @@ a.ab-footer-contact-item:hover {
|
|
|
3900
5151
|
.ab-invoice-total-row dd {
|
|
3901
5152
|
font-size: 15px !important;
|
|
3902
5153
|
font-weight: 700 !important;
|
|
3903
|
-
color: var(--
|
|
5154
|
+
color: var(--body-text, #131316) !important;
|
|
3904
5155
|
}
|
|
3905
5156
|
@media (max-width: 480px) {
|
|
3906
5157
|
.ab-invoice-item {
|
|
@@ -3910,8 +5161,7 @@ a.ab-footer-contact-item:hover {
|
|
|
3910
5161
|
.ab-invoice-item-img {
|
|
3911
5162
|
width: 100%;
|
|
3912
5163
|
height: auto;
|
|
3913
|
-
|
|
3914
|
-
border-radius: 0.5rem;
|
|
5164
|
+
border-radius: 0.5rem;
|
|
3915
5165
|
}
|
|
3916
5166
|
.ab-invoice-item-total {
|
|
3917
5167
|
align-self: flex-end;
|
|
@@ -3921,3 +5171,447 @@ a.ab-footer-contact-item:hover {
|
|
|
3921
5171
|
font-size: 1rem;
|
|
3922
5172
|
}
|
|
3923
5173
|
}
|
|
5174
|
+
span.border-solid.border-red-600.brightness-75.border-b-8.border-x-transparent.border-e-8 {
|
|
5175
|
+
border-inline-end-width: 24px !important;
|
|
5176
|
+
}
|
|
5177
|
+
span.border-solid.border-red-600.brightness-75.border-b-8.border-x-transparent.border-s-8 {
|
|
5178
|
+
border-inline-start-width: 25px;
|
|
5179
|
+
}.absolute.-right-2.top-0.flex.justify-between {
|
|
5180
|
+
right: -1.5rem;
|
|
5181
|
+
left: -1.55rem;
|
|
5182
|
+
}
|
|
5183
|
+
/* ── Header category strip (mobile only) ── */
|
|
5184
|
+
.ab-header-category {
|
|
5185
|
+
display: flex;
|
|
5186
|
+
align-items: center;
|
|
5187
|
+
overflow-x: auto;
|
|
5188
|
+
overflow-y: hidden;
|
|
5189
|
+
white-space: nowrap;
|
|
5190
|
+
background: var(--ab-header-category-bg, #e1dbd1);
|
|
5191
|
+
-webkit-overflow-scrolling: touch;
|
|
5192
|
+
scroll-behavior: smooth;
|
|
5193
|
+
scrollbar-width: none;
|
|
5194
|
+
-ms-overflow-style: none;
|
|
5195
|
+
padding: 0 6px;
|
|
5196
|
+
border-bottom-left-radius: 12px;
|
|
5197
|
+
border-bottom-right-radius: 12px;
|
|
5198
|
+
justify-content: space-between;
|
|
5199
|
+
}
|
|
5200
|
+
.ab-header-category::-webkit-scrollbar {
|
|
5201
|
+
display: none;
|
|
5202
|
+
}
|
|
5203
|
+
.ab-header-category a {
|
|
5204
|
+
flex: 0 0 auto;
|
|
5205
|
+
display: inline-block;
|
|
5206
|
+
text-decoration: none;
|
|
5207
|
+
color: var(--ab-header-category-text, var(--hd-text, #212a2f));
|
|
5208
|
+
font-size: 12px;font-family: "Geograph", system-ui, sans-serif;
|
|
5209
|
+
font-weight: 500;
|
|
5210
|
+
letter-spacing: 0.6px;
|
|
5211
|
+
text-transform: uppercase;
|
|
5212
|
+
line-height: 12px;
|
|
5213
|
+
padding: 10px 12px;
|
|
5214
|
+
transition: opacity 0.15s ease;
|
|
5215
|
+
}
|
|
5216
|
+
.ab-header-category a:active {
|
|
5217
|
+
opacity: 0.55;
|
|
5218
|
+
}
|
|
5219
|
+
|
|
5220
|
+
@media (min-width: 481px) {
|
|
5221
|
+
.ab-header-category {
|
|
5222
|
+
display: none;
|
|
5223
|
+
}
|
|
5224
|
+
}
|
|
5225
|
+
|
|
5226
|
+
/* ── Related products: use pgrid card inside the horizontal plist track ── */
|
|
5227
|
+
.ab-plist-track > .ab-pgrid-card {
|
|
5228
|
+
flex: 0 0 calc(25% - 12px);
|
|
5229
|
+
min-width: 220px;
|
|
5230
|
+
scroll-snap-align: start;
|
|
5231
|
+
}
|
|
5232
|
+
@media (max-width: 1024px) {
|
|
5233
|
+
.ab-plist-track > .ab-pgrid-card {
|
|
5234
|
+
flex: 0 0 calc(33.333% - 11px);
|
|
5235
|
+
min-width: 200px;
|
|
5236
|
+
}
|
|
5237
|
+
}
|
|
5238
|
+
@media (max-width: 480px) {
|
|
5239
|
+
.ab-plist-track > .ab-pgrid-card {
|
|
5240
|
+
flex: 0 0 65%;
|
|
5241
|
+
min-width: 0;
|
|
5242
|
+
}
|
|
5243
|
+
}
|
|
5244
|
+
[data-search="container"] {
|
|
5245
|
+
background-color: transparent !important;
|
|
5246
|
+
border: none !important;
|
|
5247
|
+
box-shadow: none !important;
|
|
5248
|
+
max-width: 700px !important;
|
|
5249
|
+
margin-left: auto !important;
|
|
5250
|
+
margin-right: auto !important;
|
|
5251
|
+
}
|
|
5252
|
+
|
|
5253
|
+
[data-search="container"] .flex.items-end {
|
|
5254
|
+
border-bottom: 1.5px solid #1a1a1a !important;
|
|
5255
|
+
padding-bottom: 8px !important;
|
|
5256
|
+
background: transparent !important;
|
|
5257
|
+
align-items: center !important;
|
|
5258
|
+
}
|
|
5259
|
+
[data-search="container"] label {
|
|
5260
|
+
display: none !important;
|
|
5261
|
+
}
|
|
5262
|
+
.global_input[data-search="input"] {
|
|
5263
|
+
border: none !important;
|
|
5264
|
+
background: transparent !important;
|
|
5265
|
+
font-size: 16px !important;
|
|
5266
|
+
color: #333 !important;
|
|
5267
|
+
outline: none !important;
|
|
5268
|
+
box-shadow: none !important;
|
|
5269
|
+
height: auto !important;
|
|
5270
|
+
padding: 3px 8px !important;
|
|
5271
|
+
}
|
|
5272
|
+
.global_input[data-search="input"]::placeholder {
|
|
5273
|
+
color: #999;
|
|
5274
|
+
font-weight: 400;
|
|
5275
|
+
}
|
|
5276
|
+
[data-search="button"] {
|
|
5277
|
+
background: transparent !important;
|
|
5278
|
+
border: none !important;
|
|
5279
|
+
padding: 0 !important;
|
|
5280
|
+
margin: 0 !important;
|
|
5281
|
+
min-width: auto !important;
|
|
5282
|
+
width: 35px !important;
|
|
5283
|
+
height: 30px !important;
|
|
5284
|
+
font-size: 0 !important;
|
|
5285
|
+
position: relative;
|
|
5286
|
+
cursor: pointer;
|
|
5287
|
+
display: flex !important;
|
|
5288
|
+
align-items: center;
|
|
5289
|
+
justify-content: center;
|
|
5290
|
+
}
|
|
5291
|
+
[data-search="button"]::before {
|
|
5292
|
+
content: "";
|
|
5293
|
+
display: block;
|
|
5294
|
+
width: 24px;
|
|
5295
|
+
height: 24px;
|
|
5296
|
+
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 10C16 12.7614 13.7614 15 11 15C8.23858 15 6 12.7614 6 10C6 7.23858 8.23858 5 11 5C13.7614 5 16 7.23858 16 10ZM14.3328 14.99C13.3795 15.6279 12.2332 16 11 16C7.68629 16 5 13.3137 5 10C5 6.68629 7.68629 4 11 4C14.3137 4 17 6.68629 17 10C17 11.7186 16.2774 13.2685 15.1195 14.3624L18.7764 18.0193C18.9717 18.2146 18.9717 18.5312 18.7764 18.7264C18.5811 18.9217 18.2646 18.9217 18.0693 18.7264L14.3328 14.99Z' fill='black'/%3E%3C/svg%3E");
|
|
5297
|
+
background-repeat: no-repeat;
|
|
5298
|
+
background-position: center;
|
|
5299
|
+
background-size: contain;
|
|
5300
|
+
transition: transform 0.3s ease;
|
|
5301
|
+
}
|
|
5302
|
+
[data-search="button"]:hover::before {
|
|
5303
|
+
transform: scale(1.1);
|
|
5304
|
+
opacity: 0.7;
|
|
5305
|
+
}
|
|
5306
|
+
[data-search="button"] svg {
|
|
5307
|
+
display: none !important;
|
|
5308
|
+
}
|
|
5309
|
+
.relative.mt-1 {
|
|
5310
|
+
margin-top: 0 !important;
|
|
5311
|
+
}
|
|
5312
|
+
.fixed.z-10.top-0.flex.justify-center.items-center.left-0.h-screen.w-screen.backdrop-blur.bg-\[rgba\(255\,255\,255\,0\.3\) {
|
|
5313
|
+
z-index: 500; overflow: hidden !important;
|
|
5314
|
+
overscroll-behavior-y: contain;
|
|
5315
|
+
}.stars-wrapper
|
|
5316
|
+
|
|
5317
|
+
{
|
|
5318
|
+
display: flex;
|
|
5319
|
+
}.ab-review-stars {
|
|
5320
|
+
display: flex;
|
|
5321
|
+
align-items: center;
|
|
5322
|
+
justify-content: space-between;
|
|
5323
|
+
margin-bottom: 0.5rem;
|
|
5324
|
+
}
|
|
5325
|
+
@media (max-width: 768px) {
|
|
5326
|
+
.flex.gap-2.md\:gap-2\.5.overflow-x-auto.p-2.md\:p-2\.5,
|
|
5327
|
+
.flex.items-center.gap-2.text-sm.text-gray-600,
|
|
5328
|
+
.mt-6.text-sm.md\:text-base.font-medium.flex.gap-2.md\:gap-3.items-center.group {
|
|
5329
|
+
display: none !important;
|
|
5330
|
+
}
|
|
5331
|
+
|
|
5332
|
+
.flex.min-h-full.items-center.justify-center.p-4.max-md\:pt-16 {
|
|
5333
|
+
display: flex !important;
|
|
5334
|
+
align-items: center !important;
|
|
5335
|
+
justify-content: center !important;
|
|
5336
|
+
}
|
|
5337
|
+
|
|
5338
|
+
.max-h-\[90vh\].overflow-y-auto {
|
|
5339
|
+
overflow-y: inherit;
|
|
5340
|
+
}
|
|
5341
|
+
[id^="headlessui-dialog-panel-"] {
|
|
5342
|
+
max-width: 100% !important;
|
|
5343
|
+
border-radius: 12px !important;
|
|
5344
|
+
}
|
|
5345
|
+
.max-h-\[90vh\] {
|
|
5346
|
+
max-height: 100vh;
|
|
5347
|
+
}.max-h-\[90vh\].overflow-y-auto .button_variation {
|
|
5348
|
+
width: 40px;
|
|
5349
|
+
font-size: 12px;
|
|
5350
|
+
}
|
|
5351
|
+
|
|
5352
|
+
.h-\[354px\].md\:h-\[447px\] {
|
|
5353
|
+
height: 200px !important;
|
|
5354
|
+
width: 100% !important;
|
|
5355
|
+
margin: 0 auto !important;
|
|
5356
|
+
}
|
|
5357
|
+
|
|
5358
|
+
.h-\[354px\].md\:h-\[447px\] img {
|
|
5359
|
+
object-fit: contain !important;
|
|
5360
|
+
border-radius: 12px !important;
|
|
5361
|
+
}
|
|
5362
|
+
|
|
5363
|
+
h1.text-2xl.md\:text-\[32px\].font-bold.text-\[\#010101\].mt-2\.5 {
|
|
5364
|
+
font-weight: 500;font-size: 14px;line-height: normal;
|
|
5365
|
+
}
|
|
5366
|
+
span.flex.items-center.gap-1.text-xl.md\:text-\[32px\].font-bold.text-\[\#010101\] {
|
|
5367
|
+
font-weight: 500;line-height: normal;
|
|
5368
|
+
font-size: 14px;
|
|
5369
|
+
}
|
|
5370
|
+
.mt-4.md\:mt-6.lg\:col-span-5.\[\&_h2\]\:font-bold.\!mt-\[30px\].md\:\!mt-10 .mt-4.md\:mt-6 .mt-3 {
|
|
5371
|
+
margin-top: 8px;
|
|
5372
|
+
}
|
|
5373
|
+
|
|
5374
|
+
|
|
5375
|
+
.flex.items-center.gap-2\.5.md\:gap-4.mt-3.md\:mt-4 {
|
|
5376
|
+
margin-top: 0px;
|
|
5377
|
+
} .p-5.md\:p-8 {
|
|
5378
|
+
padding: 20px 15px !important;
|
|
5379
|
+
}
|
|
5380
|
+
.grid.grid-cols-1.md\:grid-cols-2.gap-6.md\:gap-7 {
|
|
5381
|
+
gap: 0;
|
|
5382
|
+
}button.absolute.top-2.left-4.z-10.block.md\:hidden.bg-\[\#F2F2F2\].rounded-full.p-3\.5.hover\:bg-gray-100 {
|
|
5383
|
+
top: 33px;
|
|
5384
|
+
}
|
|
5385
|
+
.mt-\[30px\].md\:mt-10.mb-5.md\:mb-6.flex.gap-2\.5.md\:gap-3 {
|
|
5386
|
+
margin-block: 10px !important;
|
|
5387
|
+
}
|
|
5388
|
+
.mt-4.md\:mt-6.lg\:col-span-5 {
|
|
5389
|
+
margin-block: 15px !important;
|
|
5390
|
+
}
|
|
5391
|
+
button.flex.items-center.justify-center.gap-2.py-3.px-8.text-base.font-medium.transition-colors.duration-200.ease-in-out.focus\:outline-none.border.border-skin-primary.bg-white.hover\:bg-gray-50.active\:bg-gray-100.text-skin-primary.w-full.font-bold.rounded-\[14px\].gap-2.px-1.disabled\:text-skin-primary\/50.disabled\:border-skin-primary\/50 {
|
|
5392
|
+
font-weight: 500;
|
|
5393
|
+
}button.flex.items-center.justify-center.gap-2.py-3.px-8.text-base.font-medium.transition-colors.duration-200.ease-in-out.focus\:outline-none.border.border-transparent.bg-skin-primary.hover\:bg-skin-primary.hover\:bg-opacity-80.active\:bg-opacity-90.text-white.w-full.rounded-\[14px\].py-3.md\:py-3\.5.font-bold.flex.items-center.justify-center.gap-2 {
|
|
5394
|
+
font-weight: 500;
|
|
5395
|
+
}
|
|
5396
|
+
}
|
|
5397
|
+
.variants-wrapper {
|
|
5398
|
+
display: flex !important;
|
|
5399
|
+
justify-content: start;flex-wrap: wrap;
|
|
5400
|
+
gap: 3px; margin-block:2PX;
|
|
5401
|
+
}
|
|
5402
|
+
.shipping_option_card.border-black .radio_container {
|
|
5403
|
+
border-color: #000000 !important;
|
|
5404
|
+
}
|
|
5405
|
+
.variants-wrapper [data-cart="item-variant"] {
|
|
5406
|
+
margin: 0 !important;
|
|
5407
|
+
white-space: nowrap !important;
|
|
5408
|
+
display: flex !important;
|
|
5409
|
+
align-items: center !important;
|
|
5410
|
+
color: #6b7280 !important;gap:0px;
|
|
5411
|
+
font-size: 12px !important;
|
|
5412
|
+
}
|
|
5413
|
+
.variants-wrapper [data-cart="item-variant"]:not(:last-child)::after {
|
|
5414
|
+
content: "•";MARGIN-TOP: 2px;
|
|
5415
|
+
margin-left: 3px;
|
|
5416
|
+
color: #1b1b1c;
|
|
5417
|
+
font-weight: bold;
|
|
5418
|
+
}
|
|
5419
|
+
.flex.flex-1.flex-col.ms-4 .flex.flex-1.flex-col.gap-3.text-sm {
|
|
5420
|
+
gap: 5px;
|
|
5421
|
+
}
|
|
5422
|
+
.flex.flex-1.flex-col.ms-4 .flex.justify-between.text-base.font-medium.text-gray-900 h3 {
|
|
5423
|
+
line-height: normal;
|
|
5424
|
+
}
|
|
5425
|
+
.custom-trash-btn[data-cart="item-remove"] svg {
|
|
5426
|
+
display: none !important;
|
|
5427
|
+
}
|
|
5428
|
+
|
|
5429
|
+
.custom-trash-btn[data-cart="item-remove"]::before {
|
|
5430
|
+
content: "";
|
|
5431
|
+
display: inline-block;
|
|
5432
|
+
width: 20px;
|
|
5433
|
+
height: 20px;
|
|
5434
|
+
vertical-align: middle;
|
|
5435
|
+
|
|
5436
|
+
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M11.5 9v4.25M8.5 9v4.25M5.75 12.2V6h8.5c0 2.421 0 3.779 0 6.2 0 .853 0 1.447-.038 1.91-.037.453-.106.714-.207.911a2.498 2.498 0 0 1-.983 1.017c-.197.1-.458.17-.911.207-.463.037-1.057.038-1.91.038h-.4c-.853 0-1.447 0-1.91-.038-.453-.037-.714-.106-.911-.207a2.498 2.498 0 0 1-.984-1.017c-.1-.197-.17-.458-.207-.911C5.75 13.647 5.75 13.053 5.75 12.2z' stroke='black' stroke-width='1.2' stroke-linecap='round'/%3E%3Cpath d='M4.25 6h11.5M8 5.25a2 2 0 1 1 4 0' stroke='black' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
|
|
5437
|
+
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M11.5 9v4.25M8.5 9v4.25M5.75 12.2V6h8.5c0 2.421 0 3.779 0 6.2 0 .853 0 1.447-.038 1.91-.037.453-.106.714-.207.911a2.498 2.498 0 0 1-.983 1.017c-.197.1-.458.17-.911.207-.463.037-1.057.038-1.91.038h-.4c-.853 0-1.447 0-1.91-.038-.453-.037-.714-.106-.911-.207a2.498 2.498 0 0 1-.984-1.017c-.1-.197-.17-.458-.207-.911C5.75 13.647 5.75 13.053 5.75 12.2z' stroke='black' stroke-width='1.2' stroke-linecap='round'/%3E%3Cpath d='M4.25 6h11.5M8 5.25a2 2 0 1 1 4 0' stroke='black' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
|
|
5438
|
+
|
|
5439
|
+
-webkit-mask-repeat: no-repeat;
|
|
5440
|
+
mask-repeat: no-repeat;
|
|
5441
|
+
-webkit-mask-size: contain;
|
|
5442
|
+
mask-size: contain;
|
|
5443
|
+
|
|
5444
|
+
background-color: var(--body-text, #131316);
|
|
5445
|
+
}
|
|
5446
|
+
|
|
5447
|
+
.qty-box-wrapper {
|
|
5448
|
+
display: flex;
|
|
5449
|
+
align-items: center;
|
|
5450
|
+
border: 1px solid #e5e7eb;
|
|
5451
|
+
border-radius: 8px;
|
|
5452
|
+
overflow: hidden;
|
|
5453
|
+
}
|
|
5454
|
+
|
|
5455
|
+
.qty-box-wrapper button {
|
|
5456
|
+
border: none !important;
|
|
5457
|
+
background: transparent !important;
|
|
5458
|
+
padding: 8px 12px !important;
|
|
5459
|
+
transition: background 0.2s;
|
|
5460
|
+
}
|
|
5461
|
+
|
|
5462
|
+
.qty-box-wrapper button:hover:not(:disabled) {
|
|
5463
|
+
background-color: #f9fafb !important;
|
|
5464
|
+
}.flex.flex-col.items-center.space-y-2 svg {
|
|
5465
|
+
display: none;
|
|
5466
|
+
}
|
|
5467
|
+
.mt-10.h-96.flex.flex-col.items-center.justify-center.gap-10 h1.text-4xl.font-bold {
|
|
5468
|
+
font-size: 28px;
|
|
5469
|
+
font-weight: 400;
|
|
5470
|
+
font-family: auto;
|
|
5471
|
+
}
|
|
5472
|
+
.mt-10.h-96.flex.flex-col.items-center.justify-center.gap-10 p{
|
|
5473
|
+
font-size: 16px;
|
|
5474
|
+
font-weight: 400;
|
|
5475
|
+
|
|
5476
|
+
}
|
|
5477
|
+
|
|
5478
|
+
.flex.flex-col.items-center.space-y-2 h1.text-4xl.font-bold {
|
|
5479
|
+
font-size: 32px;
|
|
5480
|
+
font-weight: 400;
|
|
5481
|
+
font-family: auto;
|
|
5482
|
+
}
|
|
5483
|
+
.flex.flex-col.items-center.space-y-2 p{
|
|
5484
|
+
font-size: 20px;
|
|
5485
|
+
font-weight: 400;
|
|
5486
|
+
}
|
|
5487
|
+
h1.mt-2.text-4xl.font-extrabold.text-gray-900.tracking-tight.sm\:text-5xl {
|
|
5488
|
+
font-weight: 400;font-size: 30px;
|
|
5489
|
+
font-family: auto;color: var(--body-text, #131316);
|
|
5490
|
+
}
|
|
5491
|
+
.py-16 .text-center p.mt-2.text-base.text-gray-500 {
|
|
5492
|
+
font-size: 14px;
|
|
5493
|
+
margin: 0;
|
|
5494
|
+
}
|
|
5495
|
+
.mt-6 a.text-base.font-medium.text-indigo-600.hover\:text-indigo-500 {
|
|
5496
|
+
background: var(--body-text, #131316);
|
|
5497
|
+
padding: 10px 12px;
|
|
5498
|
+
border-radius: 8px;
|
|
5499
|
+
color: ghostwhite;
|
|
5500
|
+
font-size: 14px;
|
|
5501
|
+
}
|
|
5502
|
+
|
|
5503
|
+
p.text-sm.font-semibold.text-indigo-600.uppercase.tracking-wide {
|
|
5504
|
+
display: none;
|
|
5505
|
+
}
|
|
5506
|
+
.h-24.w-24.flex-shrink-0.overflow-hidden.rounded-md.border.border-gray-200 {
|
|
5507
|
+
border-radius: 1px;
|
|
5508
|
+
}
|
|
5509
|
+
|
|
5510
|
+
h1.text-2xl.md\:text-\[32px\].font-bold.text-\[\#010101\].mt-2\.5,span.flex.items-center.gap-1.text-xl.md\:text-\[32px\].font-bold.text-\[\#010101\] {
|
|
5511
|
+
font-weight: 500;
|
|
5512
|
+
}
|
|
5513
|
+
main.flex-grow.flex.flex-col.justify-center.max-w-7xl.w-full.mx-auto.px-4.sm\:px-6.lg\:px-8.h-full .py-16 {
|
|
5514
|
+
padding-top: 10rem;
|
|
5515
|
+
}
|
|
5516
|
+
.flex-1.overflow-y-auto.py-6.px-4.sm\:px-6 .flex.items-start.justify-between {
|
|
5517
|
+
border-bottom: 0.5px solid #c9c4c4;
|
|
5518
|
+
padding-bottom: 20px;
|
|
5519
|
+
}
|
|
5520
|
+
.py-6.px-4.sm\:px-6 button.flex.items-center.justify-center.gap-2.py-3.px-8.text-base.font-medium.transition-colors.duration-200.ease-in-out.focus\:outline-none.w-full.border.border-transparent.bg-skin-primary.hover\:bg-skin-primary.hover\:bg-opacity-80.active\:bg-opacity-90.text-white {
|
|
5521
|
+
border-radius: 50px;
|
|
5522
|
+
font-size: 12px;
|
|
5523
|
+
padding: 16px;
|
|
5524
|
+
letter-spacing: 1.8px;
|
|
5525
|
+
font-weight: 500;
|
|
5526
|
+
line-height: 15px;
|
|
5527
|
+
}.w-full.max-w-5xl.transform.overflow-hidden.rounded-3xl.bg-white.shadow-2xl.transition-all.relative.opacity-100.scale-100 ol.ab-breadcrumbs-list {
|
|
5528
|
+
DISPLAY: NONE;
|
|
5529
|
+
}
|
|
5530
|
+
li.cart-item.flex.py-6 .flex.flex-1.flex-col.ms-4 {
|
|
5531
|
+
GAP: 5PX;
|
|
5532
|
+
}
|
|
5533
|
+
.w-full.max-w-5xl.transform.overflow-hidden.rounded-3xl.bg-white.shadow-2xl.transition-all.relative.opacity-100.scale-100 .md\:mt-4 {
|
|
5534
|
+
padding-inline: 0;PADDING-BOTTOM: 0;border:none;
|
|
5535
|
+
}
|
|
5536
|
+
.max-h-\[85vh\] {
|
|
5537
|
+
max-height: 80vh;
|
|
5538
|
+
}
|
|
5539
|
+
@media (max-width: 480px) {
|
|
5540
|
+
.w-full.max-w-5xl.transform.overflow-hidden.rounded-3xl.bg-white.shadow-2xl.transition-all.relative.opacity-100.scale-100 .ab-gallery {
|
|
5541
|
+
MAX-WIDTH: 280px;
|
|
5542
|
+
MARGIN-INLINE: auto;
|
|
5543
|
+
}
|
|
5544
|
+
}
|
|
5545
|
+
.mt-\[30px\].md\:mt-10.mb-5.md\:mb-6.flex.gap-2\.5.md\:gap-3 {
|
|
5546
|
+
MARGIN-BLOCK: 20px 10px;
|
|
5547
|
+
}
|
|
5548
|
+
.w-full.max-w-5xl.transform.overflow-hidden.rounded-3xl.bg-white.shadow-2xl.transition-all.relative.opacity-100.scale-100 .ab-pd-name {
|
|
5549
|
+
font-size: 18px;LINE-HEIGHT: normal;
|
|
5550
|
+
}
|
|
5551
|
+
.w-full.max-w-5xl.transform.overflow-hidden.rounded-3xl.bg-white.shadow-2xl.transition-all.relative.opacity-100.scale-100 .ab-pd-price {
|
|
5552
|
+
font-size: 16px;
|
|
5553
|
+
}
|
|
5554
|
+
|
|
5555
|
+
/* ── Section entrance animations (generic) ── */
|
|
5556
|
+
[data-section-anim] .ab-anim-el {
|
|
5557
|
+
opacity: 0;
|
|
5558
|
+
will-change: opacity, transform, filter;
|
|
5559
|
+
}
|
|
5560
|
+
[data-section-anim="fade-up"] .ab-anim-el { transform: translateY(40px); }
|
|
5561
|
+
[data-section-anim="fade-up"].ab-anim-visible .ab-anim-el {
|
|
5562
|
+
animation: abFadeUp .8s cubic-bezier(.22,1,.36,1) forwards;
|
|
5563
|
+
}
|
|
5564
|
+
@keyframes abFadeUp { to { opacity:1; transform:translateY(0); } }
|
|
5565
|
+
|
|
5566
|
+
[data-section-anim="zoom-in"] .ab-anim-el { transform: scale(.85); }
|
|
5567
|
+
[data-section-anim="zoom-in"].ab-anim-visible .ab-anim-el {
|
|
5568
|
+
animation: abZoomIn .9s cubic-bezier(.22,1,.36,1) forwards;
|
|
5569
|
+
}
|
|
5570
|
+
@keyframes abZoomIn { to { opacity:1; transform:scale(1); } }
|
|
5571
|
+
|
|
5572
|
+
[data-section-anim="blur-reveal"] .ab-anim-el { filter: blur(12px); transform: translateY(10px); }
|
|
5573
|
+
[data-section-anim="blur-reveal"].ab-anim-visible .ab-anim-el {
|
|
5574
|
+
animation: abBlurReveal 1s cubic-bezier(.22,1,.36,1) forwards;
|
|
5575
|
+
}
|
|
5576
|
+
@keyframes abBlurReveal { to { opacity:1; filter:blur(0); transform:translateY(0); } }
|
|
5577
|
+
|
|
5578
|
+
[data-section-anim="slide-cascade"] .ab-anim-el { transform: translateX(-60px); }
|
|
5579
|
+
[data-section-anim="slide-cascade"].ab-anim-visible .ab-anim-el {
|
|
5580
|
+
animation: abSlideCascade .8s cubic-bezier(.22,1,.36,1) forwards;
|
|
5581
|
+
}
|
|
5582
|
+
@keyframes abSlideCascade { to { opacity:1; transform:translateX(0); } }
|
|
5583
|
+
|
|
5584
|
+
[data-section-anim="fade-right"] .ab-anim-el { transform: translateX(52px); }
|
|
5585
|
+
[data-section-anim="fade-right"].ab-anim-visible .ab-anim-el {
|
|
5586
|
+
animation: abFadeRight .82s cubic-bezier(.22,1,.36,1) forwards;
|
|
5587
|
+
}
|
|
5588
|
+
@keyframes abFadeRight { to { opacity:1; transform:translateX(0); } }
|
|
5589
|
+
|
|
5590
|
+
[data-section-anim="flip-up"] .ab-anim-el {
|
|
5591
|
+
transform: perspective(900px) rotateX(18deg) translateY(24px);
|
|
5592
|
+
transform-origin: bottom center;
|
|
5593
|
+
}
|
|
5594
|
+
[data-section-anim="flip-up"].ab-anim-visible .ab-anim-el {
|
|
5595
|
+
animation: abFlipUp .9s cubic-bezier(.22,1,.36,1) forwards;
|
|
5596
|
+
}
|
|
5597
|
+
@keyframes abFlipUp {
|
|
5598
|
+
to { opacity:1; transform: perspective(900px) rotateX(0deg) translateY(0); }
|
|
5599
|
+
}
|
|
5600
|
+
|
|
5601
|
+
[data-section-anim].ab-anim-visible .ab-anim-el:nth-child(1) { animation-delay: .05s; }
|
|
5602
|
+
[data-section-anim].ab-anim-visible .ab-anim-el:nth-child(2) { animation-delay: .2s; }
|
|
5603
|
+
[data-section-anim].ab-anim-visible .ab-anim-el:nth-child(3) { animation-delay: .38s; }
|
|
5604
|
+
[data-section-anim].ab-anim-visible .ab-anim-el:nth-child(4) { animation-delay: .55s; }
|
|
5605
|
+
[data-section-anim].ab-anim-visible .ab-anim-el:nth-child(5) { animation-delay: .7s; }
|
|
5606
|
+
[data-section-anim].ab-anim-visible .ab-anim-el:nth-child(6) { animation-delay: .85s; }
|
|
5607
|
+
|
|
5608
|
+
@media (prefers-reduced-motion: reduce) {
|
|
5609
|
+
[data-section-anim] .ab-anim-el {
|
|
5610
|
+
opacity: 1 !important;
|
|
5611
|
+
transform: none !important;
|
|
5612
|
+
filter: none !important;
|
|
5613
|
+
animation: none !important;
|
|
5614
|
+
}
|
|
5615
|
+
}
|
|
5616
|
+
|
|
5617
|
+
/* Home composer sections: keep long user text and media inside section bounds */
|