:root{
  --lux-gold:#C5A059;
  --lux-dark:#111;
  --lux-muted:#6B7280;
  --lux-bg:#fff;
  --lux-soft:#F6F6F6;
  --lux-shadow:0 10px 40px rgba(0,0,0,.08);
}

/* GLOBAL */

*{box-sizing:border-box}

body{
margin:0;
font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
color:var(--lux-dark);
background:var(--lux-bg);
}

a{color:inherit}

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

.lux-main{
min-height:60vh;
}

/* HEADER */

.lux-header{
position:sticky;
top:0;
z-index:50;
background:#fff;
border-bottom:1px solid rgba(0,0,0,.06);
}

.lux-header__inner{
display:flex;
align-items:center;
justify-content:space-between;
gap:16px;
padding:14px 0;
flex-wrap:wrap;
}

.lux-logo{
font-weight:900;
text-decoration:none;
letter-spacing:.02em;
}

.lux-logo img{
height:36px;
width:auto;
}

/* NAV */

.lux-nav ul{
list-style:none;
margin:0;
padding:0;
display:flex;
gap:14px;
flex-wrap:wrap;
}

.lux-nav a{
text-decoration:none;
opacity:.9;
}

.lux-nav a:hover{
opacity:1;
}

/* HERO */

.lux-hero{
position:relative;
min-height:640px;
display:flex;
align-items:center;
overflow:hidden;
}

.lux-video{
position:absolute;
inset:0;
width:100%;
height:100%;
object-fit:cover;
opacity:0;
transition:opacity 1s;
}

.lux-video.active{
opacity:1;
}

.lux-hero-overlay{
position:absolute;
inset:0;
background:linear-gradient(180deg,rgba(0,0,0,.38),rgba(0,0,0,.18));
}

.lux-hero-content{
position:absolute;
bottom:60px;
right:60px;
color:#fff;
}

/* BUTTON */

.lux-explore-btn{
border:1px solid #fff;
padding:14px 32px;
color:#fff;
text-decoration:none;
text-transform:uppercase;
font-size:13px;
}

.lux-explore-btn:hover{
background:var(--lux-gold);
color:#000;
}

/* USP */

.lux-usp-wrapper{
background:#fff;
border-bottom:1px solid #eee;
padding:20px 0;
}

.lux-usp-container{
max-width:1200px;
margin:auto;
display:flex;
justify-content:space-evenly;
gap:20px;
flex-wrap:wrap;
}

.lux-usp-item{
display:flex;
gap:12px;
align-items:center;
}

.usp-title{
text-transform:uppercase;
font-size:13px;
font-weight:500;
}

.usp-desc{
font-size:12px;
color:#888;
}

/* COLLECTION GRID */

.lux-collection{
padding:40px 0;
}

.lux-grid{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:28px;
max-width:1400px;
margin:40px auto;
padding:0 20px;
}
/* COLLECTION GRID */
.lux-collection {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 40px 20px;
}

.lux-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}

/* PRODUCT CARD */
.lux-card {
  display: flex;
  flex-direction: column;
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
  text-decoration: none;
  transition: transform .35s ease, box-shadow .35s ease;
}

.lux-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 20px 45px rgba(0, 0, 0, .15);
}

/* IMAGE CONTAINER - INGEN aspect-ratio, INGEN fast højde */
.lux-card-media {
  width: 100%;
  background: #f5f5f5;
  overflow: hidden;
}

/* BILLEDET - Kun billedet er firkantet */
.lux-card-media img {
  width: 100%;
  aspect-ratio: 1/1;  /* Kun billedet har aspect-ratio */
  object-fit: cover;
  display: block;
}

/* CARD TEXT */
.lux-card-info {
  padding: 18px;
  background: #fff;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.lux-card-title-main {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 6px;
  text-align: center;
  color: #333;
}

.lux-card-info span {
  font-size: 14px;
  color: #777;
  text-align: center;
  display: flex;
  align-items: center;
  gap: 6px;
}

/* Responsiv design */
@media (max-width: 768px) {
  .lux-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
  }
}

@media (max-width: 480px) {
  .lux-grid {
    grid-template-columns: 1fr;
  }
}



/* MOBILE PRODUCT GRID FIX */

@media (max-width:640px){

.lux-grid{
grid-template-columns:repeat(1,1fr) !important;
gap:12px;
padding:0 12px;
}

}
/* PROMO */

.lux-promo__grid{
display:block;
max-width:900px;
margin:0 auto;
text-align:center;
}

.lux-section{
text-align:center;
}

.lux-section p{
max-width:700px;
margin:auto;
}
/* FOOTER */

.lux-footer{
background:#111;
color:#fff;
margin-top:50px;
}

.lux-footer__inner{
padding:46px 0;
}

.lux-footer__cols{
display:grid;
grid-template-columns:1.2fr 1fr 1fr;
gap:18px;
}

.lux-footer a{
color:#fff;
opacity:.9;
text-decoration:none;
}

.lux-footer a:hover{
opacity:1;
text-decoration:underline;
}

/* RESPONSIVE */

@media (max-width:1100px){

.lux-grid{
grid-template-columns:repeat(2,1fr);
}

}

@media (max-width:700px){

.lux-grid{
grid-template-columns:1fr;
}

.lux-card-media{
height:300px;
}

.lux-logo img{
height:26px;
}

}