
/* ===================================
   GLOBAL LAYOUT
=================================== */
.container-1150{
  max-width:1150px;
  width:100%;
  margin:0 auto;
  padding-left:16px;
  padding-right:16px;
}

/* ===================================
   TOPBAR
=================================== */
.topbar{ background:#fff; }

.topbar-row{
  display:flex;
  align-items:center;
  gap:14px;
  flex-wrap:nowrap;
}

.topbar-search{
  flex:1 1 auto;
  min-width:260px;
}

.topbar-info{
  white-space:nowrap;
  font-size:0.95rem;
}

.topbar-cart{
  white-space:nowrap;
  display:flex;
  gap:8px;
  align-items:center;
}

@media (max-width: 992px){
  .topbar-row{ flex-wrap:wrap; }
  .topbar-search{ order:10; width:100%; }
  .topbar-info{ order:5; }
  .topbar-cart{ order:6; margin-left:auto; }
}

/* ===== ABSOLUT FIX: logga i topbaren ===== */
/* LOGGA */
.topbar img {
  height: 52px;
  width: auto;
}


@media (max-width: 992px){
  .topbar img {
    height: 42px;
  }
}


/* ===================================
   MAIN NAV (som lovelyhome)
=================================== */

.mainnav-list{
  list-style: none;
  display: flex;              /* VIKTIG */
  justify-content: center;
  align-items: center;
  gap: 34px;
  padding: 14px 0;
  margin: 0;
}

/* Länkar */
.mainnav-link{
  color:#b08a55;
  font-size:15px;
  font-weight:600;
  letter-spacing:.2px;
  text-decoration:none;
}

.mainnav-link:hover{
  color:#8b6a3f;
}

/* På mobil blir den vertikal */
@media (max-width: 992px){
  .mainnav-list{
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    padding: 10px 0 16px;
  }
}


/* ===================================
   DROPDOWN LEVEL 3
=================================== */
.dropdown-submenu{ position:relative; }
.dropdown-submenu > .dropdown-menu{
  top:0;
  left:100%;
  margin-top:-1px;
}

/* ===================================
   PRODUCT CARDS
=================================== */
.product-card .product-title{
  font-size:0.95rem;
  color:#111;
  line-height:1.2;
  min-height:2.4em;
}
.product-card .product-price{ color:#111; }
.product-card:hover .product-title{ text-decoration:underline; }

/* ===================================
   FEATURED
=================================== */
.featured-wrap{
  border:1px solid #e6e6e6;
  border-radius:12px;
  overflow:hidden;
  background:#fff;
}

.topbar img {
  height: 52px !important;
}

/* Övrigt */

.page-wrapper {
    padding-top: 40px;
    padding-bottom: 60px;
}

.page-hero {
    padding: 40px 0;
    background: #f8f8f8;
    margin-bottom: 40px;
}

.page-title {
    font-size: 32px;
    font-weight: 600;
    margin-bottom: 10px;
}

.page-subtitle {
    color: #666;
}

.shop-section {
    padding-bottom: 40px;
}

.product-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 30px;
}

.product-card {
    border: 1px solid #eee;
    padding: 20px;
    border-radius: 10px;
    transition: 0.2s ease;
    background: #fff;
}

.product-card:hover {
    box-shadow: 0 10px 25px rgba(0,0,0,0.05);
}

.product-image img {
    width: 100%;
    height: 220px;
    object-fit: contain;
}

.product-info h3 {
    font-size: 16px;
    margin: 15px 0 5px;
}

.price {
    font-weight: 600;
    font-size: 18px;
}

