/* ── Reset & Base ── */
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font-family:var(--font-sans);font-size:var(--text-base);line-height:1.6;color:var(--text-primary);background:var(--bg-primary);overflow-x:hidden}
img{display:block;max-width:100%;height:auto}
a{color:var(--navy-700);text-decoration:none;transition:color var(--duration-fast) var(--ease-out)}
a:hover{color:var(--gold-500)}
button{cursor:pointer;font-family:inherit}
ul{list-style:none}

/* ── Skip to content ── */
.skip-link{position:absolute;top:-100px;left:var(--space-4);padding:var(--space-2) var(--space-4);background:var(--navy-700);color:var(--white);z-index:var(--z-skip);border-radius:var(--radius-sm);font-weight:var(--font-semibold);transition:top var(--duration-fast) var(--ease-out)}
.skip-link:focus{top:var(--space-4)}

/* ── Container ── */
.container{width:100%;max-width:var(--container-max);margin:0 auto;padding:0 var(--space-6)}
.container-narrow{max-width:var(--container-narrow)}

/* ── Screen reader text ── */
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* ── Header ── */
.header{position:sticky;top:0;z-index:var(--z-header);background:rgba(255,255,255,0.96);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--gray-200);height:var(--header-height)}
.header-inner{display:flex;align-items:center;justify-content:space-between;height:100%}
.header-logo{display:flex;align-items:center;gap:var(--space-3);text-decoration:none}
.header-logo-star{width:36px;height:36px;background:var(--gold-500);clip-path:polygon(50% 0%,61% 35%,100% 35%,68% 57%,79% 100%,50% 75%,21% 100%,32% 57%,0% 35%,39% 35%);flex-shrink:0}
.header-logo-text{font-size:var(--text-lg);font-weight:var(--font-black);letter-spacing:2px;color:var(--navy-800);text-transform:uppercase;line-height:1.2}
.header-logo-text span{color:var(--gold-500)}
.header-logo-sub{font-size:var(--text-xs);color:var(--text-muted);letter-spacing:3px;text-transform:uppercase;margin-top:-2px}
.header-nav{display:none;align-items:center;gap:var(--space-6)}
.header-nav a{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary);padding:var(--space-2) 0;border-bottom:2px solid transparent;transition:all var(--duration-fast) var(--ease-out)}
.header-nav a:hover,.header-nav a.active,.header-nav .current-menu-item>a{border-bottom-color:var(--gold-500)}
.header-cta{display:none;align-items:center;gap:var(--space-3)}
.btn-header{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-5);background:var(--gold-500);color:var(--text-on-gold);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-semibold);border:none;transition:all var(--duration-normal) var(--ease-out);min-height:44px;line-height:1}
.btn-header:hover{background:var(--gold-400);transform:translateY(-1px);box-shadow:var(--shadow-gold);color:var(--text-on-gold)}
.menu-toggle{display:flex;flex-direction:column;gap:5px;background:none;border:none;padding:var(--space-2);min-height:44px;min-width:44px;align-items:center;justify-content:center}
.menu-toggle span{display:block;width:24px;height:2px;background:var(--navy-800);border-radius:2px;transition:all var(--duration-fast) var(--ease-out)}

/* ── Mobile menu ── */
.mobile-menu-open .menu-toggle span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.mobile-menu-open .menu-toggle span:nth-child(2){opacity:0}
.mobile-menu-open .menu-toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

/* ── Romanian flag accent bar ── */
.flag-bar{display:flex;height:4px}
.flag-bar span{flex:1}
.flag-bar .ro-blue{background:var(--ro-blue)}
.flag-bar .ro-yellow{background:var(--ro-yellow)}
.flag-bar .ro-red{background:var(--ro-red)}

/* ── Hero ── */
.hero{position:relative;background:linear-gradient(135deg,var(--navy-900),var(--navy-800),var(--navy-700));overflow:hidden;padding:var(--space-16) 0 var(--space-20)}
.hero::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 20% 50%,rgba(232,168,56,0.08) 0%,transparent 50%);pointer-events:none}
.hero::after{content:'';position:absolute;top:-100px;right:-100px;width:500px;height:500px;background:radial-gradient(circle,rgba(232,168,56,0.04) 0%,transparent 70%);pointer-events:none}
.hero-grid{display:grid;gap:var(--space-12);align-items:center}
.hero-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-4);background:rgba(232,168,56,0.15);border:1px solid rgba(232,168,56,0.25);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:3px;color:var(--gold-400);text-transform:uppercase;margin-bottom:var(--space-4)}
.hero-badge-dot{width:6px;height:6px;background:var(--gold-500);border-radius:50%}
.hero-title{font-size:clamp(var(--text-3xl),5vw,var(--text-6xl));font-weight:var(--font-black);line-height:1.05;color:var(--white);margin-bottom:var(--space-4)}
.hero-title span{background:linear-gradient(135deg,var(--gold-400),var(--gold-500));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.hero-subtitle{font-size:clamp(var(--text-lg),2vw,var(--text-xl));font-weight:var(--font-light);color:var(--navy-300);line-height:1.6;max-width:580px;margin-bottom:var(--space-8)}
.hero-actions{display:flex;flex-wrap:wrap;gap:var(--space-4)}
.btn-primary{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-8);background:var(--gold-500);color:var(--text-on-gold);border-radius:var(--radius-full);font-size:var(--text-base);font-weight:var(--font-bold);border:none;min-height:48px;transition:all var(--duration-normal) var(--ease-out);cursor:pointer}
.btn-primary:hover{background:var(--gold-400);transform:translateY(-2px);box-shadow:var(--shadow-gold);color:var(--text-on-gold)}
.btn-secondary{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-8);background:transparent;color:var(--white);border:2px solid rgba(255,255,255,0.2);border-radius:var(--radius-full);font-size:var(--text-base);font-weight:var(--font-semibold);min-height:48px;transition:all var(--duration-normal) var(--ease-out)}
.btn-secondary:hover{background:rgba(255,255,255,0.08);border-color:rgba(255,255,255,0.35);color:var(--white)}
.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4);margin-top:var(--space-10)}
.hero-stat{padding:var(--space-4);background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.08);border-radius:var(--radius);text-align:center}
.hero-stat-value{font-size:var(--text-2xl);font-weight:var(--font-black);color:var(--gold-500);line-height:1}
.hero-stat-label{font-size:var(--text-xs);color:var(--navy-300);letter-spacing:2px;text-transform:uppercase;margin-top:var(--space-1)}
.hero-visual{display:none;position:relative;justify-content:center;align-items:center}
.hero-circle{width:400px;height:400px;border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(232,168,56,0.1),transparent 60%);border:1px solid rgba(232,168,56,0.15)}
.hero-star-large{position:absolute;width:120px;height:120px;background:var(--gold-500);clip-path:polygon(50% 0%,61% 35%,100% 35%,68% 57%,79% 100%,50% 75%,21% 100%,32% 57%,0% 35%,39% 35%);opacity:0.9;animation:pulse 3s ease-in-out infinite}
@keyframes pulse{0%,100%{transform:scale(1);opacity:0.9}50%{transform:scale(1.05);opacity:1}}
.hero-flag-badge{position:absolute;bottom:80px;right:60px;display:flex;border-radius:var(--radius-xs);overflow:hidden;box-shadow:var(--shadow-lg)}
.hero-flag-badge span{width:16px;height:24px}

/* ── Section base ── */
.section{padding:var(--space-16) 0}
.section-header{text-align:center;margin-bottom:var(--space-12)}
.section-label{display:inline-block;padding:var(--space-1) var(--space-4);background:var(--gold-100);color:var(--gold-600);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:2px;text-transform:uppercase;margin-bottom:var(--space-3)}
.section-title{font-size:clamp(var(--text-2xl),4vw,var(--text-4xl));font-weight:var(--font-black);color:var(--text-primary);line-height:1.15}
.section-desc{font-size:var(--text-lg);color:var(--text-secondary);max-width:600px;margin:var(--space-4) auto 0;line-height:1.6}

/* ── Products Grid ── */
.products-grid{display:grid;gap:var(--space-6)}
.product-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--duration-normal) var(--ease-out)}
.product-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--gold-300)}
.product-card-image{height:200px;background:var(--gray-100);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}
.product-card-image svg{width:64px;height:64px;color:var(--gray-300)}
.product-card-rank{position:absolute;top:var(--space-3);left:var(--space-3);width:32px;height:32px;background:var(--gold-500);color:var(--text-on-gold);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);font-weight:var(--font-black)}
.product-card-rank.silver{background:var(--gray-400)}
.product-card-rank.bronze{background:#CD7F32}
.product-card-body{padding:var(--space-5)}
.product-card-category{font-size:var(--text-xs);color:var(--text-muted);letter-spacing:2px;text-transform:uppercase;margin-bottom:var(--space-1)}
.product-card-name{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--text-primary);margin-bottom:var(--space-2)}
.product-card-rating{display:flex;align-items:center;gap:var(--space-1);margin-bottom:var(--space-2)}
.star{color:var(--gold-500);font-size:var(--text-sm)}
.star.empty{color:var(--gray-300)}
.rating-value{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-secondary)}
.product-card-desc{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.5;margin-bottom:var(--space-4);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.product-card-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-2)}
.product-card-price{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--navy-700)}
.product-card-btn{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-4);background:var(--navy-700);color:var(--white);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-semibold);border:none;min-height:44px;transition:all var(--duration-fast) var(--ease-out);cursor:pointer}
.product-card-btn:hover{background:var(--navy-600);color:var(--white)}
.view-all{text-align:center;margin-top:var(--space-8)}
.btn-outline{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);background:transparent;color:var(--navy-700);border:2px solid var(--navy-200);border-radius:var(--radius-full);font-size:var(--text-base);font-weight:var(--font-semibold);min-height:48px;transition:all var(--duration-normal) var(--ease-out)}
.btn-outline:hover{background:var(--navy-50);border-color:var(--navy-400)}

/* ── Blog / Articles ── */
.blog-section{background:var(--bg-secondary)}
.blog-grid{display:grid;gap:var(--space-6)}
.article-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--duration-normal) var(--ease-out)}
.article-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}
.article-card-image{height:180px;background:linear-gradient(135deg,var(--navy-100),var(--gray-100));display:flex;align-items:center;justify-content:center}
.article-card-body{padding:var(--space-5)}
.article-card-meta{display:flex;gap:var(--space-3);font-size:var(--text-xs);color:var(--text-muted);margin-bottom:var(--space-2)}
.article-card-meta span{display:flex;align-items:center;gap:var(--space-1)}
.article-card-title{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--text-primary);margin-bottom:var(--space-2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.article-card-title a{color:inherit}
.article-card-title a:hover{color:var(--navy-700)}
.article-card-excerpt{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:var(--space-3)}
.article-card-tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}
.tag{display:inline-block;padding:var(--space-1) var(--space-3);background:var(--navy-50);color:var(--navy-600);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-medium)}

/* ── Comparison Table ── */
.comparison-table{width:100%;border-collapse:separate;border-spacing:0;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);font-size:var(--text-sm)}
.comparison-table thead{background:var(--navy-700);color:var(--white)}
.comparison-table th{padding:var(--space-3) var(--space-4);text-align:left;font-weight:var(--font-semibold);font-size:var(--text-xs);letter-spacing:1px;text-transform:uppercase}
.comparison-table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--gray-100);vertical-align:middle}
.comparison-table tbody tr{transition:background var(--duration-fast) var(--ease-out)}
.comparison-table tbody tr:hover{background:var(--navy-50)}
.comparison-table .winner{background:var(--gold-100);font-weight:var(--font-semibold)}
.comparison-table .check{color:var(--color-success);font-weight:var(--font-bold)}
.comparison-table .cross{color:var(--color-error)}

/* ── CTA Section ── */
.cta-section{background:linear-gradient(135deg,var(--navy-900),var(--navy-800));position:relative;overflow:hidden;padding:var(--space-20) 0}
.cta-section::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 80% 50%,rgba(232,168,56,0.06) 0%,transparent 50%);pointer-events:none}
.cta-content{text-align:center;position:relative;z-index:1}
.cta-title{font-size:clamp(var(--text-2xl),4vw,var(--text-4xl));font-weight:var(--font-black);color:var(--white);line-height:1.15;margin-bottom:var(--space-4)}
.cta-desc{font-size:var(--text-lg);color:var(--navy-300);max-width:560px;margin:0 auto var(--space-8);line-height:1.6}
.cta-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-4)}
.cta-stats{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-8);margin-top:var(--space-12)}
.cta-stat{text-align:center}
.cta-stat-value{font-size:var(--text-3xl);font-weight:var(--font-black);color:var(--gold-500)}
.cta-stat-label{font-size:var(--text-sm);color:var(--navy-300);letter-spacing:1px}

/* ── DR Cash Hero Sidebar ── */
.hero-sidebar{display:flex;flex-direction:column;gap:var(--space-3);width:100%;max-width:380px}
.hero-sidebar-item{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:var(--radius-lg);text-decoration:none;transition:all var(--duration-normal) var(--ease-out)}
.hero-sidebar-item:hover{background:rgba(255,255,255,0.1);border-color:rgba(232,168,56,0.2)}
.hero-sidebar-icon{width:48px;height:48px;border-radius:var(--radius);background:linear-gradient(135deg,var(--green-500),var(--green-600));display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}
.hero-sidebar-info{flex:1;min-width:0}
.hero-sidebar-info h4{color:var(--white);font-size:var(--text-sm);font-weight:var(--font-semibold);line-height:1.3;transition:color var(--duration-fast) var(--ease-out)}
.hero-sidebar-item:hover .hero-sidebar-info h4{color:var(--gold-500)}
.hero-sidebar-info p{color:rgba(255,255,255,0.4);font-size:var(--text-xs);margin-top:2px}
.hero-sidebar-price{color:var(--gold-500);font-weight:var(--font-bold);font-size:var(--text-sm);white-space:nowrap}

/* ── DR Cash Products Grid ── */
.drcash-grid{display:grid;gap:var(--space-6)}
.drcash-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--duration-normal) var(--ease-out)}
.drcash-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--green-300)}
.drcash-card-header{padding:var(--space-5) var(--space-5) var(--space-4);text-align:center;background:linear-gradient(to bottom,var(--green-50),var(--white));border-bottom:1px solid var(--green-100)}
.drcash-card-category{display:inline-block;padding:2px var(--space-3);background:var(--green-100);color:var(--green-700);font-size:10px;font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:1px;border-radius:var(--radius-full);margin-bottom:var(--space-2)}
.drcash-card-emoji{display:block;font-size:2rem;margin-bottom:var(--space-1)}
.drcash-card-name{font-family:var(--font-serif);font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--green-900);margin-bottom:var(--space-1)}
.drcash-card-price{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--green-700)}
.drcash-card-body{padding:var(--space-5)}
.drcash-card-features{list-style:none;margin-bottom:var(--space-5);display:flex;flex-direction:column;gap:var(--space-2)}
.drcash-card-features li{font-size:var(--text-sm);color:var(--green-800);display:flex;align-items:flex-start;gap:var(--space-2);line-height:1.4}
.drcash-feature-icon{color:var(--green-500);flex-shrink:0}
.drcash-card-btn{display:block;width:100%;padding:var(--space-3);background:linear-gradient(to right,var(--green-600),var(--green-700));color:var(--white);text-align:center;font-weight:var(--font-semibold);border-radius:var(--radius-full);text-decoration:none;transition:all var(--duration-normal) var(--ease-out)}
.drcash-card-btn:hover{background:linear-gradient(to right,var(--green-500),var(--green-600));color:var(--white);transform:scale(0.97)}

/* ── Categories Grid ── */
.categories-grid{display:grid;gap:var(--space-4)}
.category-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-lg);background:var(--green-50);border:1px solid var(--green-100);text-decoration:none;transition:all var(--duration-fast) var(--ease-out)}
.category-card:hover{background:var(--green-100);border-color:var(--green-200)}
.category-card-icon{font-size:1.5rem;line-height:1}
.category-card-name{font-family:var(--font-serif);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--green-800);transition:color var(--duration-fast) var(--ease-out)}
.category-card:hover .category-card-name{color:var(--green-600)}
.category-card-count{font-size:var(--text-xs);color:var(--green-600);opacity:0.6}

/* ── Footer legal text ── */
.footer-legal-text{font-size:var(--text-xs);color:var(--navy-400);line-height:1.6}

/* ── Responsive DR Cash ── */
@media(min-width:640px){
  .drcash-grid{grid-template-columns:repeat(2,1fr)}
  .categories-grid{grid-template-columns:repeat(2,1fr)}
}
@media(min-width:768px){
  .categories-grid{grid-template-columns:repeat(3,1fr)}
}
@media(min-width:1024px){
  .drcash-grid{grid-template-columns:repeat(3,1fr)}
  .categories-grid{grid-template-columns:repeat(4,1fr)}
}

/* ── Footer ── */
.footer{background:var(--navy-900);color:var(--navy-300);padding:var(--space-12) 0 var(--space-6)}
.footer-grid{display:grid;gap:var(--space-10)}
.footer-brand .footer-logo-text{font-size:var(--text-xl);font-weight:var(--font-black);letter-spacing:2px;color:var(--white);text-transform:uppercase;line-height:1.2}
.footer-brand .footer-logo-text span{color:var(--gold-500)}
.footer-brand p{font-size:var(--text-sm);color:var(--navy-300);margin-top:var(--space-3);line-height:1.6;max-width:320px}
.footer-social{display:flex;gap:var(--space-3);margin-top:var(--space-4)}
.footer-social a{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:rgba(255,255,255,0.06);border-radius:50%;color:var(--navy-300);font-size:var(--text-sm);transition:all var(--duration-fast) var(--ease-out)}
.footer-social a:hover{background:var(--gold-500);color:var(--text-on-gold)}
.footer-heading{font-size:var(--text-sm);font-weight:var(--font-bold);color:var(--white);letter-spacing:2px;text-transform:uppercase;margin-bottom:var(--space-4)}
.footer-links{display:flex;flex-direction:column;gap:var(--space-3)}
.footer-links a{font-size:var(--text-sm);color:var(--navy-300);transition:color var(--duration-fast) var(--ease-out)}
.footer-links a:hover{color:var(--gold-500)}
.footer-bottom{border-top:1px solid rgba(255,255,255,0.06);margin-top:var(--space-10);padding-top:var(--space-6);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-4)}
.footer-bottom-text{font-size:var(--text-xs);color:var(--navy-400)}
.footer-flag{display:flex;gap:2px}
.footer-flag span{width:20px;height:12px;border-radius:2px}

/* ── Breadcrumbs ── */
.breadcrumbs{display:flex;flex-wrap:wrap;gap:var(--space-2);padding:var(--space-4) 0;font-size:var(--text-sm);color:var(--text-muted)}
.breadcrumbs a{color:var(--text-secondary)}
.breadcrumbs a:hover{color:var(--navy-700)}
.breadcrumbs .sep{color:var(--gray-300)}

/* ── Newsletter ── */
.newsletter{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:var(--space-10);text-align:center;margin-top:var(--space-12)}
.newsletter h3{font-size:var(--text-2xl);font-weight:var(--font-bold);margin-bottom:var(--space-2)}
.newsletter p{color:var(--text-secondary);margin-bottom:var(--space-6)}
.newsletter-form{display:flex;gap:var(--space-3);max-width:480px;margin:0 auto;flex-direction:column}
.newsletter-form input[type="email"]{flex:1;padding:var(--space-3) var(--space-5);border:2px solid var(--gray-200);border-radius:var(--radius-full);font-size:var(--text-base);outline:none;min-height:48px;transition:border-color var(--duration-fast) var(--ease-out)}
.newsletter-form input[type="email"]:focus{border-color:var(--gold-500);box-shadow:0 0 0 3px rgba(232,168,56,0.12)}
.newsletter-form button{min-height:48px;white-space:nowrap}

/* ── Cookie banner ── */
.cookie-banner{position:fixed;bottom:var(--space-4);left:var(--space-4);right:var(--space-4);max-width:400px;background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-xl);z-index:var(--z-cookie);display:none}
.cookie-banner.show{display:block}
.cookie-text{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-4);line-height:1.5}
.cookie-actions{display:flex;gap:var(--space-3)}
.cookie-btn{flex:1;padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-semibold);border:none;min-height:44px;transition:all var(--duration-fast) var(--ease-out);cursor:pointer}
.cookie-btn.accept{background:var(--gold-500);color:var(--text-on-gold)}
.cookie-btn.accept:hover{background:var(--gold-400)}
.cookie-btn.decline{background:var(--gray-100);color:var(--text-secondary)}
.cookie-btn.decline:hover{background:var(--gray-200)}

/* ── Page content ── */
.page-content,.entry-content{padding:var(--space-12) 0}
.page-content h2,.entry-content h2{font-size:var(--text-2xl);font-weight:var(--font-black);margin-bottom:var(--space-4);margin-top:var(--space-10);line-height:1.2}
.page-content h3,.entry-content h3{font-size:var(--text-xl);font-weight:var(--font-bold);margin-bottom:var(--space-3);margin-top:var(--space-8)}
.page-content p,.entry-content p{margin-bottom:var(--space-4);line-height:1.7;color:var(--text-secondary)}
.page-content ul,.entry-content ul{list-style:disc;padding-left:var(--space-6);margin-bottom:var(--space-4)}
.page-content li,.entry-content li{margin-bottom:var(--space-2);line-height:1.6;color:var(--text-secondary)}

/* ── Comments ── */
.comments-area{margin-top:var(--space-12);padding-top:var(--space-10);border-top:1px solid var(--gray-200)}
.comment-list{list-style:none}
.comment{padding:var(--space-4);border:1px solid var(--gray-100);border-radius:var(--radius);margin-bottom:var(--space-4)}

/* ── Search form ── */
.search-form{display:flex;gap:var(--space-3);max-width:480px}
.search-form input[type="search"]{flex:1;padding:var(--space-3) var(--space-5);border:2px solid var(--gray-200);border-radius:var(--radius-full);font-size:var(--text-base);outline:none;min-height:48px}
.search-form input[type="search"]:focus{border-color:var(--gold-500)}

/* ── Pagination ── */
.pagination{display:flex;justify-content:center;gap:var(--space-2);margin-top:var(--space-10)}
.pagination .page-numbers{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius);font-weight:var(--font-semibold);color:var(--text-secondary);transition:all var(--duration-fast) var(--ease-out)}
.pagination .page-numbers.current{background:var(--gold-500);color:var(--text-on-gold)}
.pagination .page-numbers:hover:not(.current){background:var(--navy-50)}

/* ── Responsive: Tablet (768px+) ── */
@media(min-width:768px){
  .header-nav{display:flex}
  .header-cta{display:flex}
  .menu-toggle{display:none}
  .hero-grid{grid-template-columns:1fr 1fr}
  .hero-visual{display:flex}
  .hero-stats{gap:var(--space-6)}
  .products-grid{grid-template-columns:repeat(2,1fr)}
  .blog-grid{grid-template-columns:repeat(2,1fr)}
  .footer-grid{grid-template-columns:2fr 1fr 1fr 1fr}
  .newsletter-form{flex-direction:row}
}

/* ── Responsive: Desktop (1024px+) ── */
@media(min-width:1024px){
  .products-grid{grid-template-columns:repeat(3,1fr)}
  .blog-grid{grid-template-columns:repeat(3,1fr)}
  .hero{padding:var(--space-20) 0 var(--space-24)}
  .section{padding:var(--space-20) 0}
}

/* ── Reduced motion ── */
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:0.01ms!important;animation-iteration-count:1!important;transition-duration:0.01ms!important;scroll-behavior:auto}
}

/* ── Focus visible ── */
:focus-visible{outline:3px solid var(--gold-500);outline-offset:2px;border-radius:var(--radius-xs)}