/* Reset & Theme */
* { margin: 0; padding: 0; box-sizing: border-box; }
:root{
  --primary-beige:#F5F1E8;
  --warm-beige:#E8DCC6;
  --dark-brown:#8B4513;
  --rich-brown:#A0522D;
  --deep-brown:#654321;
  --accent-gold:#D4A574;
  --text-dark:#2C1810;
  --text-light:#F5F1E8;

  /* Breakpoints */
  --bp-lg: 1024px;
  --bp-md: 768px;
  --bp-sm: 480px;
}

html, body{ height:100%; }
body{
  font-family: Arial, sans-serif;
  line-height:1.6;
  color:var(--text-dark);
  background: var(--primary-beige);
  overflow-x:hidden;
}

/* Navbar */
.navbar{
  position:fixed; inset:0 0 auto 0; z-index:1000;
  background: rgba(245,241,232,.95);
  backdrop-filter: blur(10px);
  border-bottom:1px solid rgba(139,69,19,.1);
  transition: all .3s ease;
  opacity:0; transform: translateY(-100%);
  animation: slideDownFadeIn .8s ease forwards;
}
@keyframes slideDownFadeIn{ to{ opacity:1; transform:translateY(0);} }

.nav-container{
  max-width:1200px; margin:0 auto;
  display:flex; align-items:center; justify-content:space-between;
  padding:1rem 2rem; gap:1rem;
}

.logo{ display:flex; align-items:center; gap:0.8rem; font-weight:bold; font-size: 1rem; text-decoration:none; color:var(--deep-brown); position:relative; }
.logo-image{ width:100px; height:45px; object-fit:contain; border-radius:6px; box-shadow:0 2px 8px rgba(139,69,19,.2); transition:transform .3s ease; }
.logo:hover .logo-image{ transform:scale(1.05); }

/* Hamburger */
.nav-toggle{
  display:none;
  background:none; border:none; cursor:pointer;
  width:44px; height:44px; border-radius:8px;
  position:relative;
}
.nav-toggle .bar{
  position:absolute; left:10px; right:10px; height:2px; background:var(--text-dark);
  transition: transform .3s ease, opacity .2s ease, top .3s ease;
}
.nav-toggle .bar:nth-child(1){ top:14px; }
.nav-toggle .bar:nth-child(2){ top:21px; }
.nav-toggle .bar:nth-child(3){ top:28px; }
.nav-toggle[aria-expanded="true"] .bar:nth-child(1){ transform: rotate(45deg); top:21px; }
.nav-toggle[aria-expanded="true"] .bar:nth-child(2){ opacity:0; }
.nav-toggle[aria-expanded="true"] .bar:nth-child(3){ transform: rotate(-45deg); top:21px; }

.nav-links{
  list-style:none; display:flex; align-items:center; gap:2rem;
}
.nav-links a{
  text-decoration:none; color:var(--text-dark); font-weight:500; padding:.5rem 1rem; border-radius:25px;
  transition: all .3s ease;
}
.nav-links a:hover{
  background: linear-gradient(135deg, var(--warm-beige), var(--accent-gold));
  transform: translateY(-2px); box-shadow:0 5px 15px rgba(139,69,19,.2);
}
.contact-btn{
  background: linear-gradient(135deg, var(--rich-brown), var(--deep-brown));
  color:var(--text-light) !important; padding:.8rem 1.5rem; border-radius:30px; font-weight:600; text-transform:uppercase; letter-spacing:1px;
  box-shadow:0 4px 15px rgba(139,69,19,.3);
}

/* Mobile menu behavior */
@media (max-width: 768px){
  .nav-toggle{ display:block; }
  .nav-links{
    position: fixed; top:60px; right:0; left:0;
    display:flex; flex-direction:column; gap:0;
    background: rgba(245,241,232,.98);
    transform: translateY(-120%);
    opacity:0; pointer-events:none;
    transition: transform .3s ease, opacity .3s ease;
    border-bottom:1px solid rgba(139,69,19,.1);
  }
  .nav-links.open{ transform: translateY(0); opacity:1; pointer-events:auto; }
  .nav-links li{ border-top:1px solid rgba(139,69,19,.08); }
  .nav-links a{ display:block; padding:1rem 1.25rem; }
  body.no-scroll{ overflow:hidden; }
}

/* Hero */
.hero{
  height:100vh; position:relative; display:flex; align-items:center; justify-content:center; overflow:hidden;
}
.hero-video{
  position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:-2; opacity:0; animation: fadeInVideo 2s ease .5s forwards;
}
@keyframes fadeInVideo{ to{ opacity:1; } }
.hero-content{ text-align:center; color:var(--text-light); z-index:1; max-width:800px; padding:0 2rem; }
.hero-title{ font-size: clamp(2.2rem, 8vw, 6rem); font-weight:300; margin-bottom:2rem; text-shadow:2px 2px 4px rgba(0,0,0,.3); opacity:0; transform:translateY(50px); animation: heroTitleReveal 1.2s ease 1.2s forwards; }
@keyframes heroTitleReveal{ to{ opacity:1; transform:translateY(0);} }
.decorative-line{ width:100px; height:3px; background:linear-gradient(90deg, var(--accent-gold), transparent); margin:2rem auto; opacity:0; transform:scaleX(0); animation: lineExpand 1s ease 1.8s forwards; }
@keyframes lineExpand{ to{ opacity:1; transform:scaleX(1);} }
.hero-subtitle{ font-size: clamp(1.05rem, 2.7vw, 1.5rem); font-weight:300; opacity:0; animation: fadeInUp 1s ease 2s forwards; text-shadow:1px 1px 2px rgba(0,0,0,.5); }

.scroll-indicator{
  position:absolute; bottom:2rem; left:50%; transform:translateX(-50%);
  color:var(--text-light); text-align:center; opacity:0; animation: fadeInBounce 1s ease 2.5s forwards, bounce 2s infinite 3.5s;
  cursor:pointer; border:none; background:transparent; font-size:1rem;
}
.scroll-indicator::after{ content:'↓'; display:block; font-size:1.5rem; margin-top:.5rem; animation: bounceArrow 2s ease-in-out infinite; }
@keyframes bounceArrow{ 0%,20%,50%,80%,100%{ transform:translateY(0);} 40%{ transform:translateY(-10px);} 60%{ transform:translateY(-5px);} }
@keyframes fadeInBounce{ to{ opacity:1; } }
@keyframes fadeInUp{ from{ opacity:0; transform:translateY(30px);} to{ opacity:1; transform:translateY(0);} }
@keyframes bounce{ 0%,20%,50%,80%,100%{ transform:translateX(-50%) translateY(0);} 40%{ transform:translateX(-50%) translateY(-10px);} 60%{ transform:translateX(-50%) translateY(-5px);} }

/* Particles */
.particle{ position:absolute; background:rgba(212,165,116,.3); border-radius:50%; pointer-events:none; animation: float 6s ease-in-out infinite; }
@keyframes float{ 0%,100%{ transform:translateY(0) rotate(0); opacity:.7;} 50%{ transform:translateY(-20px) rotate(180deg); opacity:1;} }

/* Welcome */
.welcome-section{
  position:relative; background: linear-gradient(180deg, rgba(245,241,232,0) 0%, var(--primary-beige) 15%, var(--primary-beige) 100%);
  padding:8rem 2rem 6rem; overflow:hidden; min-height:100vh;
}
.welcome-container{ max-width:1200px; margin:0 auto; display:grid; grid-template-columns: 1fr 1fr; gap:4rem; align-items:center; position:relative; z-index:2; }
.welcome-content{ opacity:0; transform:translateX(-30px); transition: opacity .8s ease, transform .8s ease; }
.welcome-content.animate-in{ opacity:1; transform:translateX(0); }
.section-badge{ display:inline-block; background:linear-gradient(135deg, var(--accent-gold), var(--rich-brown)); color:var(--text-light); padding:.5rem 1.5rem; border-radius:25px; font-size:.9rem; font-weight:600; text-transform:uppercase; letter-spacing:1px; margin-bottom:2rem; position:relative; overflow:hidden; }
.welcome-title{ font-size: clamp(2rem, 5vw, 4rem); font-weight:300; line-height:1.2; margin-bottom:2rem; color:var(--deep-brown); }
.title-line{ display:block; }
.highlight{ background: linear-gradient(135deg, var(--accent-gold), var(--rich-brown)); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; }
.welcome-text{ margin-bottom:3rem; }
.lead-text{ font-size:1.1rem; font-weight:500; color:var(--deep-brown); margin-bottom:1.5rem; line-height:1.6; }
.description-text{ font-size:1rem; color:var(--text-dark); line-height:1.7; }

.welcome-features{ display:flex; gap:2rem; flex-wrap:wrap; }
.feature-item{ text-align:center; }
.feature-icon{ width:60px; height:60px; background:linear-gradient(135deg, var(--warm-beige), var(--accent-gold)); border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:1.5rem; font-weight:bold; color:var(--deep-brown); margin:0 auto .5rem; box-shadow:0 4px 15px rgba(139,69,19,.2); transition:transform .3s ease; }
.feature-icon:hover{ transform: scale(1.1) rotate(5deg); }
.feature-text{ font-size:.9rem; font-weight:600; color:var(--deep-brown); text-transform:uppercase; letter-spacing:1px; }

.welcome-visual{ position:relative; height:500px; }
.floating-card{ position:absolute; background:rgba(255,255,255,.9); backdrop-filter: blur(10px); border:1px solid rgba(139,69,19,.1); border-radius:20px; padding:1.5rem; box-shadow:0 10px 30px rgba(139,69,19,.15); opacity:0; transform:translateY(30px); transition: opacity .6s ease, transform .6s ease; }
.floating-card.animate-in{ opacity:1; transform:translateY(0); }
.card-1{ top:0; left:0; width:250px; transform:rotate(-5deg) translateY(50px); }
.card-2{ top:150px; right:0; width:280px; transform:rotate(3deg) translateY(50px); }
.card-3{ bottom:0; left:50px; width:260px; transform:rotate(-2deg) translateY(50px); }

/* Background Decorations */
.bg-decoration{ position:absolute; border-radius:50%; opacity:0; transition:opacity 1s ease; pointer-events:none; }
.bg-decoration.animate-in{ opacity:.1; }
.decoration-1{ width:200px; height:200px; background:linear-gradient(135deg, var(--accent-gold), var(--rich-brown)); top:10%; left:-5%; animation:float 8s ease-in-out infinite; }
.decoration-2{ width:150px; height:150px; background:linear-gradient(135deg, var(--rich-brown), var(--deep-brown)); top:60%; right:-3%; animation:float 6s ease-in-out infinite reverse; }
.decoration-3{ width:100px; height:100px; background:linear-gradient(135deg, var(--warm-beige), var(--accent-gold)); bottom:20%; left:70%; animation:float 7s ease-in-out infinite; }

/* Services */
.services-section{ position:relative; background:var(--deep-brown); padding:8rem 2rem 6rem; overflow:hidden; }
.services-section::before{ content:''; position:absolute; top:-80px; left:0; right:0; height:80px; background:linear-gradient(180deg, var(--primary-beige) 0%, var(--deep-brown) 100%); z-index:1; }
.services-container{ max-width:1200px; margin:0 auto; position:relative; z-index:2; }
.services-header{ text-align:center; margin-bottom:4rem; opacity:0; transform:translateY(30px); }
.services-title{ font-size: clamp(2rem, 5vw, 3.5rem); font-weight:300; line-height:1.2; margin-bottom:1.5rem; color:var(--text-light); text-shadow:2px 2px 4px rgba(0,0,0,.3); }
.services-intro{ max-width:700px; margin:0 auto; font-size:1.05rem; color:var(--text-light); line-height:1.7; opacity:.9; text-shadow:1px 1px 2px rgba(0,0,0,.2); }
.services-grid{ display:grid; grid-template-columns: repeat(3, 1fr); gap:2.5rem; margin-bottom:4rem; }
.service-card{ position:relative; background:rgba(255,255,255,.95); border-radius:25px; overflow:hidden; box-shadow:0 15px 40px rgba(0,0,0,.3); transition: transform .4s ease, box-shadow .4s ease; cursor:pointer; opacity:0; transform:translateY(30px); }
.service-card.visible, .services-header.visible{ animation: fadeInUp .8s ease forwards; }
.service-image-container{ position:relative; height:250px; overflow:hidden; }
.service-image{ width:100%; height:100%; object-fit:cover; transition: transform .6s ease; }
.service-card:hover .service-image{ transform: scale(1.1); }
.service-content{ padding:2rem; }
.service-title{ font-size:1.5rem; font-weight:600; color:var(--deep-brown); margin-bottom:1rem; position:relative; }
.service-title::after{ content:''; position:absolute; bottom:-8px; left:0; width:50px; height:3px; background:linear-gradient(90deg, var(--accent-gold), var(--rich-brown)); transition: width .3s ease; }
.service-card:hover .service-title::after{ width:100px; }
.service-description{ color:var(--text-dark); line-height:1.6; opacity:.8; margin-bottom:1.5rem; }
.service-features{ list-style:none; margin-bottom:1.5rem; }
.service-features li{ position:relative; padding-left:25px; margin-bottom:.5rem; color:var(--text-dark); font-size:.95rem; opacity:.7; }
.service-features li::before{ content:'✓'; position:absolute; left:0; color:var(--accent-gold); font-weight:bold; }

.services-cta{ text-align:center; margin-top:3rem; }
.cta-button{ display:inline-block; background: linear-gradient(135deg, var(--rich-brown), var(--deep-brown)); color:var(--text-light); padding:1.2rem 3rem; border-radius:50px; text-decoration:none; font-weight:600; text-transform:uppercase; letter-spacing:1px; position:relative; overflow:hidden; transition: transform .3s ease, box-shadow .3s ease; box-shadow:0 10px 30px rgba(139,69,19,.3); }
.cta-button:hover{ transform: translateY(-3px); box-shadow:0 15px 40px rgba(139,69,19,.4); }

.service-pattern{ position:absolute; opacity:.03; pointer-events:none; }
.pattern-1{ top:10%; left:5%; width:300px; height:300px; background: radial-gradient(circle, var(--accent-gold) 2px, transparent 2px); background-size:20px 20px; transform: rotate(45deg); }
.pattern-2{ bottom:10%; right:5%; width:250px; height:250px; background: radial-gradient(circle, var(--text-light) 2px, transparent 2px); background-size:15px 15px; transform: rotate(-45deg); }

/* Footer */
.footer{ background:#000; color:var(--text-light); padding:3rem 2rem 2rem; }
.footer-container{ max-width:1200px; margin:0 auto; }
.footer-content{ display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:2rem; }
.footer-brand{ flex:1; }
.footer-logo{ font-size:1.8rem; font-weight:bold; background: linear-gradient(135deg, var(--accent-gold), var(--warm-beige)); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; }
.footer-tagline{ opacity:.8; }
.footer-info{ flex:2; text-align:right; }
.footer-links{ display:flex; gap:2rem; justify-content:flex-end; flex-wrap:wrap; }
.footer-link{ color:var(--text-light); text-decoration:none; font-size:.9rem; opacity:.8; transition: all .3s ease; display:flex; align-items:center; gap:.5rem; }
.footer-link:hover {
    opacity: 1;
    color: var(--accent-gold);
    transform: translateY(-2px);
}

.instagram-link {
    background: linear-gradient(45deg, #405de6, #5851db, #833ab4, #c13584, #e1306c, #fd1d1d);
    padding: 0.5rem 1rem;
    border-radius: 20px;
    transition: all 0.3s ease;
}

.instagram-link:hover {
    background: linear-gradient(45deg, #405de6, #5851db, #833ab4, #c13584, #e1306c, #fd1d1d);
    box-shadow: 0 5px 15px rgba(225, 48, 108, 0.4);
    transform: translateY(-3px);
    color: var(--text-light);
}

.instagram-icon {
    width: 18px;
    height: 18px;
    fill: currentColor;
}

.instagram-link {
        padding: 0.4rem 0.8rem;
        font-size: 0.8rem;
    }

    .instagram-icon {
        width: 16px;
        height: 16px;
    }
/* ===== Unified, minimal media queries ===== */

/* Large to medium */
@media (max-width: 1024px){
  .nav-container{ padding: .8rem 1.25rem; }
  .services-grid{ grid-template-columns: repeat(2, 1fr); }
  .welcome-container{ gap:3rem; }
}

/* Tablets & small laptops */
@media (max-width: 768px){
  .welcome-section{ padding:4rem 1rem 3rem; }
  .welcome-container{ grid-template-columns: 1fr; gap:2rem; text-align:center; }
  .welcome-features{ justify-content:center; }
  .welcome-visual{ height:auto; display:grid; gap:1rem; }
  .floating-card{ position:relative; transform:none; margin:0 auto; width:min(100%, 420px); }
  .card-1, .card-2, .card-3{ position:relative; top:auto; left:auto; right:auto; bottom:auto; transform:none; }

  .services-grid{ grid-template-columns: 1fr; gap:2rem; }
  .service-card{ max-width: 560px; margin: 0 auto; }

  .footer-content{ flex-direction:column; text-align:center; gap:1.5rem; }
  .footer-info{ text-align:center; }
  .footer-links{ justify-content:center; gap:1.25rem; }
}

/* Phones */
@media (max-width: 480px){
  .logo-image{ width:84px; height:38px; }
  .hero-content{ padding: 0 1rem; }
  .lead-text{ font-size:1rem; }
  .footer-logo{ font-size:1.5rem; }
}

.cookie-banner {
            position: fixed;
            bottom: 0;
            left: 0;
            right: 0;
            z-index: 10000;
            background: rgba(245, 241, 232, 0.98);
            backdrop-filter: blur(15px);
            border-top: 1px solid rgba(139, 69, 19, 0.2);
            box-shadow: 0 -10px 30px rgba(139, 69, 19, 0.15);
            transform: translateY(100%);
            opacity: 0;
            transition: transform 0.5s ease, opacity 0.5s ease;
            padding: 1.5rem 0;
        }

        .cookie-banner.show {
            transform: translateY(0);
            opacity: 1;
        }

        .cookie-container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 2rem;
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 2rem;
            flex-wrap: wrap;
        }

        .cookie-content {
            flex: 1;
            min-width: 300px;
        }

        .cookie-title {
            font-size: 1.1rem;
            font-weight: 600;
            color: var(--deep-brown);
            margin-bottom: 0.5rem;
            display: flex;
            align-items: center;
            gap: 0.5rem;
        }

        .cookie-icon {
            width: 20px;
            height: 20px;
            background: linear-gradient(135deg, var(--accent-gold), var(--rich-brown));
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 0.8rem;
            color: var(--text-light);
            font-weight: bold;
        }

        .cookie-text {
            font-size: 0.9rem;
            color: var(--text-dark);
            line-height: 1.5;
            opacity: 0.9;
        }

        .cookie-text a {
            color: var(--rich-brown);
            text-decoration: underline;
            font-weight: 500;
            transition: color 0.3s ease;
        }

        .cookie-text a:hover {
            color: var(--deep-brown);
        }

        .cookie-actions {
            display: flex;
            gap: 1rem;
            align-items: center;
            flex-wrap: wrap;
        }

        .cookie-btn {
            padding: 0.8rem 1.5rem;
            border: none;
            border-radius: 25px;
            font-weight: 600;
            font-size: 0.9rem;
            text-transform: uppercase;
            letter-spacing: 0.5px;
            cursor: pointer;
            transition: all 0.3s ease;
            position: relative;
            overflow: hidden;
        }

        .cookie-btn-accept {
            background: linear-gradient(135deg, var(--rich-brown), var(--deep-brown));
            color: var(--text-light);
            box-shadow: 0 4px 15px rgba(139, 69, 19, 0.3);
        }

        .cookie-btn-accept:hover {
            transform: translateY(-2px);
            box-shadow: 0 6px 20px rgba(139, 69, 19, 0.4);
        }

        .cookie-btn-decline {
            background: rgba(255, 255, 255, 0.9);
            color: var(--text-dark);
            border: 2px solid rgba(139, 69, 19, 0.2);
            box-shadow: 0 2px 10px rgba(139, 69, 19, 0.1);
        }

        .cookie-btn-decline:hover {
            background: rgba(255, 255, 255, 1);
            border-color: rgba(139, 69, 19, 0.3);
            transform: translateY(-1px);
            box-shadow: 0 4px 15px rgba(139, 69, 19, 0.15);
        }

        .cookie-btn-settings {
            background: transparent;
            color: var(--rich-brown);
            border: 1px solid var(--rich-brown);
            padding: 0.6rem 1.2rem;
            font-size: 0.8rem;
        }

        .cookie-btn-settings:hover {
            background: var(--rich-brown);
            color: var(--text-light);
            transform: translateY(-1px);
        }

        /* Cookie Settings Modal */
        .cookie-modal {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            z-index: 10001;
            background: rgba(0, 0, 0, 0.7);
            backdrop-filter: blur(5px);
            display: flex;
            align-items: center;
            justify-content: center;
            opacity: 0;
            visibility: hidden;
            transition: opacity 0.3s ease, visibility 0.3s ease;
            padding: 2rem;
        }

        .cookie-modal.show {
            opacity: 1;
            visibility: visible;
        }

        .cookie-modal-content {
            background: var(--primary-beige);
            border-radius: 20px;
            padding: 2rem;
            max-width: 600px;
            width: 100%;
            max-height: 80vh;
            overflow-y: auto;
            box-shadow: 0 20px 60px rgba(139, 69, 19, 0.3);
            transform: scale(0.9);
            transition: transform 0.3s ease;
        }

        .cookie-modal.show .cookie-modal-content {
            transform: scale(1);
        }

        .cookie-modal-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 1.5rem;
            padding-bottom: 1rem;
            border-bottom: 2px solid rgba(139, 69, 19, 0.1);
        }

        .cookie-modal-title {
            font-size: 1.5rem;
            font-weight: 600;
            color: var(--deep-brown);
        }

        .cookie-close {
            background: none;
            border: none;
            font-size: 1.5rem;
            color: var(--text-dark);
            cursor: pointer;
            padding: 0.5rem;
            border-radius: 50%;
            transition: background 0.3s ease;
            width: 40px;
            height: 40px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .cookie-close:hover {
            background: rgba(139, 69, 19, 0.1);
        }

        .cookie-category {
            margin-bottom: 1.5rem;
            padding: 1rem;
            background: rgba(255, 255, 255, 0.5);
            border-radius: 15px;
            border: 1px solid rgba(139, 69, 19, 0.1);
        }

        .cookie-category-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 0.5rem;
        }

        .cookie-category-title {
            font-size: 1.1rem;
            font-weight: 600;
            color: var(--deep-brown);
        }

        .cookie-toggle {
            position: relative;
            width: 50px;
            height: 26px;
            background: #ccc;
            border-radius: 13px;
            cursor: pointer;
            transition: background 0.3s ease;
            display: inline-block;
        }

        .cookie-toggle.active {
            background: linear-gradient(135deg, var(--rich-brown), var(--deep-brown));
        }

        .cookie-toggle::after {
            content: '';
            position: absolute;
            top: 3px;
            left: 3px;
            width: 20px;
            height: 20px;
            background: white;
            border-radius: 50%;
            transition: transform 0.3s ease;
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
        }

        .cookie-toggle.active::after {
            transform: translateX(24px);
        }

        .cookie-toggle.disabled {
            opacity: 0.5;
            cursor: not-allowed;
        }

        .cookie-category-description {
            font-size: 0.9rem;
            color: var(--text-dark);
            opacity: 0.8;
            line-height: 1.4;
        }

        .cookie-modal-actions {
            display: flex;
            gap: 1rem;
            justify-content: flex-end;
            margin-top: 2rem;
            padding-top: 1rem;
            border-top: 2px solid rgba(139, 69, 19, 0.1);
        }

        /* Responsive Design */
        @media (max-width: 768px) {
            .cookie-container {
                flex-direction: column;
                text-align: center;
                gap: 1.5rem;
            }

            .cookie-actions {
                justify-content: center;
                width: 100%;
            }

            .cookie-btn {
                flex: 1;
                min-width: 120px;
            }

            .cookie-modal {
                padding: 1rem;
            }

            .cookie-modal-content {
                padding: 1.5rem;
            }

            .cookie-modal-actions {
                flex-direction: column;
            }
        }

        @media (max-width: 480px) {
            .cookie-actions {
                flex-direction: column;
                width: 100%;
            }

            .cookie-btn {
                width: 100%;
            }
        }