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

.tab-active {
    border-bottom: 2px solid #dc2626;
    color: #dc2626;
}

.shop-card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.shop-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

/* Hexagon Theme Styles */
.hexagon {
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
    aspect-ratio: 1/1.15;
}

.hexagon-icon {
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
    aspect-ratio: 1/1.15;
    display: flex;
    align-items: center;
    justify-content: center;
}

.honeycomb-bg {
    background-color: #fff;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='49' viewBox='0 0 28 49'%3E%3Cg fill='%23f59e0b' fill-opacity='0.03'%3E%3Cpath d='M13.99 9.25l13 7.5v15l-13 7.5L1 31.75v-15l12.99-7.5zM3 17.9v12.7l10.99 6.34 11-6.35V17.9l-11-6.34L3 17.9z'/%3E%3C/g%3E%3C/svg%3E");
}

.hexagon-border {
    position: relative;
    background: linear-gradient(135deg, #DC2626 0%, #F59E0B 100%);
    padding: 3px;
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
}

.hexagon-border-inner {
    background: white;
    height: 100%;
    width: 100%;
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
    display: flex;
    align-items: center;
    justify-content: center;
}

.hexagon-divider {
    height: 24px;
    width: 100%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='28' viewBox='0 0 24 28'%3E%3Cpath fill='%23DC2626' fill-opacity='0.2' d='M12 0l12 7v14l-12 7L0 21V7z'/%3E%3C/svg%3E");
    background-repeat: repeat-x;
    background-size: 24px 28px;
    margin: 2rem 0;
}

/* Amber/Gold accent colors */
.text-amber { color: #F59E0B; }
.bg-amber { background-color: #F59E0B; }
.bg-amber-light { background-color: #FEF3C7; }
.border-amber { border-color: #F59E0B; }

/* Hexagonal button variant */
.btn-hexagon {
    clip-path: polygon(10% 0%, 90% 0%, 100% 50%, 90% 100%, 10% 100%, 0% 50%);
    transition: all 0.3s ease;
}

.btn-hexagon:hover {
    transform: scale(1.05);
    filter: brightness(1.1);
}