/* Bendri brudekjoleoutlet.dk stiliai.
   Iskelti is forsides 2026-09-28, kad tuos pacius stilius gautu ir
   raktazodziu kategoriju puslapiai (nogleord.php), kurie iki tol buvo
   rodomi visai be apipavidalinimo. Forsides failas nepakeistas. */





/* Påske Info Boks - Guld/Sand Tema */
.easter-notice-box {
    background: linear-gradient(135deg, #ffffff 0%, #fef9f5 100%);
    padding: 40px;
    border-radius: 20px;
    box-shadow: 0 20px 60px rgba(193, 154, 107, 0.15);
    margin: 0 auto 30px;
    border: 1px solid rgba(212, 184, 165, 0.3);
    text-align: center;
    max-width: 800px; /* Samme bredde som din main-content */
    position: relative;
}

.easter-notice-icon {
    width: 80px;
    height: 80px;
    background: linear-gradient(135deg, var(--accent-color) 0%, #e6c9a8 100%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 20px;
    color: var(--white);
    font-size: 2rem;
    box-shadow: 0 10px 30px rgba(193, 154, 107, 0.3);
}

.easter-notice-box h3 {
    font-size: 2rem;
    font-family: 'Playfair Display', serif;
    margin-bottom: 10px;
    background: linear-gradient(135deg, var(--text-dark) 0%, var(--accent-color) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    font-weight: 600;
}

.easter-notice-box p {
    font-family: 'Montserrat', sans-serif;
    font-size: 1.1rem;
    color: var(--accent-color);
    font-style: italic;
    position: relative;
    display: inline-block;
}

/* Små blomster-detaljer som i dit design */
.easter-notice-box p::before,
.easter-notice-box p::after {
    content: "❀";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    color: var(--accent-color);
    opacity: 0.7;
}

.easter-notice-box p::before { left: -25px; }
.easter-notice-box p::after { right: -25px; }

@media (max-width: 768px) {
    .easter-notice-box {
        padding: 30px 20px;
        width: 90%;
    }
    .easter-notice-box h3 {
        font-size: 1.6rem;
    }
}


        :root {
            --primary-color: #f8f1e9;
            --secondary-color: #d4b8a5;
            --accent-color: #c19a6b;
            --text-dark: #5a4a42;
            --text-light: #8a7b72;
            --white: #ffffff;
            --shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
            --menu-overlay: rgba(248, 241, 233, 0.98);
        }
        
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        
        body {
            padding-top: 90px; /* Added for fixed header */
        }
        
        /* Top Navigation Menu */
        .main-header {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            background: linear-gradient(135deg, var(--white) 0%, #fdf8f2 100%);
            box-shadow: 0 5px 20px rgba(193, 154, 107, 0.1);
            z-index: 1000;
            border-bottom: 1px solid rgba(212, 184, 165, 0.3);
        }
        
        .header-container {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 15px 20px;
            max-width: 1400px;
            margin: 0 auto;
        }
        
        .logo-container {
            display: flex;
            align-items: center;
            gap: 15px;
        }
        
        .brand-logo {
            font-family: 'Playfair Display', serif;
            font-size: 1.8rem;
            font-weight: 700;
            color: var(--text-dark);
            text-decoration: none;
            letter-spacing: 1px;
        }
        
        .brand-logo span {
            color: var(--accent-color);
        }
        
        .brand-tagline {
            font-size: 0.9rem;
            color: var(--accent-color);
            font-style: italic;
            letter-spacing: 1px;
        }
        
        /* Desktop Navigation */
        .desktop-nav {
            display: flex;
            align-items: center;
            gap: 5px;
        }
        
        .nav-menu {
            list-style: none;
            display: flex;
            gap: 5px;
        }
        
        .nav-item {
            position: relative;
        }
        
        .nav-link {
            display: flex;
            align-items: center;
            gap: 8px;
            padding: 12px 20px;
            color: var(--text-dark);
            text-decoration: none;
            font-weight: 500;
            font-size: 0.95rem;
            border-radius: 30px;
            transition: all 0.3s ease;
            white-space: nowrap;
        }
        
        .nav-link i {
            font-size: 1rem;
            width: 20px;
            text-align: center;
        }
        
        .nav-link:hover {
            background: linear-gradient(135deg, var(--accent-color) 0%, #d4a574 100%);
            color: var(--white);
            transform: translateY(-2px);
            box-shadow: 0 5px 15px rgba(193, 154, 107, 0.2);
        }
        
        .nav-link.active {
            background: linear-gradient(135deg, var(--accent-color) 0%, #d4a574 100%);
            color: var(--white);
        }
        
        /* Dropdown Menu */
        .dropdown-menu {
            position: absolute;
            top: 100%;
            left: 0;
            min-width: 300px;
            background: var(--white);
            border-radius: 15px;
            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
            padding: 10px 0;
            opacity: 0;
            visibility: hidden;
            transform: translateY(10px);
            transition: all 0.3s ease;
            z-index: 1000;
            border: 1px solid rgba(212, 184, 165, 0.3);
        }
        
        .dropdown-menu::before {
            content: '';
            position: absolute;
            top: -10px;
            left: 25px;
            border-left: 10px solid transparent;
            border-right: 10px solid transparent;
            border-bottom: 10px solid var(--white);
        }
        
        .nav-item:hover .dropdown-menu {
            opacity: 1;
            visibility: visible;
            transform: translateY(0);
        }
        
        .dropdown-item {
            display: block;
            padding: 12px 25px;
            color: var(--text-dark);
            text-decoration: none;
            font-size: 0.95rem;
            transition: all 0.3s ease;
            position: relative;
        }
        
        .dropdown-item:hover {
            background-color: var(--primary-color);
            color: var(--accent-color);
            padding-left: 35px;
        }
        
        .dropdown-item:hover::before {
            content: "❀";
            position: absolute;
            left: 20px;
            color: var(--accent-color);
        }
        
        /* Booking Button in Menu */
        .booking-menu-btn {
            display: flex;
            align-items: center;
            gap: 8px;
            background: linear-gradient(135deg, var(--accent-color) 0%, #d4a574 100%);
            color: var(--white);
            padding: 12px 25px;
            border-radius: 30px;
            text-decoration: none;
            font-weight: 600;
            font-size: 0.95rem;
            transition: all 0.3s ease;
            margin-left: 10px;
            box-shadow: 0 5px 15px rgba(193, 154, 107, 0.2);
        }
        
        .booking-menu-btn:hover {
            background: linear-gradient(135deg, var(--text-dark) 0%, #6d5c52 100%);
            transform: translateY(-2px);
            box-shadow: 0 8px 20px rgba(193, 154, 107, 0.3);
        }
        
        .booking-menu-btn i {
            font-size: 1.1rem;
        }
        
        /* Mobile Menu Toggle */
        .mobile-menu-toggle {
            display: none;
            flex-direction: column;
            justify-content: space-between;
            width: 30px;
            height: 24px;
            background: transparent;
            border: none;
            cursor: pointer;
            padding: 0;
        }
        
        .mobile-menu-toggle span {
            width: 100%;
            height: 3px;
            background: var(--accent-color);
            border-radius: 2px;
            transition: all 0.3s ease;
        }
        
        .mobile-menu-toggle.active span:nth-child(1) {
            transform: rotate(45deg) translate(6px, 6px);
        }
        
        .mobile-menu-toggle.active span:nth-child(2) {
            opacity: 0;
        }
        
        .mobile-menu-toggle.active span:nth-child(3) {
            transform: rotate(-45deg) translate(6px, -6px);
        }
        
        /* Mobile Navigation */
        .mobile-nav-overlay {
            position: fixed;
            top: 0;
            right: -100%;
            width: 85%;
            height: 100vh;
            background: var(--menu-overlay);
            z-index: 1001;
            transition: all 0.5s ease;
            box-shadow: -5px 0 30px rgba(0, 0, 0, 0.1);
            overflow-y: auto;
            padding: 80px 30px 40px;
        }
        
        .mobile-nav-overlay.active {
            right: 0;
        }
        
        .mobile-nav-menu {
            list-style: none;
        }
        
        .mobile-nav-item {
            margin-bottom: 10px;
        }
        
        .mobile-nav-link {
            display: flex;
            align-items: center;
            gap: 15px;
            padding: 18px 20px;
            color: var(--text-dark);
            text-decoration: none;
            font-weight: 500;
            font-size: 1.1rem;
            border-radius: 15px;
            transition: all 0.3s ease;
            background: rgba(255, 255, 255, 0.7);
            border: 1px solid rgba(212, 184, 165, 0.2);
        }
        
        .mobile-nav-link i {
            font-size: 1.2rem;
            width: 24px;
            text-align: center;
            color: var(--accent-color);
        }
        
        .mobile-nav-link:hover,
        .mobile-nav-link.active {
            background: linear-gradient(135deg, var(--accent-color) 0%, #d4a574 100%);
            color: var(--white);
            transform: translateX(-5px);
        }
        
        .mobile-nav-link:hover i {
            color: var(--white);
        }
        
        .mobile-dropdown-toggle {
            width: 100%;
            text-align: left;
            /* Added to prevent the entire mobile-nav-link from closing the main menu */
            /* Add an identifying class for non-closing links */
        }
        
        .mobile-dropdown-menu {
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.5s ease;
            background: rgba(255, 255, 255, 0.5);
            border-radius: 10px;
            margin: 5px 0;
        }
        
        .mobile-dropdown-menu.active {
            /* This value must be large enough to accommodate all dropdown items */
            max-height: 750px; /* Increased max-height for robustness */
        }
        
        .mobile-dropdown-item {
            display: block;
            padding: 15px 20px 15px 50px;
            color: var(--text-dark);
            text-decoration: none;
            font-size: 1rem;
            transition: all 0.3s ease;
            position: relative;
        }
        
        .mobile-dropdown-item:hover {
            background-color: rgba(212, 184, 165, 0.2);
            color: var(--accent-color);
            padding-left: 35px;
        }
        
        .mobile-dropdown-item:hover::before {
            content: "❀";
            position: absolute;
            left: 30px;
            color: var(--accent-color);
        }
        
        .close-mobile-menu {
            position: absolute;
            top: 20px;
            right: 20px;
            background: none;
            border: none;
            font-size: 1.5rem;
            color: var(--accent-color);
            cursor: pointer;
            transition: all 0.3s ease;
            width: 40px;
            height: 40px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
        }
        
        .close-mobile-menu:hover {
            background-color: var(--accent-color);
            color: var(--white);
        }
        
        /* Overlay when mobile menu is open */
        .mobile-overlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.5);
            z-index: 1000;
            opacity: 0;
            visibility: hidden;
            transition: all 0.3s ease;
        }
        
        .mobile-overlay.active {
            opacity: 1;
            visibility: visible;
        }
        
        /* Responsive Design */
        @media (max-width: 1200px) {
            .header-container {
                padding: 15px;
            }
            
            .nav-link {
                padding: 12px 15px;
                font-size: 0.9rem;
            }
            
            .booking-menu-btn {
                padding: 12px 20px;
            }
        }
        
        @media (max-width: 992px) {
            body {
                padding-top: 70px;
            }
            
            .mobile-menu-toggle {
                display: flex;
            }
            
            .desktop-nav {
                display: none;
            }
            
            .brand-logo {
                font-size: 1.6rem;
            }
        }
        
        @media (max-width: 576px) {
            .mobile-nav-overlay {
                width: 90%;
                padding: 70px 20px 30px;
            }
            
            .brand-logo {
                font-size: 1.5rem;
            }
        }
  
        :root {
            --primary-color: #f8f1e9;
            --secondary-color: #d4b8a5;
            --accent-color: #c19a6b;
            --text-dark: #5a4a42;
            --text-light: #8a7b72;
            --white: #ffffff;
            --shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
            --sale-color: #e74c3c;
            --sale-light: #f9e1e0;
        }
        
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        
        body {
            font-family: 'Montserrat', sans-serif;
            color: var(--text-dark);
            line-height: 1.6;
            background-color: var(--primary-color);
        }
        
        h1, h2, h3, h4 {
            font-family: 'Playfair Display', serif;
            font-weight: 600;
            color: var(--text-dark);
        }
        
        .container {
            width: 100%;
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 20px;
        }
        
        
/* 2026-09-24: showroom nuotrauka fone, baltos raides, be pasikartojancio pavadinimo */
.hero h1, .hero .subtitle { display: none !important; }
.hero h2 { color: #fff !important; text-shadow: 0 2px 22px rgba(0,0,0,.45) !important; }
.hero p { color: #f4e9dc !important; text-shadow: 0 1px 14px rgba(0,0,0,.45) !important; }
.hero .appointment-subtitle, .hero .appointment-description, .hero .appointment-card p, .hero .appointment-cta p { color: #6b615a !important; text-shadow: none !important; }
.hero { min-height: 62vh !important; }
/* 2026-09-24: appointment-box telefone mazesnis */
@media (max-width: 899px) {
  .hero .appointment-box { padding: 20px 16px 22px !important; }
  .hero .appointment-box h2, .hero .appointment-box h3 { font-size: 1.15rem !important; line-height: 1.25 !important; }
  .hero .appointment-subtitle { font-size: .76rem !important; margin: 4px 0 10px !important; }
  .hero .appointment-description { font-size: .8rem !important; margin-bottom: 12px !important; }
  .hero .appointment-box .fa-heart, .hero .appointment-box i { font-size: 1rem !important; }
}
/* 2026-09-24: appointment-box kompiuteryje mazesnis */
@media (min-width: 900px) {
  .hero .appointment-box { max-width: 560px !important; margin: 0 auto !important; padding: 26px 30px 30px !important; }
  .hero .appointment-box h2, .hero .appointment-box h3 { font-size: 1.5rem !important; }
  .hero .appointment-description { font-size: .88rem !important; }
  .hero .appointment-subtitle { font-size: .85rem !important; }
}
@media (max-width: 600px) { .hero { min-height: 52vh !important; background-position: center 42% !important; } }
/* Hero Section */
        .hero {
            background: linear-gradient(180deg, rgba(58,51,46,0.40) 0%, rgba(58,51,46,0.56) 100%), url('fonas-small.jpg') center 38%/cover no-repeat;
            min-height: 100vh;
            display: flex;
            align-items: center;
            padding: 80px 0 60px;
            position: relative;
            overflow: hidden;
        }
        
        .hero::before {
            content: '';
            position: absolute;
            top: 0;
            right: 0;
            width: 40%;
            height: 100%;
            background: url('images/hero-pattern.png') repeat;
            opacity: 0.1;
            z-index: 0;
        }
        
        .logo {
            text-align: center;
            margin-bottom: 40px;
            position: relative;
            z-index: 1;
        }
        
        .logo h1 {
            font-size: 3.5rem;
            letter-spacing: 3px;
            margin-bottom: 10px;
            color: var(--text-dark);
            text-shadow: 2px 2px 4px rgba(0,0,0,0.1);
        }
        
        .subtitle {
            font-size: 1.8rem;
            font-weight: 300;
            letter-spacing: 8px;
            color: var(--accent-color);
            position: relative;
            display: inline-block;
        }
        
        .subtitle::before, .subtitle::after {
            content: "✻";
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            color: var(--accent-color);
        }
        
        .subtitle::before {
            left: -30px;
        }
        
        .subtitle::after {
            right: -30px;
        }
        
        .main-content {
            max-width: 800px;
            margin: 0 auto;
            text-align: center;
            position: relative;
            z-index: 1;
        }
        
        .hero h2 {
            font-size: 2.2rem;
            margin-bottom: 25px;
            color: var(--text-dark);
        }
        
        .hero p {
            font-size: 1.1rem;
            margin-bottom: 20px;
            color: var(--text-light);
        }
        
        /* Newsletter Form */
        .newsletter {
            background-color: var(--white);
            padding: 40px;
            border-radius: 15px;
            box-shadow: var(--shadow);
            margin: 50px 0 40px;
            border-top: 5px solid var(--accent-color);
        }
        
        .newsletter h3 {
            font-size: 1.8rem;
            margin-bottom: 15px;
            color: var(--text-dark);
        }
        
        .newsletter p {
            margin-bottom: 25px;
            color: var(--text-light);
        }
        
        .newsletter-form {
            display: flex;
            max-width: 500px;
            margin: 0 auto;
        }
        
        .newsletter-form input {
            flex: 1;
            padding: 15px 20px;
            border: 1px solid #e6dcd1;
            border-radius: 50px 0 0 50px;
            font-size: 1rem;
            outline: none;
            transition: all 0.3s ease;
        }
        
        .newsletter-form input:focus {
            border-color: var(--accent-color);
        }
        
        .newsletter-form button {
            background-color: var(--accent-color);
            color: var(--white);
            border: none;
            padding: 15px 30px;
            border-radius: 0 50px 50px 0;
            font-size: 1rem;
            font-weight: 600;
            cursor: pointer;
            transition: all 0.3s ease;
        }
        
        .newsletter-form button:hover {
            background-color: var(--text-dark);
        }
        
        /* Social Links */
        .social-links {
            display: flex;
            justify-content: center;
            gap: 20px;
            margin-top: 30px;
        }
        
        .social-icon {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 50px;
            height: 50px;
            background-color: var(--white);
            border-radius: 50%;
            color: var(--accent-color);
            font-size: 1.2rem;
            box-shadow: var(--shadow);
            transition: all 0.3s ease;
        }
        
        .social-icon:hover {
            background-color: var(--accent-color);
            color: var(--white);
            transform: translateY(-5px);
        }
        
        /* Product Sections */
        .section {
            padding: 80px 0;
        }
        
        .section-heading {
            text-align: center;
            margin-bottom: 50px;
        }
        
        .section-heading h2 {
            font-size: 2.5rem;
            margin-bottom: 15px;
            position: relative;
            display: inline-block;
        }
        
        .section-heading h2::after {
            content: '';
            position: absolute;
            bottom: -10px;
            left: 50%;
            transform: translateX(-50%);
            width: 100px;
            height: 3px;
            background-color: var(--accent-color);
        }
        
        .section-heading span {
            font-size: 1.1rem;
            color: var(--text-light);
            max-width: 600px;
            display: inline-block;
            margin-top: 20px;
        }
        
        /* Product Grid */
        .products-grid {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
            gap: 30px;
            margin-top: 40px;
        }
        
        .product-card {
            background-color: var(--white);
            border-radius: 15px;
            overflow: hidden;
            box-shadow: var(--shadow);
            transition: all 0.3s ease;
            position: relative;
        }
        
        .product-card:hover {
            transform: translateY(-10px);
            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
        }
        
        /* Tilbudsribbon */
        .sale-ribbon {
            position: absolute;
            top: 25px;
            right: -40px;
            background: linear-gradient(135deg, var(--sale-color) 0%, #ff6b6b 100%);
            color: white;
            padding: 8px 35px;
            font-size: 0.85rem;
            font-weight: 600;
            letter-spacing: 0.5px;
            transform: rotate(45deg);
            z-index: 2;
            box-shadow: 0 3px 10px rgba(231, 76, 60, 0.3);
        }
        
        .sale-ribbon i {
            margin-right: 5px;
        }
        
        .product-img {
            width: 100%;
            height: 500px;
            object-fit: cover;
/* object-position: 50% 2px;
overflow: hidden; */
            transition: all 0.5s ease;
        }
        
        .product-card:hover .product-img {
            transform: scale(1.05);
        }
        
        .product-info {
            padding: 20px;
            text-align: center;
        }
        
        .product-info h4 {
            font-size: 1.2rem;
            margin-bottom: 10px;
            height: 50px;
            overflow: hidden;
        }
        
        /* Pris visning */
        .price-container {
            margin-bottom: 15px;
            padding: 10px 0;
        }
        
        .original-price {
            font-size: 1rem;
            color: var(--text-light);
            text-decoration: line-through;
            margin-bottom: 5px;
            position: relative;
            display: inline-block;
        }
        
        .original-price::after {
            content: '';
            position: absolute;
            top: 50%;
            left: 0;
            width: 100%;
            height: 1px;
            background-color: var(--sale-color);
            opacity: 0.7;
        }
        
        .outlet-price {
            font-size: 1.5rem;
            font-weight: 700;
            color: var(--sale-color);
            margin-bottom: 5px;
        }
        
        .outlet-price i {
            margin-right: 5px;
            font-size: 0.9em;
        }
        
        .savings-badge {
            display: inline-block;
            background-color: var(--sale-light);
            color: var(--sale-color);
            padding: 3px 10px;
            border-radius: 20px;
            font-size: 0.8rem;
            font-weight: 600;
            margin-top: 5px;
            border: 1px solid rgba(231, 76, 60, 0.2);
        }
        
        .product-actions {
            display: flex;
            justify-content: center;
            gap: 15px;
            margin-top: 15px;
        }
        
        .product-action {
            width: 40px;
            height: 40px;
            border-radius: 50%;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            background-color: var(--primary-color);
            color: var(--text-dark);
            transition: all 0.3s ease;
            text-decoration: none;
        }
        
        .product-action:hover {
            background-color: var(--accent-color);
            color: var(--white);
        }
        
        /* Categories Section */
        .categories {
            background-color: var(--white);
            padding: 80px 0;
        }
        
        .categories-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
            gap: 30px;
            margin-top: 50px;
        }
        
        .category-card {
            position: relative;
            border-radius: 15px;
            overflow: hidden;
            height: 300px;
            box-shadow: var(--shadow);
        }
        
        .category-img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: all 0.5s ease;
        }
        
        .category-card:hover .category-img {
            transform: scale(1.1);
        }
        
        .category-overlay {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: linear-gradient(to bottom, transparent, rgba(0,0,0,0.7));
            display: flex;
            flex-direction: column;
            justify-content: flex-end;
            padding: 30px;
            color: var(--white);
        }
        
        .category-overlay h3 {
            font-size: 1.8rem;
            margin-bottom: 10px;
            color: var(--white);
        }
        
        /* Footer */
        .footer {
            background-color: var(--text-dark);
            color: var(--white);
            padding: 60px 0 30px;
            text-align: center;
        }
        
        .footer-logo {
            font-family: 'Playfair Display', serif;
            font-size: 2.5rem;
            margin-bottom: 10px;
            color: var(--white);
        }
        
        .footer-subtitle {
            font-size: 1.2rem;
            color: var(--secondary-color);
            margin-bottom: 40px;
            letter-spacing: 3px;
        }
        
        .footer-links {
            display: flex;
            justify-content: center;
            gap: 30px;
            margin-bottom: 40px;
            flex-wrap: wrap;
        }
        
        .footer-link {
            color: var(--white);
            text-decoration: none;
            font-weight: 500;
            transition: all 0.3s ease;
        }
        
        .footer-link:hover {
            color: var(--secondary-color);
        }
        
        .copyright {
            margin-top: 40px;
            padding-top: 30px;
            border-top: 1px solid rgba(255,255,255,0.1);
            color: rgba(255,255,255,0.7);
            font-size: 0.9rem;
        }
        
        /* Responsive Design */
        @media (max-width: 992px) {
            .logo h1 {
                font-size: 2.8rem;
            }
            
            .hero h2 {
                font-size: 1.8rem;
            }
            
            .newsletter-form {
                flex-direction: column;
            }
            
            .newsletter-form input, .newsletter-form button {
                border-radius: 50px;
                width: 100%;
            }
            
            .newsletter-form input {
                margin-bottom: 15px;
            }
        }
        
        @media (max-width: 768px) {
            .logo h1 {
                font-size: 2.2rem;
            }
            
            .subtitle {
                font-size: 1.4rem;
                letter-spacing: 5px;
            }
            
            .hero h2 {
                font-size: 1.6rem;
            }
            
            .section-heading h2 {
                font-size: 2rem;
            }
            
            .products-grid {
                grid-template-columns: repeat(2, 1fr);
            }
            
            .categories-grid {
                grid-template-columns: 1fr;
            }
        }
        
        @media (max-width: 576px) {
            .logo h1 {
                font-size: 1.8rem;
            }
            
            .hero {
                padding: 60px 0 40px;
            }
            
            .section {
                padding: 60px 0;
            }
            
            .newsletter {
                padding: 30px 20px;
            }
            
            .product-img {
                height: 450px;
            }
        }





/* Elegant Action Buttons */
.elegant-actions {
    display: flex;
    justify-content: center;
    gap: 25px;
    margin-top: 60px;
    flex-wrap: wrap;
}

.elegant-btn {
    display: inline-flex;
    align-items: center;
    padding: 18px 40px;
    text-decoration: none;
    font-weight: 600;
    border-radius: 50px;
    transition: all 0.4s ease;
    position: relative;
    overflow: hidden;
    font-size: 1.1rem;
    letter-spacing: 0.5px;
    min-width: 240px;
    justify-content: center;
    border: none;
    cursor: pointer;
}

.elegant-btn span {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
}

.elegant-btn i {
    margin-right: 12px;
    font-size: 1.2rem;
    transition: transform 0.3s ease;
}

.elegant-btn:hover i {
    transform: translateX(5px);
}

/* Booking Button */
.btn-booking {
    background: linear-gradient(135deg, var(--accent-color) 0%, #d4a574 100%);
    color: var(--white);
    box-shadow: 0 10px 25px rgba(193, 154, 107, 0.3);
}

.btn-booking::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, var(--text-dark) 0%, #6d5c52 100%);
    opacity: 0;
    transition: opacity 0.4s ease;
}

.btn-booking:hover::before {
    opacity: 1;
}

.btn-booking:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 35px rgba(90, 74, 66, 0.4);
}

/* Collection Button */
.btn-collection {
    background-color: transparent;
    color: var(--accent-color);
    border: 2px solid var(--accent-color);
    box-shadow: 0 5px 15px rgba(193, 154, 107, 0.1);
}

.btn-collection::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--accent-color);
    transform: scaleX(0);
    transform-origin: right;
    transition: transform 0.4s ease;
}

.btn-collection:hover::before {
    transform: scaleX(1);
    transform-origin: left;
}

.btn-collection:hover {
    color: var(--white);
    border-color: var(--accent-color);
    transform: translateY(-5px);
    box-shadow: 0 15px 35px rgba(193, 154, 107, 0.3);
}

/* Glitter effect for wedding theme */
.btn-booking::after {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.3) 1px, transparent 1px);
    background-size: 10px 10px;
    opacity: 0;
    transition: opacity 0.4s ease;
    pointer-events: none;
}

.btn-booking:hover::after {
    opacity: 0.3;
}

/* Responsive */
@media (max-width: 768px) {
    .elegant-actions {
        gap: 20px;
        margin-top: 40px;
    }
    
    .elegant-btn {
        padding: 16px 35px;
        min-width: 220px;
        font-size: 1rem;
    }
}

@media (max-width: 576px) {
    .elegant-actions {
        flex-direction: column;
        align-items: center;
        gap: 15px;
    }
    
    .elegant-btn {
        width: 100%;
        max-width: 280px;
    }
}




                                
                                
                                
                                
 /* Appointment Box Styles */
.appointment-box {
    background: linear-gradient(135deg, #ffffff 0%, #fef9f5 100%);
    padding: 40px;
    border-radius: 20px;
    box-shadow: 0 20px 60px rgba(193, 154, 107, 0.15);
    margin: 50px 0 40px;
    border: 1px solid rgba(212, 184, 165, 0.3);
    position: relative;
    overflow: hidden;
}

/* 2026-09-25: pasalintas permatomas dekoratyvinis apskritimas
   virsutiniame desniajame kampe - Lina klause, kam jis ten.
   Jei kada prireiktu grazinti, tai buvo 100x100 px SVG su opacity 0.1. */

.appointment-header {
    text-align: center;
    margin-bottom: 30px;
    position: relative;
    z-index: 1;
}

.appointment-icon {
    width: 80px;
    height: 80px;
    background: linear-gradient(135deg, var(--accent-color) 0%, #e6c9a8 100%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 20px;
    color: var(--white);
    font-size: 2rem;
    box-shadow: 0 10px 30px rgba(193, 154, 107, 0.3);
    animation: pulse 2s infinite;
}

@keyframes pulse {
    0% { transform: scale(1); }
    50% { transform: scale(1.05); }
    100% { transform: scale(1); }
}

.appointment-header h3 {
    font-size: 2rem;
    color: var(--text-dark);
    margin-bottom: 10px;
    background: linear-gradient(135deg, var(--text-dark) 0%, var(--accent-color) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.appointment-subtitle {
    font-size: 1.1rem;
    color: var(--accent-color);
    font-style: italic;
    position: relative;
    display: inline-block;
}

.appointment-subtitle::before,
.appointment-subtitle::after {
    content: "❀";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    color: var(--accent-color);
    opacity: 0.7;
}

.appointment-subtitle::before {
    left: -25px;
}

.appointment-subtitle::after {
    right: -25px;
}

.appointment-content {
    margin-bottom: 30px;
    position: relative;
    z-index: 1;
}

.appointment-description {
    font-size: 1.1rem;
    color: var(--text-light);
    margin-bottom: 25px;
    line-height: 1.8;
    text-align: center;
}

.appointment-features {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
    max-width: 600px;
    margin: 0 auto;
}

.feature {
    display: flex;
    align-items: center;
    padding: 12px 20px;
    background: rgba(248, 241, 233, 0.8);
    border-radius: 50px;
    border: 1px solid rgba(212, 184, 165, 0.3);
    transition: all 0.3s ease;
}

.feature:hover {
    transform: translateX(5px);
    background: var(--white);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
}

.feature i {
    color: var(--accent-color);
    margin-right: 12px;
    font-size: 1.1rem;
}

.feature span {
    color: var(--text-dark);
    font-size: 0.95rem;
    font-weight: 500;
}

.appointment-cta {
    text-align: center;
    position: relative;
    z-index: 1;
}

.appointment-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, var(--accent-color) 0%, #d4a574 100%);
    color: var(--white);
    padding: 18px 40px;
    border-radius: 50px;
    text-decoration: none;
    font-weight: 600;
    font-size: 1.2rem;
    transition: all 0.4s ease;
    margin-bottom: 20px;
    box-shadow: 0 10px 30px rgba(193, 154, 107, 0.3);
    position: relative;
    overflow: hidden;
    min-width: 300px;
}

.appointment-btn::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, var(--text-dark) 0%, #6d5c52 100%);
    opacity: 0;
    transition: opacity 0.4s ease;
}

.appointment-btn:hover::before {
    opacity: 1;
}

.appointment-btn:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 40px rgba(193, 154, 107, 0.4);
}

.appointment-btn i {
    margin-right: 12px;
    font-size: 1.3rem;
    position: relative;
    z-index: 1;
}

.appointment-btn span {
    position: relative;
    z-index: 1;
}

.appointment-note {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--text-light);
    font-size: 0.95rem;
    gap: 10px;
    padding: 15px 25px;
    background: rgba(248, 241, 233, 0.8);
    border-radius: 50px;
    border: 1px dashed var(--accent-color);
    margin-top: 10px;
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
}

.appointment-note i {
    color: var(--accent-color);
    font-size: 1.1rem;
}

/* Responsive Design for Appointment Box */
@media (max-width: 768px) {
    .appointment-box {
        padding: 30px 20px;
    }
    
    .appointment-header h3 {
        font-size: 1.6rem;
    }
    
    .appointment-icon {
        width: 70px;
        height: 70px;
        font-size: 1.8rem;
    }
    
    .appointment-features {
        grid-template-columns: 1fr;
        gap: 12px;
    }
    
    .appointment-btn {
        min-width: 250px;
        padding: 16px 30px;
        font-size: 1.1rem;
    }
    
    .appointment-note {
        flex-direction: column;
        text-align: center;
        padding: 20px;
    }
}

@media (max-width: 576px) {
    .appointment-box {
        padding: 25px 15px;
    }
    
    .appointment-header h3 {
        font-size: 1.4rem;
    }
    
    .appointment-subtitle {
        font-size: 1rem;
    }
    
    .appointment-subtitle::before,
    .appointment-subtitle::after {
        display: none;
    }
    
    .appointment-btn {
        width: 100%;
        max-width: 280px;
    }
}                               
                                

    


@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500&family=Jost:wght@300;400;500&display=swap');

.bo-hero *, .bo-hero *::before, .bo-hero *::after { box-sizing: border-box; }
.bo-hero {
  --bo-bg:#EFE9E2; --bo-ink:#17120F; --bo-muted:#6B5B4C; --bo-line:#DDD3C6;
  --bo-card:#E4DACC; --bo-accent:#7E2B37;
  --bo-serif:'Cormorant Garamond',Georgia,serif; --bo-sans:'Jost',-apple-system,'Segoe UI',sans-serif;
  font-family:var(--bo-sans); color:var(--bo-ink); background:var(--bo-bg);
  display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);
  align-items:stretch; min-height:640px;
}
.bo-hero__panel { padding:52px 56px 48px; display:flex; flex-direction:column; gap:22px; min-width:0; }
.bo-hero__eyebrow { font-size:12px; letter-spacing:.2em; text-transform:uppercase; color:var(--bo-muted); margin:0; }
.bo-hero__title { margin:0; font-family:var(--bo-serif); font-weight:400; font-size:clamp(38px,4.2vw,58px); line-height:1.04; letter-spacing:-.01em; color:var(--bo-ink); }
.bo-hero__group, .bo-hero__sizes { margin:0; padding:0; border:0; }
.bo-hero__legend { padding:0; font-size:11px; letter-spacing:.18em; text-transform:uppercase; color:var(--bo-muted); margin-bottom:10px; }
.bo-hero__shapes { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
.bo-shape { display:flex; flex-direction:column; padding:0; overflow:hidden; background:#fff; border:2px solid var(--bo-line); cursor:pointer; font:inherit; text-align:center; }
.bo-shape:hover { border-color:#A8937B; }
.bo-shape:focus-visible { outline:3px solid var(--bo-accent); outline-offset:2px; }
.bo-shape img { width:100%; height:132px; object-fit:cover; object-position:center top; display:block; margin:0; } /* 4% o ne 22%: su 22% nukirsdavo modeliu veidus */
.bo-shape span { display:block; padding:11px 6px; font-size:13px; color:var(--bo-ink); background:#fff; }
.bo-shape[aria-pressed="true"] { border-color:var(--bo-ink); }
.bo-shape[aria-pressed="true"] span { background:var(--bo-ink); color:#fff; }
.bo-hero__sizes { display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.bo-hero__sizes .bo-hero__legend { margin:0 4px 0 0; }
.bo-size { font:inherit; font-size:13px; line-height:18px; padding:12px 15px; border-radius:999px; border:1px solid #CBBCA9; background:transparent; color:var(--bo-ink); cursor:pointer; }
.bo-size:focus-visible { outline:3px solid var(--bo-accent); outline-offset:2px; }
.bo-size[aria-pressed="true"] { background:var(--bo-ink); border-color:var(--bo-ink); color:#fff; }
.bo-save { margin-top:2px; padding-top:22px; border-top:1px solid var(--bo-line); display:flex; flex-direction:column; gap:14px; }
.bo-save__label { font-size:11px; letter-spacing:.18em; text-transform:uppercase; color:var(--bo-muted); }
.bo-save__amount { font-family:var(--bo-serif); font-size:clamp(44px,4.4vw,62px); line-height:1; color:var(--bo-accent); }
.bo-save__row { display:flex; justify-content:space-between; align-items:baseline; gap:16px; }
.bo-save__row span:first-child { font-size:13px; color:var(--bo-muted); }
.bo-save__row--now span:first-child { color:var(--bo-ink); }
.bo-save__before { font-size:14px; color:var(--bo-muted); text-decoration:line-through; }
.bo-save__now { font-size:17px; font-weight:500; color:var(--bo-accent); }
.bo-save__track { height:9px; background:#D2C4B2; width:100%; }
.bo-save__bar { height:9px; background:var(--bo-accent); transition:width .25s ease; }

/* Prisskyder — kan trækkes */
.bo-slider { display:flex; flex-direction:column; gap:8px; }
.bo-slider__top { display:flex; justify-content:space-between; align-items:baseline; gap:12px; }
.bo-slider__label { font-size:11px; letter-spacing:.18em; text-transform:uppercase; color:var(--bo-muted); }
.bo-slider__val { font-family:var(--bo-serif); font-size:26px; line-height:1; color:var(--bo-ink); }
.bo-range { -webkit-appearance:none; appearance:none; width:100%; height:26px; background:transparent; cursor:pointer; margin:0; display:block; }
.bo-range:focus { outline:none; }
.bo-range:focus-visible { outline:3px solid var(--bo-accent); outline-offset:4px; }
.bo-range::-webkit-slider-runnable-track { height:9px; background:#D2C4B2; border:0; }
.bo-range::-webkit-slider-thumb { -webkit-appearance:none; appearance:none; width:28px; height:28px; margin-top:-10px; border-radius:50%; background:var(--bo-accent); border:3px solid #fff; box-shadow:0 2px 6px rgba(23,18,15,.35); }
.bo-range::-moz-range-track { height:9px; background:#D2C4B2; border:0; }
.bo-range::-moz-range-progress { height:9px; background:var(--bo-accent); }
.bo-range::-moz-range-thumb { width:22px; height:22px; border-radius:50%; background:var(--bo-accent); border:3px solid #fff; box-shadow:0 2px 6px rgba(23,18,15,.35); }
.bo-slider__ends { display:flex; justify-content:space-between; font-size:12px; color:var(--bo-muted); }
.bo-slider__hint { font-size:12px; color:var(--bo-muted); margin:0; }
.bo-save__note { background:var(--bo-card); padding:14px 18px; font-size:15px; line-height:1.45; margin:0; color:var(--bo-ink); }
.bo-save__note strong { font-weight:500; }
.bo-hero__cta { display:flex; gap:12px; flex-wrap:wrap; align-items:center; margin-top:4px; }
.bo-btn { display:inline-block; font-size:13px; letter-spacing:.1em; text-transform:uppercase; text-decoration:none; padding:17px 26px; }
.bo-btn--primary { background:var(--bo-accent); color:#fff; }
.bo-btn--primary:hover { background:#5C1E27; color:#fff; }
.bo-btn--ghost { border:1px solid var(--bo-ink); color:var(--bo-ink); padding:16px 24px; }
.bo-btn--ghost:hover { background:var(--bo-ink); color:#fff; }
.bo-btn:focus-visible { outline:3px solid var(--bo-accent); outline-offset:3px; }
.bo-btn--kontakt { font-family:inherit; line-height:1.2; cursor:pointer; background:#fff; border:1px solid #E2D8CA; color:var(--bo-ink); padding:16px 24px; }
.bo-btn--kontakt:hover { border-color:var(--bo-accent); color:var(--bo-accent); }
.bo-hero__hold { font-size:13px; color:var(--bo-muted); margin:0; }
.bo-hero__figure { position:relative; background:#E1D7CA; overflow:hidden; margin:0; min-height:420px; max-height:760px; } /* max-height: be jo stulpelis issitempdavo ir nuotrauka virsdavo siauru ruozeliu */
.bo-hero__photo { width:100%; height:100%; object-fit:cover; object-position:center top; display:block; } /* top, o ne 16%: su 16% nukirsdavo modelio akis */
.bo-hero__badge { position:absolute; top:24px; left:24px; right:auto; background:var(--bo-ink); color:#fff; padding:12px 18px; font-size:12px; letter-spacing:.16em; text-transform:uppercase; }
.bo-hero__caption { position:absolute; left:40px; bottom:40px; width:min(340px,calc(100% - 80px)); background:var(--bo-bg); padding:22px 26px; display:flex; flex-direction:column; gap:9px; text-decoration:none; color:inherit; }
.bo-hero__caption:hover { background:#fff; }
.bo-hero__name { font-family:var(--bo-serif); font-size:27px; line-height:1.15; }
.bo-hero__sizesline { font-size:12px; letter-spacing:.14em; text-transform:uppercase; color:var(--bo-muted); }
.bo-hero__price { font-family:var(--bo-serif); font-size:34px; line-height:1; color:var(--bo-accent); }
.bo-hero__priceold { font-size:15px; color:var(--bo-muted); text-decoration:line-through; }
@media (max-width:900px) {
  .bo-hero { grid-template-columns:minmax(0,1fr); min-height:0; }
  .bo-hero__figure { order:-1; min-height:0; height:58vw; max-height:420px; }
  .bo-hero__panel { padding:22px 20px 28px; gap:16px; }
  .bo-hero__badge { top:12px; left:12px; right:auto; padding:7px 10px; font-size:10px; }
  .bo-hero__caption { left:14px; bottom:14px; width:auto; max-width:calc(100% - 28px); padding:12px 16px; gap:4px; }
  .bo-hero__name { font-size:19px; }
  .bo-hero__price { font-size:23px; }
  .bo-hero__sizesline { display:none; }
  .bo-shape img { height:86px; }
  .bo-shape span { font-size:11px; padding:8px 2px; }
  .bo-hero__cta .bo-btn { flex:1 1 100%; text-align:center; }
}
@media (prefers-reduced-motion:reduce) { .bo-save__bar { transition:none; } }

/* Booking-båndet, flyttet ned fra det gamle hero */
.bo-book { background:#fff; padding:56px 20px 64px; }
.bo-book .container { max-width:1100px; margin:0 auto; }
.bo-book .social-links { display:flex; justify-content:center; gap:14px; margin-top:28px; }



        /* Brudeblog / Our Team Section */
.our-team {
    padding: 80px 0;
    background: linear-gradient(135deg, #ffffff 0%, #fdf8f2 100%);
    position: relative;
    overflow: hidden;
}

/* Dekorativ baggrunds-detalje */
.our-team::before {
    content: '';
    position: absolute;
    top: -100px;
    right: -100px;
    width: 400px;
    height: 400px;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"><path fill="%23d4b8a5" opacity="0.03" d="M100,30 C130,30 150,50 150,80 C150,110 130,130 100,130 C70,130 50,110 50,80 C50,50 70,30 100,30 Z"/></svg>') no-repeat;
    background-size: contain;
    pointer-events: none;
}

.our-team .container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

.our-team .row {
    display: flex;
    flex-wrap: wrap;
    gap: 0;
}

.our-team .col-lg-12 {
    width: 100%;
    flex: 0 0 100%;
}

.our-team .col-lg-4 {
    width: calc(33.333% - 20px);
    flex: 0 0 calc(33.333% - 20px);
}

/* Section Heading */
.our-team .section-heading {
    text-align: center;
    margin-bottom: 50px;
}

.our-team .section-heading h2 {
    font-family: 'Playfair Display', serif;
    font-size: 2.5rem;
    font-weight: 600;
    color: var(--text-dark);
    margin-bottom: 15px;
    position: relative;
    display: inline-block;
}

.our-team .section-heading h2::after {
    content: '';
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
    width: 100px;
    height: 3px;
    background: linear-gradient(90deg, transparent, var(--accent-color), transparent);
}

.our-team .section-heading span {
    display: block;
    font-family: 'Montserrat', sans-serif;
    font-size: 1.05rem;
    color: var(--text-light);
    max-width: 750px;
    margin: 25px auto 0;
    line-height: 1.8;
    font-weight: 300;
}

/* Team Item (Blog Card) */
.team-item {
    background: var(--white);
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(193, 154, 107, 0.1);
    transition: all 0.4s ease;
    height: 100%;
    display: flex;
    flex-direction: column;
    border: 1px solid rgba(212, 184, 165, 0.2);
    margin-bottom: 20px;
}

.team-item:hover {
    transform: translateY(-10px);
    box-shadow: 0 20px 50px rgba(193, 154, 107, 0.2);
}

/* Thumbnail / Image Container */
.team-item .thumb {
    position: relative;
    overflow: hidden;
    height: 350px;
}

.team-item .thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.6s ease;
}

.team-item:hover .thumb img {
    transform: scale(1.08);
}

/* Hover Effect Overlay */
.team-item .hover-effect {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, rgba(193, 154, 107, 0.7), rgba(90, 74, 66, 0.85));
    opacity: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.4s ease;
    z-index: 2;
}

.team-item:hover .hover-effect {
    opacity: 1;
}

.team-item .hover-effect .inner-content {
    text-align: center;
    transform: translateY(20px);
    transition: all 0.4s ease;
}

.team-item:hover .hover-effect .inner-content {
    transform: translateY(0);
}

.team-item .hover-effect ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    gap: 15px;
    justify-content: center;
}

.team-item .hover-effect ul li a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 14px 35px;
    background: var(--white);
    color: var(--accent-color);
    text-decoration: none;
    border-radius: 50px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 0.95rem;
    letter-spacing: 1px;
    transition: all 0.3s ease;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15);
}

.team-item .hover-effect ul li a:hover {
    background: linear-gradient(135deg, var(--accent-color) 0%, #d4a574 100%);
    color: var(--white);
    transform: translateY(-3px);
    box-shadow: 0 8px 25px rgba(193, 154, 107, 0.4);
}

/* Down Content */
.team-item .down-content {
    padding: 25px 20px 30px;
    text-align: center;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    background: linear-gradient(180deg, #ffffff 0%, #fefaf6 100%);
    border-top: 2px solid rgba(212, 184, 165, 0.2);
    position: relative;
}

/* Dekorativ prik over titel */
.team-item .down-content::before {
    content: '❀';
    position: absolute;
    top: -13px;
    left: 50%;
    transform: translateX(-50%);
    color: var(--accent-color);
    font-size: 1.2rem;
    background: var(--white);
    padding: 0 8px;
}

.team-item .down-content h4 {
    font-family: 'Playfair Display', serif;
    font-size: 1.4rem;
    font-weight: 600;
    color: var(--text-dark);
    margin-bottom: 12px;
    margin-top: 5px;
    line-height: 1.3;
    transition: color 0.3s ease;
}

.team-item:hover .down-content h4 {
    color: var(--accent-color);
}

.team-item .down-content span {
    font-family: 'Montserrat', sans-serif;
    font-size: 0.9rem;
    color: var(--text-light);
    line-height: 1.8;
    font-weight: 300;
    display: block;
}

/* Blog kategori badge (valgfri - kan tilføjes) */
.team-item .blog-badge {
    position: absolute;
    top: 20px;
    left: 20px;
    background: linear-gradient(135deg, var(--accent-color) 0%, #d4a574 100%);
    color: var(--white);
    padding: 6px 16px;
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.5px;
    z-index: 3;
    font-family: 'Montserrat', sans-serif;
}

/* Responsive Design */
@media (max-width: 992px) {
    .our-team .col-lg-4 {
        width: calc(50% - 15px);
        flex: 0 0 calc(50% - 15px);
    }
    
    .our-team {
        padding: 60px 0;
    }
    
    .our-team .section-heading h2 {
        font-size: 2.2rem;
    }
    
    .team-item .thumb {
        height: 300px;
    }
}

@media (max-width: 768px) {
    .our-team .col-lg-4 {
        width: 100%;
        flex: 0 0 100%;
        max-width: 500px;
        margin: 0 auto 20px;
    }
    
    .our-team {
        padding: 50px 0;
    }
    
    .our-team .section-heading {
        margin-bottom: 40px;
    }
    
    .our-team .section-heading h2 {
        font-size: 2rem;
    }
    
    .our-team .section-heading span {
        font-size: 0.95rem;
        padding: 0 15px;
    }
    
    .team-item .thumb {
        height: 350px;
    }
    
    .team-item .down-content {
        padding: 20px 15px 25px;
    }
    
    .team-item .down-content h4 {
        font-size: 1.25rem;
    }
}

@media (max-width: 576px) {
    .our-team {
        padding: 40px 0;
    }
    
    .our-team .section-heading h2 {
        font-size: 1.7rem;
    }
    
    .team-item .thumb {
        height: 280px;
    }
    
    .team-item .hover-effect ul li a {
        padding: 12px 28px;
        font-size: 0.85rem;
    }
}
        
    


.bk-mod *, .bk-mod *::before, .bk-mod *::after { box-sizing:border-box; }
.bk-mod { position:fixed; inset:0; z-index:9999; display:none; align-items:center; justify-content:center; padding:20px; }
.bk-mod.bk-aaben { display:flex; }
.bk-mod__bag { position:absolute; inset:0; background:rgba(23,18,15,.55); }
.bk-mod__kort { position:relative; width:100%; max-width:560px; max-height:92vh; overflow-y:auto; background:#EFE9E2; color:#17120F; padding:34px 36px 30px; font-family:'Jost',-apple-system,'Segoe UI',sans-serif; box-shadow:0 24px 60px rgba(23,18,15,.3); }
.bk-luk { position:absolute; top:12px; right:12px; width:40px; height:40px; border:0; background:transparent; font-size:26px; line-height:1; color:#6B5B4C; cursor:pointer; }
.bk-luk:hover { color:#17120F; }
.bk-eyebrow { font-size:11px; letter-spacing:.18em; text-transform:uppercase; color:#6B5B4C; margin:0 0 8px; }
.bk-h { font-family:'Cormorant Garamond',Georgia,serif; font-weight:400; font-size:34px; line-height:1.08; margin:0 0 10px; }
.bk-sub { font-size:14px; line-height:1.55; color:#6B5B4C; margin:0 0 22px; }
.bk-sub a { color:#7E2B37; }
.bk-felt { margin-bottom:15px; }
.bk-felt label { display:block; font-size:11px; letter-spacing:.14em; text-transform:uppercase; color:#6B5B4C; margin-bottom:6px; }
.bk-felt input, .bk-felt select, .bk-felt textarea { width:100%; font:inherit; font-size:15px; color:#17120F; background:#fff; border:1px solid #CBBCA9; padding:13px 14px; border-radius:0; -webkit-appearance:none; appearance:none; }
.bk-felt textarea { min-height:118px; resize:vertical; }
.bk-felt input:focus, .bk-felt select:focus, .bk-felt textarea:focus { outline:none; border-color:#7E2B37; box-shadow:0 0 0 2px rgba(126,43,55,.15); }
.bk-to { display:grid; grid-template-columns:1fr 1fr; gap:15px; }
.bk-hp { position:absolute; left:-9999px; width:1px; height:1px; overflow:hidden; }
.bk-send { width:100%; font:inherit; font-size:13px; letter-spacing:.1em; text-transform:uppercase; padding:17px 26px; border:0; background:#7E2B37; color:#fff; cursor:pointer; margin-top:6px; }
.bk-send:hover { background:#5C1E27; }
.bk-send[disabled] { opacity:.6; cursor:default; }
.bk-note { font-size:12px; line-height:1.5; color:#6B5B4C; margin:14px 0 0; }
.bk-svar { display:none; padding:14px 16px; font-size:14px; line-height:1.5; margin-bottom:16px; }
.bk-svar.bk-ok { display:block; background:#E4DACC; color:#17120F; border-left:3px solid #7E2B37; }
.bk-svar.bk-fejl { display:block; background:#F6E7E7; color:#7E2B37; border-left:3px solid #7E2B37; }
@media (max-width:560px) { .bk-mod__kort { padding:28px 20px 24px; } .bk-h { font-size:27px; } .bk-to { grid-template-columns:1fr; } }



.bo-hjoerne{
  position:fixed; right:18px; bottom:18px; z-index:9000;
  width:170px; border-radius:16px; overflow:hidden;
  background:#17120F; box-shadow:0 10px 30px rgba(23,18,15,.28);
  animation:boHjoerneInd .6s ease-out both;
}
@keyframes boHjoerneInd{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
.bo-hjoerne__link{display:block;text-decoration:none;color:#fff}
.bo-hjoerne__video{display:block;width:100%;aspect-ratio:9/16;object-fit:cover;background:#17120F}
.bo-hjoerne__tekst{
  display:block;padding:9px 12px 11px;
  background:linear-gradient(180deg,rgba(23,18,15,.0),rgba(23,18,15,1) 42%);
  margin-top:-38px;position:relative;
}
.bo-hjoerne__tekst b{display:block;font-size:14px;font-weight:500;letter-spacing:.01em}
.bo-hjoerne__tekst span{display:block;font-size:11.5px;opacity:.75;margin-top:1px}
.bo-hjoerne__luk{
  position:absolute;top:6px;right:6px;width:26px;height:26px;border:none;border-radius:50%;
  background:rgba(23,18,15,.55);color:#fff;font-size:17px;line-height:1;cursor:pointer;
}
.bo-hjoerne__luk:hover{background:rgba(23,18,15,.85)}
.bo-hjoerne:hover{box-shadow:0 14px 36px rgba(23,18,15,.38)}

/* telefone dar mažesnis, kad neuždengtų turinio */
@media (max-width:640px){
  .bo-hjoerne{width:118px;right:12px;bottom:12px;border-radius:13px}
  .bo-hjoerne__tekst{padding:7px 9px 9px;margin-top:-32px}
  .bo-hjoerne__tekst b{font-size:12px}
  .bo-hjoerne__tekst span{font-size:10px}
}
@media (prefers-reduced-motion:reduce){ .bo-hjoerne{animation:none} }