1 {
2 "layout": "theme",
3 "wrapper": "section",
4 "sections": {
5 "main": {
6 "type": "main-product-advanced",
7 "blocks": {
8 "title": {
9 "type": "title",
10 "settings": {}
11 },
12 "price": {
13 "type": "price",
14 "settings": {}
15 },
16 "variant_picker": {
17 "type": "variant_picker",
18 "settings": {
19 "picker_type": "button"
20 }
21 },
22 "quantity": {
23 "type": "quantity_selector",
24 "settings": {}
25 },
26 "buy_buttons": {
27 "type": "buy_buttons",
28 "settings": {
29 "show_dynamic_checkout": true
30 }
31 },
32 "description": {
33 "type": "description",
34 "settings": {}
35 },
36 "specifications": {
37 "type": "specifications",
38 "settings": {}
39 },
40 "reviews": {
41 "type": "reviews",
40 "reviews": {
41 "type": "reviews",
44 }
45
46 .amocart-product-page {
47 font-family: var(--amc-font);
48 color: var(--amc-text);
49 line-height: 1.6;
50 -webkit-font-smoothing: antialiased;
51 -moz-osx-font-smoothing: grayscale;
52 }
53
54 .amocart-product-page * {
55 margin: 0;
56 padding: 0;
57 }
58
59 .amocart-product-page a {
60 color: var(--amc-primary);
61 text-decoration: none;
62 transition: var(--amc-transition-fast);
63 }
64
65 .amocart-product-page a:hover {
66 color: var(--amc-primary-dark);
67 }
68
69 .amocart-product-page img {
70 max-width: 100%;
71 height: auto;
72 display: block;
73 }
74
75 .amocart-product-page button {
76 cursor: pointer;
77 font-family: inherit;
78 border: none;
79 background: none;
80 }
81
82 .amocart-product-page input,
83 .amocart-product-page select,
84 .amocart-product-page textarea {
85 font-family: inherit;
86 font-size: inherit;
87 }
88
89 /* ---------- Container ---------- */
90 .amc-container {
91 width: 100%;
92 max-width: var(--amc-container);
93 margin: 0 auto;
94 padding: 0 20px;
95 }
96
97 /* ============================================================
98 BREADCRUMB
99 ============================================================ */
100 .amc-breadcrumb {
101 padding: 16px 0;
102 background: var(--amc-white);
103 border-bottom: 1px solid var(--amc-border-light);
104 font-size: 13px;
105 }
106
107 .amc-breadcrumb__list {
108 display: flex;
109 align-items: center;
110 flex-wrap: wrap;
111 gap: 6px;
112 list-style: none;
113 }
114
115 .amc-breadcrumb__item {
116 display: flex;
117 align-items: center;
118 gap: 6px;
119 color: var(--amc-text-muted);
120 }
121
122 .amc-breadcrumb__item:not(:last-child)::after {
123 content: '/';
124 color: var(--amc-text-muted);
125 font-size: 11px;
126 }
127
128 .amc-breadcrumb__item a {
129 color: var(--amc-text-light);
130 transition: var(--amc-transition-fast);
131 }
132
133 .amc-breadcrumb__item a:hover {
134 color: var(--amc-primary);
135 }
136
137 .amc-breadcrumb__item:last-child {
138 color: var(--amc-text);
139 font-weight: 500;
140 }
141
142 /* ============================================================
143 PRODUCT MAIN SECTION
144 ============================================================ */
145 .amc-product-main {
146 padding: 30px 0 60px;
147 background: var(--amc-white);
148 }
149
150 .amc-product-main__grid {
151 display: grid;
152 grid-template-columns: 1fr 1fr;
153 gap: 50px;
154 align-items: start;
155 }
156
157 /* ============================================================
158 PRODUCT GALLERY
159 ============================================================ */
160 .amc-gallery {
161 position: sticky;
162 top: 20px;
163 }
164
165 .amc-gallery__main {
166 position: relative;
167 border-radius: var(--amc-radius-lg);
168 overflow: hidden;
169 background: var(--amc-bg-light);
170 border: 1px solid var(--amc-border-light);
171 margin-bottom: 16px;
172 }
173
174 .amc-gallery__main-image-wrapper {
175 position: relative;
176 width: 100%;
177 padding-bottom: 100%; /* 1:1 Aspect Ratio */
178 overflow: hidden;
179 cursor: zoom-in;
180 }
181
182 .amc-gallery__main-image {
183 position: absolute;
184 top: 0;
185 left: 0;
186 width: 100%;
187 height: 100%;
188 object-fit: contain;
189 transition: transform 0.5s ease, opacity 0.3s ease;
190 background: var(--amc-white);
191 }
192
193 .amc-gallery__main-image:hover {
194 transform: scale(1.05);
195 }
196
197 .amc-gallery__main-image-wrapper.zoomed {
198 cursor: zoom-out;
199 }
200
201 .amc-gallery__main-image-wrapper.zoomed .amc-gallery__main-image {
202 transform: scale(2);
203 }
204
205 /* Gallery Navigation Arrows */
206 .amc-gallery__nav {
207 position: absolute;
208 top: 50%;
209 transform: translateY(-50%);
210 width: 44px;
211 height: 44px;
212 border-radius: 50%;
213 background: var(--amc-white);
214 border: 1px solid var(--amc-border);
215 display: flex;
216 align-items: center;
217 justify-content: center;
218 z-index: 5;
219 transition: var(--amc-transition);
220 opacity: 0;
221 box-shadow: var(--amc-shadow-sm);
222 }
223
224 .amc-gallery:hover .amc-gallery__nav {
225 opacity: 1;
226 }
227
228 .amc-gallery__nav:hover {
229 background: var(--amc-primary);
230 border-color: var(--amc-primary);
231 color: var(--amc-white);
232 box-shadow: var(--amc-shadow-md);
233 }
234
235 .amc-gallery__nav--prev {
236 left: 12px;
237 }
238
239 .amc-gallery__nav--next {
240 right: 12px;
241 }
242
243 .amc-gallery__nav svg {
244 width: 20px;
245 height: 20px;
246 stroke: currentColor;
247 fill: none;
248 stroke-width: 2;
249 }
250
251 /* Gallery Badges */
252 .amc-gallery__badges {
253 position: absolute;
254 top: 16px;
255 left: 16px;
256 display: flex;
257 flex-direction: column;
258 gap: 6px;
259 z-index: 4;
260 }
261
262 .amc-badge {
263 display: inline-flex;
264 align-items: center;
265 gap: 4px;
266 padding: 5px 12px;
267 border-radius: 20px;
268 font-size: 12px;
269 font-weight: 700;
270 text-transform: uppercase;
271 letter-spacing: 0.5px;
272 }
273
274 .amc-badge--sale {
275 background: var(--amc-primary);
276 color: var(--amc-white);
277 }
278
279 .amc-badge--new {
280 background: var(--amc-secondary);
281 color: var(--amc-white);
282 }
283
284 .amc-badge--hot {
285 background: #ff6b35;
286 color: var(--amc-white);
287 }
288
289 .amc-badge--out {
290 background: #666;
291 color: var(--amc-white);
292 }
293
294 /* Wishlist Button on Gallery */
295 .amc-gallery__wishlist {
296 position: absolute;
297 top: 16px;
298 right: 16px;
299 width: 42px;
300 height: 42px;
301 border-radius: 50%;
302 background: var(--amc-white);
303 border: 1px solid var(--amc-border);
304 display: flex;
305 align-items: center;
306 justify-content: center;
307 z-index: 5;
308 transition: var(--amc-transition);
309 box-shadow: var(--amc-shadow-sm);
310 }
311
312 .amc-gallery__wishlist:hover {
313 background: var(--amc-primary-bg-hover);
314 border-color: var(--amc-primary);
315 transform: scale(1.1);
316 }
317
318 .amc-gallery__wishlist svg {
319 width: 20px;
320 height: 20px;
321 stroke: var(--amc-text);
322 fill: none;
323 stroke-width: 2;
324 transition: var(--amc-transition);
325 }
326
327 .amc-gallery__wishlist:hover svg,
328 .amc-gallery__wishlist.active svg {
329 stroke: var(--amc-primary);
330 fill: var(--amc-primary);
331 }
332
333 /* Thumbnail Strip */
334 .amc-gallery__thumbs {
335 display: flex;
336 gap: 10px;
337 overflow-x: auto;
338 padding: 4px 0;
339 scrollbar-width: thin;
340 scrollbar-color: var(--amc-border) transparent;
341 }
342
343 .amc-gallery__thumbs::-webkit-scrollbar {
344 height: 4px;
345 }
346
347 .amc-gallery__thumbs::-webkit-scrollbar-track {
348 background: transparent;
349 }
350
351 .amc-gallery__thumbs::-webkit-scrollbar-thumb {
352 background: var(--amc-border);
353 border-radius: 4px;
354 }
355
356 .amc-gallery__thumb {
357 flex-shrink: 0;
358 width: 80px;
359 height: 80px;
360 border-radius: var(--amc-radius-sm);
361 overflow: hidden;
362 border: 2px solid transparent;
363 cursor: pointer;
364 transition: var(--amc-transition);
365 background: var(--amc-bg-light);
366 position: relative;
367 }
368
369 .amc-gallery__thumb:hover {
370 border-color: var(--amc-primary-light);
371 }
372
373 .amc-gallery__thumb.active {
374 border-color: var(--amc-primary);
375 box-shadow: 0 0 0 1px var(--amc-primary);
376 }
377
378 .amc-gallery__thumb img {
379 width: 100%;
380 height: 100%;
381 object-fit: cover;
382 }
383
384 .amc-gallery__thumb--video::after {
385 content: '';
386 position: absolute;
387 top: 50%;
388 left: 50%;
389 transform: translate(-50%, -50%);
390 width: 28px;
391 height: 28px;
392 background: rgba(0,0,0,0.6);
393 border-radius: 50%;
394 display: flex;
395 align-items: center;
396 justify-content: center;
397 }
398
399 .amc-gallery__thumb--video::before {
400 content: '';
401 position: absolute;
402 top: 50%;
403 left: 52%;
404 transform: translate(-50%, -50%);
405 border-left: 10px solid white;
406 border-top: 6px solid transparent;
407 border-bottom: 6px solid transparent;
408 z-index: 2;
409 }
410
411 /* ============================================================
412 PRODUCT INFORMATION
413 ============================================================ */
414 .amc-product-info {
415 display: flex;
416 flex-direction: column;
417 gap: 20px;
418 }
419
420 /* Brand / Vendor */
421 .amc-product-info__brand {
422 font-size: 13px;
423 font-weight: 600;
424 color: var(--amc-primary);
425 text-transform: uppercase;
426 letter-spacing: 1px;
427 }
428
429 /* Title */
430 .amc-product-info__title {
431 font-size: clamp(22px, 3vw, 32px);
432 font-weight: 800;
433 line-height: 1.25;
434 color: var(--amc-secondary);
435 }
436
437 /* Rating & Reviews Summary */
438 .amc-product-info__rating {
439 display: flex;
440 align-items: center;
441 gap: 10px;
442 flex-wrap: wrap;
443 }
444
445 .amc-stars {
446 display: flex;
447 align-items: center;
448 gap: 2px;
449 }
450
451 .amc-stars svg {
452 width: 18px;
453 height: 18px;
454 }
455
456 .amc-stars__filled {
457 fill: var(--amc-rating);
458 stroke: var(--amc-rating);
459 }
460
461 .amc-stars__empty {
462 fill: none;
463 stroke: #ddd;
464 stroke-width: 1.5;
465 }
466
467 .amc-rating__count {
468 font-size: 14px;
469 color: var(--amc-text-light);
470 font-weight: 500;
471 }
472
473 .amc-rating__count span {
474 color: var(--amc-primary);
475 font-weight: 600;
476 }
477
478 /* Short Description */
479 .amc-product-info__short-desc {
480 font-size: 15px;
481 color: var(--amc-text-light);
482 line-height: 1.7;
483 padding: 16px;
484 background: var(--amc-bg-light);
485 border-radius: var(--amc-radius-md);
486 border-left: 3px solid var(--amc-primary);
487 }
488
489 /* Key Features / Highlights */
490 .amc-product-info__highlights {
491 display: flex;
492 flex-direction: column;
493 gap: 8px;
494 }
495
496 .amc-highlight {
497 display: flex;
498 align-items: flex-start;
499 gap: 10px;
500 font-size: 14px;
501 color: var(--amc-text);
502 }
503
504 .amc-highlight__icon {
505 flex-shrink: 0;
506 width: 20px;
507 height: 20px;
508 color: var(--amc-success);
509 margin-top: 1px;
510 }
511
512 .amc-highlight__icon svg {
513 width: 100%;
514 height: 100%;
515 }
516
517 /* Price Block */
518 .amc-product-info__price-block {
519 padding: 20px;
520 background: linear-gradient(135deg, var(--amc-primary-bg) 0%, rgba(233,44,68,0.04) 100%);
521 border-radius: var(--amc-radius-md);
522 border: 1px solid rgba(233,44,68,0.12);
523 }
524
525 .amc-price {
526 display: flex;
527 align-items: baseline;
528 gap: 12px;
529 flex-wrap: wrap;
530 }
531
532 .amc-price__current {
533 font-size: 32px;
534 font-weight: 800;
535 color: var(--amc-primary);
536 line-height: 1;
537 }
538
539 .amc-price__compare {
540 font-size: 20px;
541 color: var(--amc-text-muted);
542 text-decoration: line-through;
543 font-weight: 500;
544 }
545
546 .amc-price__save {
547 display: inline-flex;
548 align-items: center;
549 gap: 4px;
550 padding: 4px 10px;
551 background: var(--amc-primary);
552 color: var(--amc-white);
553 border-radius: 20px;
554 font-size: 13px;
555 font-weight: 700;
556 }
557
558 .amc-price__tax {
559 font-size: 13px;
560 color: var(--amc-text-muted);
561 width: 100%;
562 margin-top: 4px;
563 }
564
565 /* Stock Status */
566 .amc-stock {
567 display: flex;
568 align-items: center;
569 gap: 8px;
570 font-size: 14px;
571 font-weight: 600;
572 }
573
574 .amc-stock__indicator {
575 width: 8px;
576 height: 8px;
577 border-radius: 50%;
578 display: inline-block;
579 }
580
581 .amc-stock--in .amc-stock__indicator {
582 background: var(--amc-success);
583 box-shadow: 0 0 6px rgba(40, 167, 69, 0.4);
584 animation: amc-pulse 2s infinite;
585 }
586
587 .amc-stock--low .amc-stock__indicator {
588 background: var(--amc-warning);
589 }
590
591 .amc-stock--out .amc-stock__indicator {
592 background: #dc3545;
593 }
594
595 .amc-stock--in {
596 color: var(--amc-success);
597 }
598
599 .amc-stock--low {
600 color: #e67e00;
601 }
602
603 .amc-stock--out {
604 color: #dc3545;
605 }
606
607 @keyframes amc-pulse {
608 0%, 100% { opacity: 1; }
609 50% { opacity: 0.5; }
610 }
611
612 /* Variant Selectors */
613 .amc-variants {
614 display: flex;
615 flex-direction: column;
616 gap: 16px;
617 }
618
619 .amc-variant__label {
620 font-size: 14px;
621 font-weight: 700;
622 color: var(--amc-secondary);
623 text-transform: uppercase;
624 letter-spacing: 0.5px;
625 }
626
627 .amc-variant__label span {
628 color: var(--amc-text-light);
629 font-weight: 400;
630 text-transform: none;
631 margin-left: 4px;
632 }
633
634 .amc-variant__options {
635 display: flex;
636 flex-wrap: wrap;
637 gap: 8px;
638 }
639
640 /* Button-style variant options */
641 .amc-variant__btn {
642 padding: 8px 18px;
643 border: 2px solid var(--amc-border);
644 border-radius: var(--amc-radius-sm);
645 background: var(--amc-white);
646 font-size: 14px;
647 font-weight: 500;
648 color: var(--amc-text);
649 transition: var(--amc-transition);
650 min-width: 44px;
651 text-align: center;
652 }
653
654 .amc-variant__btn:hover {
655 border-color: var(--amc-primary);
656 color: var(--amc-primary);
657 }
658
659 .amc-variant__btn.active {
660 border-color: var(--amc-primary);
661 background: var(--amc-primary);
662 color: var(--amc-white);
663 box-shadow: 0 2px 8px rgba(233, 44, 68, 0.3);
664 }
665
666 .amc-variant__btn.disabled {
667 opacity: 0.4;
668 cursor: not-allowed;
669 text-decoration: line-through;
670 }
671
672 /* Color Swatches */
673 .amc-swatch {
674 width: 36px;
675 height: 36px;
676 border-radius: 50%;
677 border: 2px solid var(--amc-border);
678 cursor: pointer;
679 transition: var(--amc-transition);
680 position: relative;
681 padding: 0;
682 }
683
684 .amc-swatch:hover {
685 transform: scale(1.15);
686 border-color: var(--amc-primary);
687 }
688
689 .amc-swatch.active {
690 border-color: var(--amc-primary);
691 box-shadow: 0 0 0 2px var(--amc-white), 0 0 0 4px var(--amc-primary);
692 }
693
694 .amc-swatch.disabled {
695 opacity: 0.3;
696 cursor: not-allowed;
697 overflow: hidden;
698 }
699
700 .amc-swatch.disabled::after {
701 content: '';
702 position: absolute;
703 top: 50%;
704 left: -20%;
705 width: 140%;
706 height: 2px;
707 background: #999;
708 transform: rotate(-45deg);
709 }
710
711 /* Image Swatches */
712 .amc-swatch--image {
713 width: 50px;
714 height: 50px;
715 border-radius: var(--amc-radius-sm);
716 overflow: hidden;
717 background: var(--amc-bg-light);
718 }
719
720 .amc-swatch--image img {
721 width: 100%;
722 height: 100%;
723 object-fit: cover;
724 }
725
726 /* Quantity Selector */
727 .amc-quantity {
728 display: flex;
729 align-items: center;
730 gap: 0;
731 border: 2px solid var(--amc-border);
732 border-radius: var(--amc-radius-sm);
733 overflow: hidden;
734 width: fit-content;
735 }
736
737 .amc-quantity__btn {
738 width: 44px;
739 height: 44px;
740 display: flex;
741 align-items: center;
742 justify-content: center;
743 font-size: 20px;
744 font-weight: 600;
745 color: var(--amc-text);
746 background: var(--amc-bg-light);
747 transition: var(--amc-transition-fast);
748 user-select: none;
749 }
750
751 .amc-quantity__btn:hover {
752 background: var(--amc-primary-bg);
753 color: var(--amc-primary);
754 }
755
756 .amc-quantity__input {
757 width: 60px;
758 height: 44px;
759 text-align: center;
760 border: none;
761 border-left: 1px solid var(--amc-border);
762 border-right: 1px solid var(--amc-border);
763 font-size: 16px;
764 font-weight: 700;
765 color: var(--amc-secondary);
766 -moz-appearance: textfield;
767 }
768
769 .amc-quantity__input::-webkit-outer-spin-button,
770 .amc-quantity__input::-webkit-inner-spin-button {
771 -webkit-appearance: none;
772 margin: 0;
773 }
774
775 .amc-quantity__input:focus {
776 outline: none;
777 background: var(--amc-primary-bg);
778 }
779
780 /* Add to Cart & Buy Now */
781 .amc-actions {
782 display: flex;
783 gap: 12px;
784 flex-wrap: wrap;
785 }
786
787 .amc-btn {
788 display: inline-flex;
789 align-items: center;
790 justify-content: center;
791 gap: 8px;
792 padding: 14px 32px;
793 border-radius: var(--amc-radius-sm);
794 font-size: 16px;
795 font-weight: 700;
796 text-transform: uppercase;
797 letter-spacing: 0.5px;
798 transition: var(--amc-transition);
799 position: relative;
800 overflow: hidden;
801 white-space: nowrap;
802 }
803
804 .amc-btn--primary {
805 background: var(--amc-primary);
806 color: var(--amc-white);
807 flex: 1;
808 min-width: 200px;
809 box-shadow: 0 4px 15px rgba(233, 44, 68, 0.3);
810 }
811
812 .amc-btn--primary:hover {
813 background: var(--amc-primary-dark);
814 color: var(--amc-white);
815 transform: translateY(-2px);
816 box-shadow: 0 6px 20px rgba(233, 44, 68, 0.4);
817 }
818
819 .amc-btn--primary:active {
820 transform: translateY(0);
821 }
822
823 .amc-btn--secondary {
824 background: var(--amc-secondary);
825 color: var(--amc-white);
826 flex: 1;
827 min-width: 160px;
828 }
829
830 .amc-btn--secondary:hover {
831 background: var(--amc-dark);
832 color: var(--amc-white);
833 transform: translateY(-2px);
834 }
835
836 .amc-btn--outline {
837 background: transparent;
838 color: var(--amc-primary);
839 border: 2px solid var(--amc-primary);
840 padding: 12px 24px;
841 }
842
843 .amc-btn--outline:hover {
844 background: var(--amc-primary);
845 color: var(--amc-white);
846 }
847
848 .amc-btn svg {
849 width: 20px;
850 height: 20px;
851 flex-shrink: 0;
852 }
853
854 .amc-btn__spinner {
855 display: none;
856 width: 20px;
857 height: 20px;
858 border: 2px solid rgba(255,255,255,0.3);
859 border-top-color: var(--amc-white);
860 border-radius: 50%;
861 animation: amc-spin 0.6s linear infinite;
862 }
863
864 .amc-btn.loading .amc-btn__spinner {
865 display: block;
866 }
867
868 .amc-btn.loading .amc-btn__text {
869 opacity: 0;
870 }
871
872 @keyframes amc-spin {
873 to { transform: rotate(360deg); }
874 }
875
876 /* Trust Badges */
877 .amc-trust {
878 display: grid;
879 grid-template-columns: repeat(2, 1fr);
880 gap: 12px;
881 padding: 20px;
882 background: var(--amc-bg-light);
883 border-radius: var(--amc-radius-md);
884 }
885
886 .amc-trust__item {
887 display: flex;
888 align-items: center;
889 gap: 10px;
890 font-size: 13px;
891 color: var(--amc-text);
892 font-weight: 500;
893 }
894
895 .amc-trust__icon {
896 flex-shrink: 0;
897 width: 36px;
898 height: 36px;
899 border-radius: 50%;
900 background: var(--amc-white);
901 display: flex;
902 align-items: center;
903 justify-content: center;
904 color: var(--amc-primary);
905 box-shadow: var(--amc-shadow-sm);
906 }
907
908 .amc-trust__icon svg {
909 width: 18px;
910 height: 18px;
911 }
912
913 /* Product Meta (SKU, Vendor, Tags, etc.) */
914 .amc-product-meta {
915 display: flex;
916 flex-direction: column;
917 gap: 8px;
918 padding: 16px 0;
919 border-top: 1px solid var(--amc-border-light);
920 font-size: 13px;
921 }
922
923 .amc-product-meta__row {
924 display: flex;
925 align-items: center;
926 gap: 8px;
927 }
928
929 .amc-product-meta__label {
930 color: var(--amc-text-muted);
931 font-weight: 600;
932 min-width: 70px;
933 }
934
935 .amc-product-meta__value {
936 color: var(--amc-text);
937 }
938
939 .amc-product-meta__value a {
940 color: var(--amc-text-light);
941 }
942
943 .amc-product-meta__value a:hover {
944 color: var(--amc-primary);
945 }
946
947 /* Share Links */
948 .amc-share {
949 display: flex;
950 align-items: center;
951 gap: 12px;
952 padding-top: 12px;
953 border-top: 1px solid var(--amc-border-light);
954 }
955
956 .amc-share__label {
957 font-size: 14px;
958 font-weight: 600;
959 color: var(--amc-text);
960 }
961
962 .amc-share__links {
963 display: flex;
964 gap: 8px;
965 }
966
967 .amc-share__link {
968 width: 36px;
969 height: 36px;
970 border-radius: 50%;
971 display: flex;
972 align-items: center;
973 justify-content: center;
974 background: var(--amc-bg-light);
975 color: var(--amc-text-light);
976 transition: var(--amc-transition);
977 }
978
979 .amc-share__link:hover {
980 color: var(--amc-white);
981 transform: translateY(-2px);
982 }
983
984 .amc-share__link--facebook:hover { background: #1877f2; }
985 .amc-share__link--twitter:hover { background: #1da1f2; }
986 .amc-share__link--pinterest:hover { background: #e60023; }
987 .amc-share__link--whatsapp:hover { background: #25d366; }
988 .amc-share__link--email:hover { background: var(--amc-secondary); }
989
990 .amc-share__link svg {
991 width: 16px;
992 height: 16px;
993 fill: currentColor;
994 }
995
996 /* Countdown Timer */
997 .amc-countdown {
998 padding: 16px 20px;
999 background: linear-gradient(135deg, var(--amc-secondary) 0%, var(--amc-dark) 100%);
1000 border-radius: var(--amc-radius-md);
1001 color: var(--amc-white);
1002 }
1003
1004 .amc-countdown__label {
1005 font-size: 13px;
1006 font-weight: 700;
1007 text-transform: uppercase;
1008 letter-spacing: 1px;
1009 margin-bottom: 10px;
1010 display: flex;
1011 align-items: center;
1012 gap: 6px;
1013 }
1014
1015 .amc-countdown__label svg {
1016 width: 16px;
1017 height: 16px;
1018 color: var(--amc-primary-light);
1019 }
1020
1021 .amc-countdown__timer {
1022 display: flex;
1023 gap: 10px;
1024 }
1025
1026 .amc-countdown__unit {
1027 text-align: center;
1028 min-width: 50px;
1029 }
1030
1031 .amc-countdown__value {
1032 font-size: 24px;
1033 font-weight: 800;
1034 line-height: 1;
1035 background: rgba(255,255,255,0.1);
1036 padding: 8px 10px;
1037 border-radius: var(--amc-radius-sm);
1038 margin-bottom: 4px;
1039 }
1040
1041 .amc-countdown__name {
1042 font-size: 10px;
1043 text-transform: uppercase;
1044 letter-spacing: 1px;
1045 opacity: 0.7;
1046 }
1047
1048 /* ============================================================
1049 STICKY ADD TO CART BAR (Mobile)
1050 ============================================================ */
1051 .amc-sticky-bar {
1052 position: fixed;
1053 bottom: 0;
1054 left: 0;
1055 right: 0;
1056 background: var(--amc-white);
1057 padding: 12px 20px;
1058 box-shadow: 0 -4px 20px rgba(0,0,0,0.1);
1059 z-index: 100;
1060 display: none;
1061 gap: 12px;
1062 align-items: center;
1063 transform: translateY(100%);
1064 transition: transform 0.3s ease;
1065 }
1066
1067 .amc-sticky-bar.visible {
1068 transform: translateY(0);
1069 }
1070
1071 .amc-sticky-bar__info {
1072 display: flex;
1073 align-items: center;
1074 gap: 10px;
1075 flex: 1;
1076 min-width: 0;
1077 }
1078
1079 .amc-sticky-bar__img {
1080 width: 44px;
1081 height: 44px;
1082 border-radius: var(--amc-radius-sm);
1083 object-fit: cover;
1084 border: 1px solid var(--amc-border);
1085 flex-shrink: 0;
1086 }
1087
1088 .amc-sticky-bar__title {
1089 font-size: 13px;
1090 font-weight: 600;
1091 color: var(--amc-secondary);
1092 white-space: nowrap;
1093 overflow: hidden;
1094 text-overflow: ellipsis;
1095 }
1096
1097 .amc-sticky-bar__price {
1098 font-size: 15px;
1099 font-weight: 800;
1100 color: var(--amc-primary);
1101 }
1102
1103 .amc-sticky-bar__btn {
1104 padding: 12px 24px;
1105 background: var(--amc-primary);
1106 color: var(--amc-white);
1107 border-radius: var(--amc-radius-sm);
1108 font-size: 14px;
1109 font-weight: 700;
1110 text-transform: uppercase;
1111 white-space: nowrap;
1112 flex-shrink: 0;
1113 transition: var(--amc-transition);
1114 }
1115
1116 .amc-sticky-bar__btn:hover {
1117 background: var(--amc-primary-dark);
1118 color: var(--amc-white);
1119 }
1120
1121 /* ============================================================
1122 PRODUCT TABS / ACCORDION (Description, Specs, Reviews)
1123 ============================================================ */
1124 .amc-product-tabs {
1125 padding: 60px 0;
1126 background: var(--amc-bg-section);
1127 }
1128
1129 .amc-tabs__header {
1130 display: flex;
1131 gap: 4px;
1132 border-bottom: 2px solid var(--amc-border);
1133 margin-bottom: 30px;
1134 overflow-x: auto;
1135 scrollbar-width: none;
1136 }
1137
1138 .amc-tabs__header::-webkit-scrollbar {
1139 display: none;
1140 }
1141
1142 .amc-tabs__tab {
1143 padding: 14px 24px;
1144 font-size: 15px;
1145 font-weight: 700;
1146 color: var(--amc-text-muted);
1147 white-space: nowrap;
1148 position: relative;
1149 transition: var(--amc-transition);
1150 background: none;
1151 border: none;
1152 cursor: pointer;
1153 }
1154
1155 .amc-tabs__tab::after {
1156 content: '';
1157 position: absolute;
1158 bottom: -2px;
1159 left: 0;
1160 width: 100%;
1161 height: 3px;
1162 background: var(--amc-primary);
1163 transform: scaleX(0);
1164 transition: transform 0.3s ease;
1165 }
1166
1167 .amc-tabs__tab:hover {
1168 color: var(--amc-text);
1169 }
1170
1171 .amc-tabs__tab.active {
1172 color: var(--amc-primary);
1173 }
1174
1175 .amc-tabs__tab.active::after {
1176 transform: scaleX(1);
1177 }
1178
1179 .amc-tabs__tab-count {
1180 display: inline-flex;
1181 align-items: center;
1182 justify-content: center;
1183 min-width: 20px;
1184 height: 20px;
1185 padding: 0 6px;
1186 background: var(--amc-primary-bg);
1187 color: var(--amc-primary);
1188 border-radius: 10px;
1189 font-size: 11px;
1190 font-weight: 700;
1191 margin-left: 6px;
1192 }
1193
1194 .amc-tabs__content {
1195 background: var(--amc-white);
1196 border-radius: var(--amc-radius-lg);
1197 padding: 40px;
1198 box-shadow: var(--amc-shadow-sm);
1199 }
1200
1201 .amc-tabs__panel {
1202 display: none;
1203 animation: amcFadeIn 0.4s ease;
1204 }
1205
1206 .amc-tabs__panel.active {
1207 display: block;
1208 }
1209
1210 @keyframes amcFadeIn {
1211 from { opacity: 0; transform: translateY(10px); }
1212 to { opacity: 1; transform: translateY(0); }
1213 }
1214
1215 /* Specifications Table */
1216 .amc-specs__table {
1217 width: 100%;
1218 border-collapse: collapse;
1219 }
1220
1221 .amc-specs__table tr {
1222 border-bottom: 1px solid var(--amc-border-light);
1223 }
1224
1225 .amc-specs__table tr:last-child {
1226 border-bottom: none;
1227 }
1228
1229 .amc-specs__table td {
1230 padding: 14px 20px;
1231 font-size: 14px;
1232 }
1233
1234 .amc-specs__table td:first-child {
1235 font-weight: 600;
1236 color: var(--amc-secondary);
1237 width: 35%;
1238 background: var(--amc-bg-light);
1239 }
1240
1241 .amc-specs__table td:last-child {
1242 color: var(--amc-text);
1243 }
1244
1245 /* Description */
1246 .amc-description {
1247 font-size: 15px;
1248 line-height: 1.8;
1249 color: var(--amc-text);
1250 }
1251
1252 .amc-description h1, .amc-description h2, .amc-description h3 {
1253 color: var(--amc-secondary);
1254 margin: 24px 0 12px;
1255 }
1256
1257 .amc-description p {
1258 margin-bottom: 16px;
1259 }
1260
1261 .amc-description ul, .amc-description ol {
1262 padding-left: 24px;
1263 margin-bottom: 16px;
1264 }
1265
1266 .amc-description li {
1267 margin-bottom: 8px;
1268 }
1269
1270 /* Reviews Section */
1271 .amc-reviews__summary {
1272 display: flex;
1273 gap: 40px;
1274 align-items: center;
1275 padding-bottom: 30px;
1276 border-bottom: 1px solid var(--amc-border-light);
1277 margin-bottom: 30px;
1278 flex-wrap: wrap;
1279 }
1280
1281 .amc-reviews__score {
1282 text-align: center;
1283 min-width: 120px;
1284 }
1285
1286 .amc-reviews__score-value {
1287 font-size: 56px;
1288 font-weight: 800;
1289 color: var(--amc-secondary);
1290 line-height: 1;
1291 }
1292
1293 .amc-reviews__score-stars {
1294 margin: 8px 0;
1295 }
1296
1297 .amc-reviews__score-count {
1298 font-size: 13px;
1299 color: var(--amc-text-muted);
1300 }
1301
1302 .amc-reviews__bars {
1303 flex: 1;
1304 min-width: 200px;
1305 }
1306
1307 .amc-review-bar {
1308 display: flex;
1309 align-items: center;
1310 gap: 10px;
1311 margin-bottom: 6px;
1312 }
1313
1314 .amc-review-bar__label {
1315 font-size: 13px;
1316 color: var(--amc-text-light);
1317 min-width: 50px;
1318 }
1319
1320 .amc-review-bar__track {
1321 flex: 1;
1322 height: 8px;
1323 background: var(--amc-border-light);
1324 border-radius: 4px;
1325 overflow: hidden;
1326 }
1327
1328 .amc-review-bar__fill {
1329 height: 100%;
1330 background: var(--amc-rating);
1331 border-radius: 4px;
1332 transition: width 0.6s ease;
1333 }
1334
1335 .amc-review-bar__count {
1336 font-size: 13px;
1337 color: var(--amc-text-muted);
1338 min-width: 30px;
1339 text-align: right;
1340 }
1341
1342 .amc-review-item {
1343 padding: 24px 0;
1344 border-bottom: 1px solid var(--amc-border-light);
1345 }
1346
1347 .amc-review-item:last-child {
1348 border-bottom: none;
1349 }
1350
1351 .amc-review-item__header {
1352 display: flex;
1353 align-items: center;
1354 gap: 12px;
1355 margin-bottom: 10px;
1356 flex-wrap: wrap;
1357 }
1358
1359 .amc-review-item__avatar {
1360 width: 40px;
1361 height: 40px;
1362 border-radius: 50%;
1363 background: var(--amc-primary-bg);
1364 color: var(--amc-primary);
1365 display: flex;
1366 align-items: center;
1367 justify-content: center;
1368 font-weight: 700;
1369 font-size: 16px;
1370 }
1371
1372 .amc-review-item__author {
1373 font-weight: 700;
1374 color: var(--amc-secondary);
1375 font-size: 14px;
1376 }
1377
1378 .amc-review-item__date {
1379 font-size: 12px;
1380 color: var(--amc-text-muted);
1381 }
1382
1383 .amc-review-item__stars {
1384 display: flex;
1385 gap: 2px;
1386 margin-left: auto;
1387 }
1388
1389 .amc-review-item__stars svg {
1390 width: 14px;
1391 height: 14px;
1392 fill: var(--amc-rating);
1393 stroke: var(--amc-rating);
1394 }
1395
1396 .amc-review-item__body {
1397 font-size: 14px;
1398 line-height: 1.7;
1399 color: var(--amc-text);
1400 }
1401
1402 .amc-review-item__title {
1403 font-weight: 700;
1404 color: var(--amc-secondary);
1405 margin-bottom: 6px;
1406 font-size: 15px;
1407 }
1408
1409 /* ============================================================
1410 RELATED PRODUCTS
1411 ============================================================ */
1412 .amc-related {
1413 padding: 60px 0;
1414 background: var(--amc-white);
1415 }
1416
1417 .amc-related__header {
1418 display: flex;
1419 align-items: center;
1420 justify-content: space-between;
1421 margin-bottom: 30px;
1422 }
1423
1424 .amc-related__title {
1425 font-size: 28px;
1426 font-weight: 800;
1427 color: var(--amc-secondary);
1428 }
1429
1430 .amc-related__grid {
1431 display: grid;
1432 grid-template-columns: repeat(4, 1fr);
1433 gap: 24px;
1434 }
1435
1436 .amc-product-card {
1437 background: var(--amc-white);
1438 border-radius: var(--amc-radius-md);
1439 overflow: hidden;
1440 border: 1px solid var(--amc-border-light);
1441 transition: var(--amc-transition);
1442 position: relative;
1443 }
1444
1445 .amc-product-card:hover {
1446 box-shadow: var(--amc-shadow-lg);
1447 transform: translateY(-4px);
1448 }
1449
1450 .amc-product-card__image-wrapper {
1451 position: relative;
1452 padding-bottom: 100%;
1453 overflow: hidden;
1454 background: var(--amc-bg-light);
1455 }
1456
1457 .amc-product-card__image {
1458 position: absolute;
1459 top: 0;
1460 left: 0;
1461 width: 100%;
1462 height: 100%;
1463 object-fit: cover;
1464 transition: transform 0.5s ease;
1465 }
1466
1467 .amc-product-card:hover .amc-product-card__image {
1468 transform: scale(1.08);
1469 }
1470
1471 .amc-product-card__badges {
1472 position: absolute;
1473 top: 10px;
1474 left: 10px;
1475 display: flex;
1476 flex-direction: column;
1477 gap: 4px;
1478 }
1479
1480 .amc-product-card__info {
1481 padding: 16px;
1482 }
1483
1484 .amc-product-card__title {
1485 font-size: 14px;
1486 font-weight: 600;
1487 color: var(--amc-secondary);
1488 margin-bottom: 8px;
1489 display: -webkit-box;
1490 -webkit-line-clamp: 2;
1491 -webkit-box-orient: vertical;
1492 overflow: hidden;
1493 line-height: 1.4;
1494 }
1495
1496 .amc-product-card__title a {
1497 color: inherit;
1498 }
1499
1500 .amc-product-card__title a:hover {
1501 color: var(--amc-primary);
1502 }
1503
1504 .amc-product-card__price {
1505 display: flex;
1506 align-items: baseline;
1507 gap: 8px;
1508 }
1509
1510 .amc-product-card__price-current {
1511 font-size: 18px;
1512 font-weight: 800;
1513 color: var(--amc-primary);
1514 }
1515
1516 .amc-product-card__price-compare {
1517 font-size: 13px;
1518 color: var(--amc-text-muted);
1519 text-decoration: line-through;
1520 }
1521
1522 .amc-product-card__rating {
1523 display: flex;
1524 align-items: center;
1525 gap: 4px;
1526 margin-bottom: 8px;
1527 }
1528
1529 .amc-product-card__rating svg {
1530 width: 14px;
1531 height: 14px;
1532 fill: var(--amc-rating);
1533 stroke: var(--amc-rating);
1534 }
1535
1536 .amc-product-card__rating-count {
1537 font-size: 12px;
1538 color: var(--amc-text-muted);
1539 }
1540
1541 /* ============================================================
1542 IMAGE ZOOM LIGHTBOX
1543 ============================================================ */
1544 .amc-lightbox {
1545 position: fixed;
1546 top: 0;
1547 left: 0;
1548 width: 100%;
1549 height: 100%;
1550 background: rgba(0,0,0,0.92);
1551 z-index: 1000;
1552 display: none;
1553 align-items: center;
1554 justify-content: center;
1555 animation: amcFadeIn 0.3s ease;
1556 }
1557
1558 .amc-lightbox.active {
1559 display: flex;
1560 }
1561
1562 .amc-lightbox__close {
1563 position: absolute;
1564 top: 20px;
1565 right: 20px;
1566 width: 44px;
1567 height: 44px;
1568 border-radius: 50%;
1569 background: rgba(255,255,255,0.1);
1570 color: var(--amc-white);
1571 display: flex;
1572 align-items: center;
1573 justify-content: center;
1574 font-size: 24px;
1575 z-index: 10;
1576 transition: var(--amc-transition);
1577 }
1578
1579 .amc-lightbox__close:hover {
1580 background: var(--amc-primary);
1581 }
1582
1583 .amc-lightbox__image {
1584 max-width: 90vw;
1585 max-height: 90vh;
1586 object-fit: contain;
1587 border-radius: var(--amc-radius-md);
1588 }
1589
1590 .amc-lightbox__nav {
1591 position: absolute;
1592 top: 50%;
1593 transform: translateY(-50%);
1594 width: 50px;
1595 height: 50px;
1596 border-radius: 50%;
1597 background: rgba(255,255,255,0.1);
1598 color: var(--amc-white);
1599 display: flex;
1600 align-items: center;
1601 justify-content: center;
1602 transition: var(--amc-transition);
1603 }
1604
1605 .amc-lightbox__nav:hover {
1606 background: var(--amc-primary);
1607 }
1608
1609 .amc-lightbox__nav--prev { left: 20px; }
1610 .amc-lightbox__nav--next { right: 20px; }
1611
1612 .amc-lightbox__nav svg {
1613 width: 24px;
1614 height: 24px;
1615 stroke: currentColor;
1616 fill: none;
1617 stroke-width: 2;
1618 }
1619
1620 /* ============================================================
1621 NOTIFICATION TOAST
1622 ============================================================ */
1623 .amc-toast {
1624 position: fixed;
1625 bottom: 30px;
1626 right: 30px;
1627 background: var(--amc-secondary);
1628 color: var(--amc-white);
1629 padding: 16px 24px;
1630 border-radius: var(--amc-radius-md);
1631 box-shadow: var(--amc-shadow-lg);
1632 z-index: 999;
1633 display: flex;
1634 align-items: center;
1635 gap: 12px;
1636 transform: translateX(120%);
1637 transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
1638 max-width: 400px;
1639 }
1640
1641 .amc-toast.visible {
1642 transform: translateX(0);
1643 }
1644
1645 .amc-toast__icon {
1646 flex-shrink: 0;
1647 width: 24px;
1648 height: 24px;
1649 color: var(--amc-success);
1650 }
1651
1652 .amc-toast__content {
1653 flex: 1;
1654 }
1655
1656 .amc-toast__title {
1657 font-weight: 700;
1658 font-size: 14px;
1659 margin-bottom: 2px;
1660 }
1661
1662 .amc-toast__message {
1663 font-size: 13px;
1664 opacity: 0.8;
1665 }
1666
1667 .amc-toast__close {
1668 flex-shrink: 0;
1669 color: rgba(255,255,255,0.6);
1670 padding: 4px;
1671 transition: var(--amc-transition-fast);
1672 }
1673
1674 .amc-toast__close:hover {
1675 color: var(--amc-white);
1676 }
1677
1678 /* ============================================================
1679 RESPONSIVE DESIGN
1680 ============================================================ */
1681
1682 /* Large Desktop */
1683 @media (max-width: 1399px) {
1684 .amc-container {
1685 max-width: 1200px;
1686 }
1687 }
1688
1689 /* Desktop */
1690 @media (max-width: 1199px) {
1691 .amc-product-main__grid {
1692 gap: 30px;
1693 }
1694
1695 .amc-related__grid {
1696 grid-template-columns: repeat(3, 1fr);
1697 }
1698 }
1699
1700 /* Tablet */
1701 @media (max-width: 991px) {
1702 .amc-product-main__grid {
1703 grid-template-columns: 1fr;
1704 gap: 30px;
1705 }
1706
1707 .amc-gallery {
1708 position: relative;
1709 top: 0;
1710 }
1711
1712 .amc-gallery__thumb {
1713 width: 64px;
1714 height: 64px;
1715 }
1716
1717 .amc-product-info__title {
1718 font-size: 24px;
1719 }
1720
1721 .amc-price__current {
1722 font-size: 28px;
1723 }
1724
1725 .amc-related__grid {
1726 grid-template-columns: repeat(2, 1fr);
1727 gap: 16px;
1728 }
1729
1730 .amc-tabs__content {
1731 padding: 24px;
1732 }
1733
1734 .amc-reviews__summary {
1735 flex-direction: column;
1736 align-items: flex-start;
1737 gap: 20px;
1738 }
1739
1740 .amc-trust {
1741 grid-template-columns: 1fr 1fr;
1742 }
1743 }
1744
1745 /* Mobile */
1746 @media (max-width: 767px) {
1747 .amc-container {
1748 padding: 0 16px;
1749 }
1750
1751 .amc-breadcrumb {
1752 padding: 12px 0;
1753 font-size: 12px;
1754 }
1755
1756 .amc-product-main {
1757 padding: 16px 0 40px;
1758 }
1759
1760 .amc-gallery__main {
1761 border-radius: var(--amc-radius-md);
1762 margin-bottom: 12px;
1763 }
1764
1765 .amc-gallery__nav {
1766 width: 36px;
1767 height: 36px;
1768 opacity: 1;
1769 }
1770
1771 .amc-gallery__nav--prev { left: 8px; }
1772 .amc-gallery__nav--next { right: 8px; }
1773
1774 .amc-gallery__thumb {
1775 width: 56px;
1776 height: 56px;
1777 }
1778
1779 .amc-product-info {
1780 gap: 16px;
1781 }
1782
1783 .amc-product-info__title {
1784 font-size: 20px;
1785 }
1786
1787 .amc-product-info__price-block {
1788 padding: 16px;
1789 }
1790
1791 .amc-price__current {
1792 font-size: 26px;
1793 }
1794
1795 .amc-actions {
1796 flex-direction: column;
1797 }
1798
1799 .amc-btn {
1800 width: 100%;
1801 padding: 14px 20px;
1802 font-size: 15px;
1803 }
1804
1805 .amc-trust {
1806 grid-template-columns: 1fr;
1807 padding: 16px;
1808 }
1809
1810 .amc-sticky-bar {
1811 display: flex;
1812 }
1813
1814 .amc-product-tabs {
1815 padding: 40px 0;
1816 }
1817
1818 .amc-tabs__header {
1819 margin-bottom: 20px;
1820 }
1821
1822 .amc-tabs__tab {
1823 padding: 10px 16px;
1824 font-size: 13px;
1825 }
1826
1827 .amc-tabs__content {
1828 padding: 20px;
1829 border-radius: var(--amc-radius-md);
1830 }
1831
1832 .amc-related {
1833 padding: 40px 0;
1834 }
1835
1836 .amc-related__title {
1837 font-size: 22px;
1838 }
1839
1840 .amc-related__grid {
1841 grid-template-columns: repeat(2, 1fr);
1842 gap: 12px;
1843 }
1844
1845 .amc-product-card__info {
1846 padding: 12px;
1847 }
1848
1849 .amc-product-card__title {
1850 font-size: 13px;
1851 }
1852
1853 .amc-product-card__price-current {
1854 font-size: 16px;
1855 }
1856
1857 .amc-countdown__timer {
1858 gap: 6px;
1859 }
1860
1861 .amc-countdown__value {
1862 font-size: 20px;
1863 padding: 6px 8px;
1864 }
1865
1866 .amc-toast {
1867 left: 16px;
1868 right: 16px;
1869 bottom: 16px;
1870 max-width: none;
1871 }
1872
1873 .amc-lightbox__nav {
1874 width: 40px;
1875 height: 40px;
1876 }
1877
1878 .amc-lightbox__nav--prev { left: 10px; }
1879 .amc-lightbox__nav--next { right: 10px; }
1880
1881 .amc-specs__table td {
1882 padding: 10px 12px;
1883 font-size: 13px;
1884 }
1885
1886 .amc-specs__table td:first-child {
1887 width: 40%;
1888 }
1889 }
1890
1891 /* Small Mobile */
1892 @media (max-width: 479px) {
1893 .amc-product-info__title {
1894 font-size: 18px;
1895 }
1896
1897 .amc-price__current {
1898 font-size: 22px;
1899 }
1900
1901 .amc-price__compare {
1902 font-size: 16px;
1903 }
1904
1905 .amc-variant__btn {
1906 padding: 6px 12px;
1907 font-size: 13px;
1908 }
1909
1910 .amc-swatch {
1911 width: 32px;
1912 height: 32px;
1913 }
1914
1915 .amc-swatch--image {
1916 width: 44px;
1917 height: 44px;
1918 }
1919
1920 .amc-quantity__btn {
1921 width: 38px;
1922 height: 38px;
1923 }
1924
1925 .amc-quantity__input {
1926 width: 48px;
1927 height: 38px;
1928 }
1929
1930 .amc-sticky-bar {
1931 padding: 10px 16px;
1932 }
1933
1934 .amc-sticky-bar__btn {
1935 padding: 10px 18px;
1936 font-size: 13px;
1937 }
1938
1939 .amc-sticky-bar__title {
1940 font-size: 12px;
1941 }
1942
1943 .amc-sticky-bar__price {
1944 font-size: 14px;
1945 }
1946
1947 .amc-related__grid {
1948 gap: 8px;
1949 }
1950
1951 .amc-product-card__info {
1952 padding: 10px;
1953 }
1954
1955 .amc-tabs__tab {
1956 padding: 8px 12px;
1957 font-size: 12px;
1958 }
1959
1960 .amc-tabs__content {
1961 padding: 16px;
1962 }
1963 }
1964
1965 /* ============================================================
1966 UTILITY CLASSES
1967 ============================================================ */
1968 .amc-sr-only {
1969 position: absolute;
1970 width: 1px;
1971 height: 1px;
1972 padding: 0;
1973 margin: -1px;
1974 overflow: hidden;
1975 clip: rect(0, 0, 0, 0);
1976 white-space: nowrap;
1977 border: 0;
1978 }
1979
1980 .amc-text-center { text-align: center; }
1981 .amc-text-right { text-align: right; }
1982 .amc-mt-1 { margin-top: 8px; }
1983 .amc-mt-2 { margin-top: 16px; }
1984 .amc-mt-3 { margin-top: 24px; }
1985 .amc-mb-1 { margin-bottom: 8px; }
1986 .amc-mb-2 { margin-bottom: 16px; }
1987 .amc-mb-3 { margin-bottom: 24px; }
1988 .amc-d-none { display: none; }
1989 .amc-d-block { display: block; }
1990 .amc-d-flex { display: flex; }
1991
1992 @media (min-width: 992px) {
1993 .amc-d-lg-none { display: none; }
1994 .amc-d-lg-block { display: block; }
1995 .amc-d-lg-flex { display: flex; }
1996 }
1997
1998 @media (min-width: 768px) {
1999 .amc-d-md-none { display: none; }
2000 .amc-d-md-block { display: block; }
2001 .amc-d-md-flex { display: flex; }
2002 }
2003
2004 /* ============================================================
2005 ANIMATIONS
2006 ============================================================ */
2007 @keyframes amcSlideUp {
2008 from { opacity: 0; transform: translateY(20px); }
2009 to { opacity: 1; transform: translateY(0); }
2010 }
2011
2012 .amc-animate-up {
2013 animation: amcSlideUp 0.5s ease forwards;
2014 }
2015
2016 .amc-animate-up:nth-child(1) { animation-delay: 0.05s; }
2017 .amc-animate-up:nth-child(2) { animation-delay: 0.1s; }
2018 .amc-animate-up:nth-child(3) { animation-delay: 0.15s; }
2019 .amc-animate-up:nth-child(4) { animation-delay: 0.2s; }
2020 .amc-animate-up:nth-child(5) { animation-delay: 0.25s; }
SPECIFICATIONS
Brand Name: NONE
Capacity: 8L/18L/24L/35L
Certification: ce,CE
High-concerned chemical: None
Origin: Mainland China
Power: 900W/1450W/1800W
Power Source: Electric
Power Type: Electric
Protection Temperature: 302 ℉/ 150℃
Set Includes: 1 Air Compressor, 2 Silencers, 4 Foot Pads, 1 Protable Handle
Tank Material: Q235B Structural Steel
Voltage: AC120V 60Hz
Working Pressure: 6-8 Bar/ 87-116PSI
Carry out More Expansion Work with VEVOR's Air Compressor !
Note: Only the air compressor is included. Additional accessories such as the air gun and air hose are not included, and customers need to purchase them separately
Get ready to be prepared for any challenge! Our 2.1 Gallon oil-free air compressor can achieve multiple scenarios, such as tire inflation, auto repair, spray painting, woodwork nailing, etc. The 900W strong motor with a 2800r/min speed and 2.2 CFM@ 90PSI air delivery can fill up the tank quickly.
Features and Detials
2.1 Gallon Air Compressor: Our 900W oil-free motor drives the compressor up to a speed of 2800 r/min and 2.2 CFM@ 90PSI air delivery. It is ideal for supporting a variety of pneumatic and air tools, such as nail gun, impact wrench, spray gun, pneumatic screwdriver, best for tire inflation, auto repair, spray painting, woodwork nailing, etc.
Fast and Efficient Inflation: Our oil-free air compressor adopts double tube and double cylinder intake at the same time, effectively saving time and effort. The intake pipe is made of 392 ℉ high-temperature resistant silicone and stainless steel braided mesh, with double protection to reduce damage and corrosion.
All the Power, Without the Noise: VEVOR’S 70 dB low decibels ultra quiet air compressor is built with 2 quality silencers. Each muffler consists of a thickened muffler cover, rubber muffler pipe, and filter cotton. It not only reduces noise, but effectively prevents fine dust from entering.
Designed to Withstand: Our electrical air compressor is constructed from a 3-layer process: rust & wear-resistant layer, plastic powder attachment layer, and Q235B structural steel providing durability and ultimate rust resistance. 3.5 Mpa maximum bearing pressure and seamless welding construction ensure the ability to withstand explosions and leakages.
Security Comes First: The air compressor tank is equipped with two large cooling fans and automatic overheating protection to prevent damage. In addition, when the current or storage pressure is too high, the compressor will automatically shut off or provide pressure relief protection.
8L EU Specifications
8L US Specifications
18L EU Specifications
18L US Specifications
24L EU Specifications
24L US Specifications
35L EU Specifications
Politique de retour
Vous pouvez retourner la plupart des articles neufs et non ouverts dans les 30 jours suivant la livraison pour un remboursement complet. Nous prendrons également en charge les frais de retour si le retour est dû à une erreur de notre part (vous avez reçu un article incorrect ou défectueux, etc.).
Vous devriez recevoir votre remboursement dans les quatre semaines suivant la remise de votre colis au transporteur de retour, cependant, dans de nombreux cas, vous recevrez un remboursement plus rapidement. Ce délai comprend le temps de transit pour que nous recevions votre retour de la part du transporteur (5 à 10 jours ouvrables), le temps qu'il nous faut pour traiter votre retour une fois que nous l'avons reçu (3 à 5 jours ouvrables) et le temps qu'il faut à votre banque pour traiter notre demande de remboursement (5 à 10 jours ouvrables).
Si vous devez retourner un article, connectez-vous simplement à votre compte, visualisez la commande à l'aide du lien « Commandes complètes » sous le menu Mon compte et cliquez sur le bouton Retourner l'article(s). Nous vous informerons par e-mail de votre remboursement une fois que nous aurons reçu et traité l'article retourné.
Expédition
Nous pouvons expédier à pratiquement n'importe quelle adresse dans le monde. Veuillez noter qu'il existe des restrictions sur certains produits, et certains produits ne peuvent pas être expédiés vers des destinations internationales.
Lorsque vous passez une commande, nous estimons les dates d'expédition et de livraison pour vous en fonction de la disponibilité de vos articles et des options d'expédition que vous choisissez. Selon le fournisseur d'expédition que vous choisissez, les estimations de date d'expédition peuvent apparaître sur la page des devis d'expédition.
Veuillez également noter que les frais d'expédition pour de nombreux articles que nous vendons sont basés sur le poids. Le poids de tout article de ce type peut être trouvé sur sa page de détails. Pour refléter les politiques des entreprises d'expédition que nous utilisons, tous les poids seront arrondis au kilo supérieur.