Beskrivning

/* — RESET & FONTS — */
@import url(https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;500;700&display=swap);

.insane-v8-container {
font-family: Space Grotesk, sans-serif;
color: #111;
line-height: 1.4;
width: 100%;
max-width: 1400px;
margin: 0 auto;
padding: 20px 0;
box-sizing: border-box;
}

.insane-v8-container * {
box-sizing: border-box;
}

/* — GRID SYSTEM — */
.insane-grid {
display: grid;
grid-template-columns: repeat(12, 1fr);
gap: 20px;
grid-auto-rows: minmax(300px, auto);
}

/* — CARDS COMMON STYLE — */
.insane-card {
background: #f4f4f5;
border-radius: 24px;
overflow: hidden;
position: relative;
transition: transform 0.3s ease, box-shadow 0.3s ease;
display: flex;
flex-direction: column;
justify-content: center;
}

.insane-card:hover {
transform: translateY(-5px);
box-shadow: 0 20px 40px rgba(0,0,0,0.1);
}

.insane-card img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
transition: transform 0.5s ease;
}

.insane-card:hover img {
transform: scale(1.05);
}

/* — TEXT STYLES — */
.insane-h2 {
font-size: clamp(2rem, 4vw, 3.5rem);
font-weight: 700;
line-height: 0.95;
margin-bottom: 15px;
letter-spacing: -1px;
text-transform: uppercase;
}

.insane-sub {
font-size: 1.1rem;
color: #666;
font-weight: 500;
}

.insane-tag {
background: #000;
color: #fff;
padding: 8px 16px;
border-radius: 50px;
font-size: 0.8rem;
font-weight: 700;
text-transform: uppercase;
display: inline-block;
margin-bottom: 15px;
}

/* — SPECIFIC CARD LAYOUTS — */
.card-hero-text {
grid-column: span 7;
background: #fff;
border: 2px solid #111;
padding: 40px;
align-items: flex-start;
}

.card-hero-img {
grid-column: span 5;
}

.card-banner {
grid-column: span 12;
height: 400px;
}

.card-feature-1 {
grid-column: span 4;
}

.card-feature-text {
grid-column: span 4;
background: #111;
color: #fff;
padding: 30px;
text-align: center;
align-items: center;
}

.card-feature-text .insane-h2 { color: #fff; font-size: 2rem; }
.card-feature-text .insane-sub { color: #aaa; }

.card-feature-2 {
grid-column: span 4;
}

/* — OVERLAYS — */
.overlay-text {
position: absolute;
bottom: 20px;
left: 20px;
background: rgba(255,255,255,0.9);
padding: 10px 20px;
border-radius: 12px;
font-weight: 700;
backdrop-filter: blur(5px);
}

/* — RESPONSIVE (MOBILE) — */
@media (max-width: 900px) {
.insane-grid { display: flex; flex-direction: column; }
.card-hero-text, .card-hero-img, .card-banner,
.card-feature-1, .card-feature-text, .card-feature-2 {
width: 100%;
min-height: 350px;
}
.card-hero-text { border: none; background: #f4f4f5; min-height: auto; padding: 40px 20px; }
.insane-h2 { font-size: 2.5rem; }
}

Best Seller 🔥

Tom Cat
Keepsake Box.

The viral sensation. A transparent, secure capsule to keep a tiny piece of your furry friend with you forever. Fur, whiskers, or love.

ALWAYS CLOSE TO HEART ❤️

Wonder Tom Edition

Secure
& Cute.

Snap-lock technology ensures your keepsake never gets lost.

Perfect Bag Charm

Ready to Collect?

Scroll up to Add to Cart ⬆️