crni_petak_css

/* 1. Tamna pozadina za cijelu sekciju proizvoda */ .product-category #maincontainer { background-color: #111; background-image: repeating-linear-gradient( 45deg, #000, #000 10px, #1a1a1a 10px, #1a1a1a 20px ); color: #fff; padding: 20px 0; } /* 2. Naslov kategorije - Neon stil */ .heading1 .maintext { color: #ffff00 !important; /* Neon žuta */ font-size: 3.5rem; text-transform: uppercase; font-weight: 900; text-shadow: 4px 4px 0px #ff0000; /* Crvena sjena */ letter-spacing: 2px; animation: pulsiranje 1.5s infinite; } /* 3. Kartice proizvoda - Agresivan izgled */ .product-card { background-color: #000 !important; border: 2px solid #ffff00 !important; box-shadow: 0 0 10px rgba(255, 255, 0, 0.3); transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); position: relative; overflow: visible !important; /* Da bedževi mogu viriti van */ } .product-card:hover { transform: scale(1.05) rotate(-1deg); box-shadow: 0 0 20px #ff0000, 0 0 40px #ffff00 !important; z-index: 999; border-color: #ff0000 !important; } /* 4. Naslovi proizvoda */ .product-title { color: #fff !important; font-weight: 700; text-transform: uppercase; font-size: 14px; } /* 5. CIJENE - Fokus na popust */ .price-container { background: #ff0000; /* Crvena pozadina cijene */ transform: skew(-10deg); /* Nakošeni okvir */ padding: 5px 10px; margin: 10px auto; width: fit-content; border: 2px solid #fff; } /* Nova cijena (velika i uočljiva) */ .new-price, .current-price { color: #ffff00 !important; /* Žuta slova */ font-size: 24px !important; font-weight: 900 !important; text-shadow: 2px 2px 0px #000; display: block; } /* Stara cijena (prekrižena i manja) */ .old-price { color: #fff !important; font-size: 14px !important; opacity: 0.9; position: relative; display: block; text-decoration: none !important; /* Mičemo standardnu crtu da stavimo svoju */ } /* Crvena crta preko stare cijene */ .old-price::after { content: ''; position: absolute; left: 0; top: 50%; width: 100%; height: 2px; background: #000; transform: rotate(-10deg); } /* 6. GUMB DODAJ U KOŠARICU */ .cart-btn { background-color: #ffff00 !important; color: #000 !important; font-weight: 900 !important; text-transform: uppercase; border-radius: 0 !important; border: 2px solid #000; box-shadow: 4px 4px 0 #000; transition: transform 0.1s; } .cart-btn:hover { background-color: #fff !important; transform: translate(2px, 2px); box-shadow: 2px 2px 0 #000; } .cart-btn i { color: #000 !important; } /* 7. POSEBNE OZNAKE I BEDŽEVI */ /* Oznaka "BF AKCIJA" preko slike */ .product-image::before { content: 'BF LUDILO'; position: absolute; top: 10px; left: -5px; background: #ff0000; color: #fff; padding: 5px 10px; font-weight: bold; font-size: 12px; z-index: 10; transform: rotate(-5deg); box-shadow: 2px 2px 5px rgba(0,0,0,0.5); border: 1px solid #fff; } /* Postojeći 'special-offer' badge */ .special-offer::before { border-left-color: #ffff00 !important; border-top-color: #ffff00 !important; } .special-offer::after { color: #000 !important; font-weight: 900 !important; } /* 8. ANIMACIJE */ @keyframes pulsiranje { 0% { transform: scale(1); } 50% { transform: scale(1.05); } 100% { transform: scale(1); } } /* Mobilna prilagodba */ @media (max-width: 768px) { .product-card { margin-bottom: 20px; } .heading1 .maintext { font-size: 2rem; } } /* --- BLACK FRIDAY LUDILO END --- */