/* =============================================================================
   BOLIGCENTER.DK – PINEGROW FORSIDE
   Alt er scoped under #bc-homepage.
============================================================================= */
#bc-homepage {
  --bc-blue:#075ca8;
  --bc-blue-dark:#064a87;
  --bc-blue-soft:#eaf4ff;
  --bc-green:#76b82a;
  --bc-green-dark:  #5d9a1c;
  --bc-orange:      #f47b20;
  --bc-orange-dark: #e26a10;

  --bc-bg:     #ffffff;
  --bc-star:   #00b67a; /* trustpilot-grøn */
  --bc-ink:#14202f;
  --bc-muted:#657386;
  --bc-line:#e5eaf1;
  --bc-soft:#f5f7fa;
  --bc-radius:8px;
  --bc-radius-sm:12px;
  --bc-shadow:0 10px 35px rgba(15,40,70,.10);
  --bc-shadow-soft:0 4px 18px rgba(15,40,70,.07);
  --bc-shadow-hi: 0 10px 34px rgba(20,40,70,.14);
  --bc-max:1240px;
  --bc-maxw: 1240px;
  --bc-gap:  16px;
  font-family:'Plus Jakarta Sans',Arial,sans-serif;
  color:var(--bc-ink);
  line-height:1.45;
  background:#fff;
}

#bc-homepage *,#bc-homepage *:before,#bc-homepage *:after{box-sizing:border-box}
#bc-homepage a{text-decoration:none;color:inherit}
#bc-homepage img{display:block;max-width:100%}
#bc-homepage h1,#bc-homepage h2,#bc-homepage h3,#bc-homepage p{margin:0}
#bc-homepage .bc-container{max-width:var(--bc-max);margin:0 auto;padding:0 18px}

/* HERO */
#bc-homepage .bc-hero{padding: 52px 0 46px;background: radial-gradient(circle at 80% 20%, rgba(118, 184, 42, .18), transparent 32%), linear-gradient(135deg, #f9fcff 0%, #eaf4ff 52%, #f7fbff 100%); border-bottom: 1px solid var(--bc-line); position: relative; min-height: 360px; display: flex; align-items: center; overflow: hidden; background-image: linear-gradient(90deg, rgba(0, 0, 0, .68) 0%, rgba(0, 0, 0, .42) 42%, rgba(0, 0, 0, .12) 100%), url(/img/cms/banners/herosectionbanner.png); background-size: cover; background-position: center;}
#bc-homepage .bc-hero__grid{display:grid;grid-template-columns:1.1fr .9fr;gap:42px;align-items:center}
#bc-homepage .bc-eyebrow{align-items:center;margin-bottom: 18px; display: inline-flex; background: rgba(255, 255, 255, .16); border: 1px solid rgba(255, 255, 255, .25); color: #fff; padding: 7px 13px; border-radius: 999px; font-size: 13px; font-weight: 800; text-transform: uppercase; letter-spacing: .03em;}
#bc-homepage .bc-hero h1{color: white;font-size:clamp(32px,5vw,56px);line-height:1.03;letter-spacing:-.04em;max-width:640px}
#bc-homepage .bc-hero__text{font-size:18px;color:white;max-width:600px;margin-top:16px;margin-bottom:24px}
#bc-homepage .bc-search{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--bc-line);box-shadow:var(--bc-shadow);border-radius:999px;padding:8px 8px 8px 18px;max-width:720px}
#bc-homepage .bc-search__icon{font-size:30px;line-height:1;color:var(--bc-blue);transform:rotate(-20deg)}
#bc-homepage .bc-search__input{flex:1;border:0;outline:0;min-width:0;font-size:16px;padding:14px 4px;background:transparent;color:var(--bc-ink)}
#bc-homepage .bc-search__button{border:0;cursor:pointer;border-radius:999px;background:var(--bc-green);color:#fff;font-weight:800;font-size:16px;padding:14px 30px;transition:.15s}
#bc-homepage .bc-search__button:hover{transform:translateY(-1px);filter:brightness(.95)}
#bc-homepage .bc-hero__chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
#bc-homepage .bc-hero__chips a{transition: .15s; display: inline-flex; background: rgba(255, 255, 255, .16); border: 1px solid rgba(255, 255, 255, .25); color: #fff; padding: 7px 13px; border-radius: 999px; font-size: 13px; font-weight: 800; text-transform: uppercase; letter-spacing: .03em;}
#bc-homepage .bc-hero__chips a:hover{background:var(--bc-blue);color:#fff}

/* TRUST */
#bc-homepage .bc-trust {
    background: #fff;
    border-top: 1px solid #ececec;
    border-bottom: 1px solid #ececec;
    padding: 22px 0;
}

#bc-homepage .bc-trust__grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0;
}

#bc-homepage .bc-trust__item {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    padding: 0 20px;
    position: relative;
}

#bc-homepage .bc-trust__item:not(:last-child)::after {
    content: "";
    position: absolute;
    right: 0;
    top: 8px;
    bottom: 8px;
    width: 1px;
    background: #e8e8e8;
}

#bc-homepage .bc-trust__icon {
    font-size: 28px;
    color: #0a4b8f;
    flex-shrink: 0;
}

#bc-homepage .bc-trust__icon--trustpilot {
    color: #00b67a;
    font-size: 30px;
}

#bc-homepage .bc-trust__content {
    display: flex;
    flex-direction: column;
}

#bc-homepage .bc-trust__content strong {
    color: #123d77;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.2;
}

#bc-homepage .bc-trust__content span {
    color: #123d77;
    font-size: 15px;
    line-height: 1.3;
}

@media (max-width: 991px) {
    #bc-homepage .bc-trust__grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }

    #bc-homepage .bc-trust__item::after {
        display: none;
    }
}

@media (max-width: 576px) {
    #bc-homepage .bc-trust__grid {
        grid-template-columns: 1fr;
    }

    #bc-homepage .bc-trust__item {
        justify-content: flex-start;
    }
}

/* SECTIONS */
#bc-homepage .bc-section{padding:22px 0}
#bc-homepage .bc-section--soft{background:var(--bc-soft)}
#bc-homepage .bc-section--outlet-soft {
  background: #faf6ee;
}

#bc-homepage .bc-section--new-soft {
  background: #eff7ff;
}
#bc-homepage .bc-section__head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:22px}
#bc-homepage .bc-section__label{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--bc-blue);font-weight:800;margin-bottom:6px}
#bc-homepage .bc-section h2{font-size:clamp(22px,3vw,32px);line-height:1.12;letter-spacing:-.03em}
#bc-homepage .bc-section__link{font-weight:800;color:var(--bc-blue);white-space:nowrap;font-size:14px}

/* SLIDER */
#bc-homepage .bc-slider{position:relative}
#bc-homepage .bc-slider__track{display:flex;gap:14px;overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x mandatory;padding:4px 2px 16px;scrollbar-width:none}
#bc-homepage .bc-slider__track::-webkit-scrollbar{display:none}
#bc-homepage .bc-slider__btn{position:absolute;top:42%;z-index:4;transform:translateY(-50%);width:42px;height:42px;border-radius:999px;border:1px solid var(--bc-line);background:#fff;box-shadow:var(--bc-shadow-soft);font-size:30px;line-height:1;color:var(--bc-blue);cursor:pointer}
#bc-homepage .bc-slider__btn--prev{left:-10px}
#bc-homepage .bc-slider__btn--next{right:-10px}
#bc-homepage .bc-slider__btn[hidden]{display:none}

/* CATEGORIES */
#bc-homepage .bc-category-card{flex:0 0 156px;scroll-snap-align:start;background:#fff;border:1px solid var(--bc-line);border-radius:var(--bc-radius);padding:12px;text-align:center;box-shadow:var(--bc-shadow-soft);transition:.16s;/*min-height:218px;*/display:flex;flex-direction:column;align-items:center;justify-content:flex-start}
#bc-homepage .bc-category-card:hover{transform:translateY(-2px);box-shadow:var(--bc-shadow)}
#bc-homepage .bc-category-card img{width:128px;height:128px;object-fit:contain;margin:0 auto 10px;border-radius:14px;background:#f8fafc}
#bc-homepage .bc-category-card strong{font-size:14px;line-height:1.25;min-height:36px;display:flex;align-items:center;justify-content:center}
#bc-homepage .bc-category-card small{display: none;margin-top: 7px; /*display: inline-flex;*/ border-radius: 999px; font-weight: 700; background: rgba(118, 184, 42, .14); padding: 2px 9px; color: #5d9a1c;}
#bc-homepage .bc-category-fallback{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
#bc-homepage .bc-category-fallback a{background:#fff;border:1px solid var(--bc-line);border-radius:14px;padding:16px;font-weight:800;color:var(--bc-blue)}

/* BRANDS */
#bc-homepage .bc-brand-card img {
    object-fit: contain;
    background: #fff;
    padding: 12px;
	height: 90px;
}

#bc-homepage .bc-brand-card strong {
    text-transform: uppercase;
}

#bc-homepage .bc-brand-card small {
    display: inline-flex;
    font-size: 11px;
}

/* PROMOS */
#bc-homepage .bc-promo-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
#bc-homepage .bc-promo{position:relative;overflow:hidden;min-height:245px;border-radius:28px;padding:30px;color:#fff;display:flex;flex-direction:column;justify-content:flex-end;box-shadow:var(--bc-shadow)}
#bc-homepage .bc-promo:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 25%,rgba(255,255,255,.24),transparent 32%);pointer-events:none}
#bc-homepage .bc-promo--outlet{background:linear-gradient(135deg,#ff8b2d,#d9530a)}
#bc-homepage .bc-promo--garden{background:linear-gradient(135deg,#0b6bbf,#76b82a)}
#bc-homepage .bc-promo span,#bc-homepage .bc-promo h2,#bc-homepage .bc-promo p,#bc-homepage .bc-promo strong{position:relative;z-index:1}
#bc-homepage .bc-promo span{text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:900;opacity:.9}
#bc-homepage .bc-promo h2{font-size:34px;margin:5px 0 8px}
#bc-homepage .bc-promo p{max-width:420px;opacity:.9;margin-bottom:18px}
#bc-homepage .bc-promo strong{align-self:flex-start;background:#fff;color:var(--bc-ink);border-radius:999px;padding:10px 16px;font-size:14px}

/* PRODUCT REC AREAS */
#bc-homepage .bc-rec-shell{position:relative;min-height:230px}
#bc-homepage .bc-product-skeleton-row{display:flex;gap:14px;overflow:hidden}
#bc-homepage .bc-product-skeleton-row:empty:before,
#bc-homepage .bc-product-skeleton-row:empty:after{content:"";flex:0 0 210px;height:260px;border-radius:16px;background:linear-gradient(90deg,#eef2f6 25%,#f8fafc 45%,#eef2f6 65%);background-size:300% 100%;animation:bc-shimmer 1.25s infinite}
#bc-homepage .bc-product-skeleton-row:empty{height:260px}
#bc-homepage .bc-rec-shell.bc-rec-loaded [data-bc-rec-skeleton]{display:none}
#bc-homepage .recommendation-block:empty{min-height:1px}

/* Inspiration */
#bc-homepage .bc-inspiration-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
#bc-homepage .bc-inspo-card{min-height:160px;border-radius:22px;background:linear-gradient(135deg,#ffffff,#edf6ff);border:1px solid var(--bc-line);box-shadow:var(--bc-shadow-soft);padding:22px;display:flex;flex-direction:column;justify-content:flex-end;transition:.16s}
#bc-homepage .bc-inspo-card:hover{transform:translateY(-2px);box-shadow:var(--bc-shadow)}
#bc-homepage .bc-inspo-card span{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--bc-blue);font-weight:900;margin-bottom:7px}
#bc-homepage .bc-inspo-card strong{font-size:17px;line-height:1.22}

/* Skeleton */
#bc-homepage .bc-skeleton span{width:124px;height:124px;border-radius:14px;background:#eef2f6;margin-bottom:12px;display:block;animation:bc-shimmer 1.25s infinite;background-size:300% 100%;background-image:linear-gradient(90deg,#eef2f6 25%,#f8fafc 45%,#eef2f6 65%)}
#bc-homepage .bc-skeleton i{width:88%;height:14px;border-radius:999px;background:#eef2f6;display:block;animation:bc-shimmer 1.25s infinite;background-size:300% 100%;background-image:linear-gradient(90deg,#eef2f6 25%,#f8fafc 45%,#eef2f6 65%)}
@keyframes bc-shimmer{0%{background-position:100% 0}100%{background-position:0 0}}

/* Let existing tw.js product cards sit nicely */
#bc-homepage .recommendation-block > span{display:none!important}
#bc-homepage .recommendation-block .overflow-x-auto,
#bc-homepage .recommendation-block [id^="scroll-container-"]{padding-bottom:12px}

@media (max-width: 980px){
  #bc-homepage .bc-hero__grid{grid-template-columns:1fr;gap:25px;text-align:center}
  #bc-homepage .bc-hero__chips{justify-content:center}
  #bc-homepage .bc-hero__visual{display:none}
  #bc-homepage .bc-trust__grid{grid-template-columns:repeat(2,1fr)}
  #bc-homepage .bc-trust__grid div:nth-child(2){border-right:0}
  #bc-homepage .bc-promo-grid,#bc-homepage .bc-inspiration-grid{grid-template-columns:1fr 1fr}
}
@media (max-width: 640px){
  #bc-homepage .bc-container{padding:0 14px}
  #bc-homepage .bc-hero{padding:34px 0 30px}
  #bc-homepage .bc-search{border-radius:22px;align-items:stretch;flex-wrap:wrap;padding:12px}
  #bc-homepage .bc-search__icon{display:none}
  #bc-homepage .bc-search__input{flex-basis:100%;padding:12px;font-size:15px;background:#f8fafc;border-radius:14px}
  #bc-homepage .bc-search__button{width:100%;border-radius:14px}


    #bc-homepage .bc-trust__grid {
        grid-template-columns: 1fr 1fr;
        gap: 0;
    }

    #bc-homepage .bc-trust__item {
        padding: 14px 8px;
        border-bottom: 1px solid var(--bc-line);
    }

    #bc-homepage .bc-trust__item:nth-child(odd) {
        border-right: 1px solid var(--bc-line);
    }

  #bc-homepage .bc-section{padding:32px 0}
  #bc-homepage .bc-section__head{align-items:flex-start;flex-direction:column;margin-bottom:16px}
  #bc-homepage .bc-slider__btn{display:none}
  #bc-homepage .bc-category-card{flex-basis:136px;min-height:196px}
  #bc-homepage .bc-brand-card{flex-basis:136px;min-height:176px}
  #bc-homepage .bc-category-card img{width:108px;height:108px}
  #bc-homepage .bc-promo-grid,#bc-homepage .bc-inspiration-grid{grid-template-columns:1fr}
  #bc-homepage .bc-promo{min-height:210px;padding:24px}
  #bc-homepage .bc-promo h2{font-size:28px}
  
  #bc-homepage .bc-section.bc-section--outlet-soft {min-height: 535px;}
  
}



#bc-homepage .bc-service-bar {
    background: #fff;
    border-top: 1px solid #ececec;
    padding: 28px 0;
}

#bc-homepage .bc-service-bar__grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0;
}

#bc-homepage .bc-service-bar__item {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    position: relative;
    padding: 0 20px;
}

#bc-homepage .bc-service-bar__item:not(:last-child)::after {
    content: "";
    position: absolute;
    right: 0;
    top: 6px;
    bottom: 6px;
    width: 1px;
    background: #e8e8e8;
}

#bc-homepage .bc-service-bar__icon {
    color: #0a4b8f;
    font-size: 30px;
    flex-shrink: 0;
}

#bc-homepage .bc-service-bar__content {
    display: flex;
    flex-direction: column;
}

#bc-homepage .bc-service-bar__content strong {
    color: #123d77;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.2;
}

#bc-homepage .bc-service-bar__content span {
    color: #123d77;
    font-size: 15px;
    line-height: 1.3;
}

@media (max-width: 991px) {
    #bc-homepage .bc-service-bar__grid {
        grid-template-columns: repeat(2, 1fr);
        row-gap: 25px;
    }

    #bc-homepage .bc-service-bar__item::after {
        display: none;
    }
}

@media (max-width: 576px) {
    #bc-homepage .bc-service-bar__grid {
        grid-template-columns: 1fr;
    }

    #bc-homepage .bc-service-bar__item {
        justify-content: flex-start;
    }
}







#bc-homepage .bc-hero-banner {
    position: relative;
    min-height: 330px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    background-image:
        linear-gradient(90deg, rgba(0,0,0,.72) 0%, rgba(0,0,0,.45) 42%, rgba(0,0,0,.12) 100%),
        url("/img/cms/banners/herosectionbanner.png");
    background-size: cover;
    background-position: center;
    overflow: hidden;
}

#bc-homepage .bc-hero-banner .bc-container {
    width: 100%;
    max-width: 1240px;
    margin: 0 auto;
    padding: 0 18px;
}

#bc-homepage .bc-hero-banner__content {
    padding: 55px 0;
    margin-left: 0;
    margin-right: auto;
    text-align: left;
}

#bc-homepage .bc-hero-banner h1 {
    color: #fff;
    font-size: clamp(34px, 4.5vw, 45px);
    line-height: 1.02;
    font-weight: 800;
    margin: 0 0 16px;
    letter-spacing: -0.03em;
    text-align: left;
}

#bc-homepage .bc-hero-banner p {
    color: rgba(255,255,255,.94);
    font-size: 18px;
    line-height: 1.45;
    margin: 0 0 28px;
    text-align: left;
}

#bc-homepage .bc-hero-banner__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #00529b;
    color: #fff;
    padding: 15px 28px;
    border-radius: 4px;
    font-size: 15px;
    font-weight: 800;
    text-transform: uppercase;
}

#bc-homepage .bc-hero-banner__btn:hover {
    background: #003f78;
    color: #fff;
}

@media (max-width: 768px) {
    #bc-homepage .bc-hero-banner {
        min-height: 390px;
        background-position: center;
    }

    #bc-homepage .bc-hero-banner__content {
        padding: 45px 25px;
        max-width: 100%;
    }

    #bc-homepage .bc-hero-banner p {
        font-size: 16px;
    }
}




/* =================================================================================
   10) BEDSTE TILBUD (deal-grid)
================================================================================= */
#bc-homepage .bc-deals { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--bc-gap); }
#bc-homepage .bc-deal {
  position: relative; background: #fff; border: 1px solid var(--bc-line);
  border-radius: var(--bc-radius); padding: 22px 20px;
  display: flex; flex-direction: column; gap: 4px;
  transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}
#bc-homepage .bc-deal:hover { transform: translateY(-3px); box-shadow: var(--bc-shadow-hi); border-color: var(--bc-orange); }
#bc-homepage .bc-deal__badge {
  align-self: flex-start; font-weight: 800; font-size: 13px;
  background: var(--bc-orange); color: #fff; padding: 4px 12px; border-radius: 8px; margin-bottom: 8px;
}
#bc-homepage .bc-deal__name { font-weight: 700; font-size: 17px; }
#bc-homepage .bc-deal__sub { font-size: 13px; color: var(--bc-muted); }



/* =================================================================================
   8) SOMMER & HAVE
================================================================================= */
#bc-homepage .bc-season { display: grid; grid-template-columns: 2fr 1fr; gap: var(--bc-gap); }
#bc-homepage .bc-season__col { display: grid; grid-template-rows: 1fr 1fr; gap: var(--bc-gap); }
#bc-homepage .bc-season__tile {
  position: relative; overflow: hidden; border-radius: var(--bc-radius);
  min-height: 180px; display: flex; align-items: flex-end; padding: 24px;

  box-shadow: var(--bc-shadow); transition: transform .15s ease;
  background-image: var(--bc-season-bg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
/*#bc-homepage .bc-season__tile--big { min-height: 376px; background: linear-gradient(135deg, #bcd9e9, #7fb6cf); }*/
#bc-homepage .bc-season__tile:hover { transform: translateY(-2px); }
#bc-homepage .bc-season__overlay {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(
      90deg,
	rgba(0, 0, 0, .50) 0%,
	rgba(0, 0, 0, .32) 42%,
	rgba(0, 0, 0, .10) 100%
    );
  z-index: 1;
}
#bc-homepage .bc-season__txt {
  position: relative;
  z-index: 2;
  text-shadow: 0 2px 10px rgba(0, 0, 0, .55);
}

#bc-homepage .bc-season__col .bc-season__overlay {
  background:
    linear-gradient(
      90deg,
      rgba(0, 0, 0, .62) 0%,
      rgba(0, 0, 0, .38) 55%,
      rgba(0, 0, 0, .14) 100%
    );
}
#bc-homepage .bc-season__txt h3,
#bc-homepage .bc-season__title {
  color: #fff;
  font-weight: 900;
}

#bc-homepage .bc-season__txt p,
#bc-homepage .bc-season__link,
#bc-homepage .bc-season__kicker {
  color: rgba(255,255,255,.96);
}

#bc-homepage .bc-season__kicker { font-weight: 700; font-size: 13px; opacity: .95; }
#bc-homepage .bc-season__title { font-size: clamp(24px, 3.6vw, 34px); margin: 6px 0 8px; }
#bc-homepage .bc-season__tile--big p { font-size: 15px; opacity: .95; margin-bottom: 16px; max-width: 36ch; }
#bc-homepage .bc-season__tile h3 { font-size: 20px; }
#bc-homepage .bc-season__link { display: inline-block; margin-top: 4px; font-weight: 700; font-size: 14px; }




/* =================================================================================
   5) PROMO-BAND (Outlet)
================================================================================= */
#bc-homepage .bc-promo {
  display: flex; align-items: center; justify-content: space-between; gap: 20px;
  border-radius: var(--bc-radius); padding: 34px 36px; overflow: hidden; position: relative;
  box-shadow: var(--bc-shadow); transition: transform .15s ease, box-shadow .15s ease;
}

 
#bc-homepage .bc-promo__title,
#bc-homepage .bc-promo__sub,
#bc-homepage .bc-promo__tag {
    text-align: left;
}


#bc-homepage .bc-promo:hover { transform: translateY(-2px); box-shadow: var(--bc-shadow-hi); }
#bc-homepage .bc-promo--outlet {
  background: linear-gradient(110deg, #2a2f36 0%, #1c2127 60%, #16191e 100%);
  color: #fff;
}
#bc-homepage .bc-promo__content {text-align: left; margin-right: auto; }
#bc-homepage .bc-promo__tag {
  display: inline-block; font-weight: 800; font-size: 12px; letter-spacing: .12em;
  background: var(--bc-orange); color: #fff; padding: 5px 12px; border-radius: 6px; margin-bottom: 12px;
}
#bc-homepage .bc-promo__title { font-size: clamp(22px, 3.4vw, 32px); margin-bottom: 8px; }
#bc-homepage .bc-promo__sub { color: rgba(255,255,255,.78); margin-bottom: 18px; font-size: 15px; }
#bc-homepage .bc-promo__art--outlet {
  position: absolute; right: 14px; top: 50%; transform: translateY(-50%);
  font-size: 190px; font-weight: 800; color: rgba(244,123,32,.16); line-height: 1; z-index: 1;
  pointer-events: none; user-select: none;
}


/* =================================================================================
   RESPONSIVE
================================================================================= */
@media (max-width: 980px) {
  #bc-homepage .bc-season { grid-template-columns: 1fr; }
  #bc-homepage .bc-season__col { grid-template-columns: 1fr 1fr; grid-template-rows: none; }
  #bc-homepage .bc-deals { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 760px) {
  #bc-homepage .bc-promo { flex-direction: column; align-items: flex-start; padding: 26px 24px; }
  #bc-homepage .bc-promo__art--outlet { font-size: 130px; opacity: .4; right: 0; }
}

@media (max-width: 480px) {
  #bc-homepage .bc-cat { width: 132px; }
  #bc-homepage .bc-pcard { width: 165px; }
  #bc-homepage .bc-deals { grid-template-columns: 1fr 1fr; }
  #bc-homepage .bc-season__col { grid-template-columns: 1fr; }
}








/* Recommendation cards - forsidedesign */
#bc-homepage .recommendation-block {
    margin-top: 0;
}

#bc-homepage .recommendation-block [id^="scroll-container-"] {
    gap: 0px !important;
    padding: 2px 2px 12px;
}

#bc-homepage .recommendation-block .w-\[200px\],
#bc-homepage .recommendation-block .lg\:w-\[250px\] {
    width: 168px !important;
}

#bc-homepage .recommendation-block .bg-white.shadow.border {
    border: 1px solid #e6ebf1 !important;
    border-radius: 12px !important;
    box-shadow: 0 3px 12px rgba(15,40,70,.06) !important;
    padding: 8px !important;
}

#bc-homepage .recommendation-block .bg-white.shadow.border:hover {
    box-shadow: 0 2px 10px rgba(15,40,70,.12) !important;
    transform: translateY(-2px);
}

#bc-homepage .recommendation-block img {
    aspect-ratio: 1 / 1;
    object-fit: contain !important;
    background: #f7f8fa;
    border-radius: 10px !important;
}

#bc-homepage .recommendation-block .mt-4.p-2 {
    margin-top: 8px !important;
    padding: 0 !important;
}

#bc-homepage .recommendation-block .title {
    height: 48px !important;
    font-size: 12px !important;
    line-height: 1.25 !important;
    font-weight: 700 !important;
    color: #1d2733 !important;
}

#bc-homepage .recommendation-block .text-3xl {
    font-size: 17px !important;
    line-height: 1.2 !important;
    color: #00457f !important;
}

#bc-homepage .recommendation-block .text-sm {
    font-size: 10px !important;
}

#bc-homepage .recommendation-block .product-rating {
    align-items: flex-start !important;
    margin-top: 5px !important;
    min-height: 15px;
}

#bc-homepage .recommendation-block .product-rating .rc-star {
    width: 11px;
    height: 11px;
    margin-right: 1px;
}

#bc-homepage .recommendation-block .reviewCount {
    font-size: 10px !important;
}

#bc-homepage .recommendation-block .border-t {
    border-top: 0 !important;
    padding-top: 4px !important;
    margin-top: 4px !important;
}

#bc-homepage .recommendation-block .nxtal-wishlist-icon {
    /*background: #00457f;
    color: #fff;*/
    width: 26px;
    height: 26px;
    border-radius: 50%;
    justify-content: center;
}

#bc-homepage .recommendation-block .card-badge span {
    font-size: 10px !important;
    padding: 3px 6px !important;
    border-radius: 5px !important;
}

@media (max-width: 640px) {
    #bc-homepage .recommendation-block .w-\[200px\],
    #bc-homepage .recommendation-block .lg\:w-\[250px\] {
        width: 145px !important;
    }

    #bc-homepage .recommendation-block .title {
        font-size: 11px !important;
    }

    #bc-homepage .recommendation-block .text-3xl {
        font-size: 15px !important;
    }
}





#bc-homepage .bc-rec-banner {
  background-image: var(--bc-rec-banner-bg);
}

#bc-homepage .bc-rec-banner {
    max-height: 305px;
    border-radius: 6px;
    padding: 28px 24px;
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-size: cover;
    background-position: center;
    position: relative;
    overflow: hidden;
}

#bc-homepage .bc-rec-banner::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(328deg, rgb(25 45 35 / 31%), rgba(25, 45, 35, .35));
}

#bc-homepage .bc-rec-banner span,
#bc-homepage .bc-rec-banner strong,
#bc-homepage .bc-rec-banner em {
    position: relative;
    z-index: 1;
}

#bc-homepage .bc-rec-banner span {
    font-size: 26px;
    font-weight: 800;
    line-height: 1.1;
}

#bc-homepage .bc-rec-banner strong {
    font-size: 14px;
    font-weight: 500;
    margin-top: 8px;
    max-width: 220px;
}

#bc-homepage .bc-rec-banner em {
    margin-top: 18px;
    align-self: flex-start;
    font-style: normal;
    font-size: 12px;
    font-weight: 800;
    border: 1px solid rgba(255,255,255,.75);
    padding: 8px 12px;
    border-radius: 4px;
    text-transform: uppercase;
}



#bc-homepage .bc-rec-model--banner-left .recommendation-block {
    min-width: 0;
}

#bc-homepage .bc-rec-model--banner-left .recommendation-block .mb-8 {
    margin-bottom: 0 !important;
}

@media (max-width: 768px) {
    #bc-homepage .bc-rec-model--banner-left {
        display: block;
    }

    #bc-homepage .bc-rec-banner {
        min-height: 170px;
        margin-bottom: 12px;
    }
}



#bc-homepage .bc-rec-model--banner-left {
  display: grid;
  grid-template-columns: var(--bc-rec-banner-width, 320px) minmax(0, 1fr);
  gap: 14px;
  align-items: stretch;
}

#bc-homepage .bc-rec-model--banner-right {
  display: grid;
  grid-template-columns: minmax(0, 1fr) var(--bc-rec-banner-width, 320px);
  gap: 14px;
  align-items: start;
}
@media (max-width: 768px) {
  #bc-homepage .bc-rec-model--banner-left,
  #bc-homepage .bc-rec-model--banner-right {
    display: grid;
    grid-template-columns: 1fr;
  }

  #bc-homepage .bc-rec-model--banner-right .bc-rec-banner {
    order: -1;
  }
}


/* ==========================================================
   BANNER RIGHT
========================================================== */

#bc-homepage .bc-rec-model--banner-right {
    display: grid;
    grid-template-columns: minmax(0,1fr) 320px;
    gap: 14px;
   align-items: start;
}
#bc-homepage .bc-rec-model--banner-right .bc-rec-banner {
    /* height: 255px; */
    min-height: 302px;
}

#bc-homepage .bc-rec-model--banner-right .recommendation-block .mb-8 {
    margin-bottom: 0 !important;
}




/* ==========================================================
   OUTLET
========================================================== */

#bc-homepage .bc-rec-model--outlet {
    display: grid;
    grid-template-columns: 220px minmax(0,1fr);
    gap: 14px;
    padding: 18px;
    border-radius: 16px;
    background: #faf6ee;
    /*border: 1px solid #efe4cf;*/
	max-height: 345px;
}

#bc-homepage .bc-rec-outlet-info {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

#bc-homepage .bc-rec-outlet-info small {
    font-size: 22px;
    color: #222;
    font-weight: 500;
}

#bc-homepage .bc-rec-outlet-info strong {
    font-size: 76px;
    line-height: 1;
    color: #c88400;
    font-weight: 800;
}

#bc-homepage .bc-rec-outlet-info span {
    font-size: 20px;
    color: #222;
    margin-top: 8px;
}

#bc-homepage .bc-rec-outlet-info .bc-btn {
    margin-top: 20px;
    align-self: flex-start;
}


/* ==========================================================
   NYHEDER
========================================================== */

#bc-homepage .bc-rec-new-info {
    display: flex;
    flex-direction: column;
    justify-content: center;
	padding: 15px;
}

#bc-homepage .bc-rec-new-info small {
    font-size: 22px;
    color: #222;
    font-weight: 500;
}

#bc-homepage .bc-rec-new-info strong {
    font-size: 76px;
    line-height: 1;
    color: #c88400;
    font-weight: 800;
}

#bc-homepage .bc-rec-new-info span {
    font-size: 20px;
    color: #222;
    margin-top: 8px;
}

#bc-homepage .bc-rec-new-info .bc-btn {
    margin-top: 20px;
    align-self: flex-start;
	padding: 6px;
}


#bc-homepage .bc-rec-model--new {
    background: linear-gradient(135deg, #eef7ff 0%, #f7fbff 55%, #edf9f1 100%);
    /*border: 1px solid #dbeaf7;*/
}

#bc-homepage .bc-rec-model--new .bc-rec-new-info small {
    color: var(--bc-blue);
}

#bc-homepage .bc-rec-model--new .bc-rec-new-info strong {
    color: var(--bc-blue-dark);
    font-size: clamp(28px, 3vw, 42px);
    line-height: 1.05;
}

#bc-homepage .bc-rec-model--new .bc-rec-new-info span {
    color: var(--bc-muted);
}

#bc-homepage .bc-btn--blue {
    background: var(--bc-blue);
    color: #fff;
}

#bc-homepage .bc-btn--blue:hover {
    background: var(--bc-blue-dark);
    color: #fff;
}



/* ==========================================================
   DARK / PREMIUM
========================================================== */

#bc-homepage .bc-rec-model--dark {
        background: #00457f;
    border-radius: 16px;
    padding: 22px;
}

#bc-homepage .bc-rec-model--dark .bc-rec-header {
    margin-bottom: 16px;
}

#bc-homepage .bc-rec-model--dark .bc-rec-header span {
    display: block;
    color: rgba(255,255,255,.65);
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: .08em;
    font-weight: 700;
    margin-bottom: 4px;
}

#bc-homepage .bc-rec-model--dark .bc-rec-header h2 {
    color: #fff;
    font-size: 30px;
    margin: 0;
}

#bc-homepage .bc-rec-model--dark .recommendation-block .bg-white.shadow.border {
    border: 0 !important;
}

/* ==========================================================
   FULL BACKGROUND
========================================================== */

#bc-homepage .bc-rec-model--full-bg {
  position: relative;
  overflow: hidden;
  border-radius: 6px;
  background-image:
    linear-gradient(rgba(0,0,0,.45), rgba(0,0,0,.45)),
    var(--bc-full-bg, url("/img/cms/banners/garden-large.jpg"));
  background-size: cover;
  background-position: center;
  padding: 26px;
}
#bc-homepage .bc-rec-header__link {
  display: inline-flex;
  margin-top: 12px;
  padding: 8px 14px;
  border-radius: 999px;
  background: rgba(255,255,255,.92);
  color: var(--bc-ink);
  font-size: 13px;
  font-weight: 800;
}

#bc-homepage .bc-rec-header__link:hover {
  background: #fff;
}

#bc-homepage .bc-rec-model--full-bg .bc-rec-header {
    margin-bottom: 20px;
}

#bc-homepage .bc-rec-model--full-bg .bc-rec-header span {
    display: block;
    color: rgba(255,255,255,.8);
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .08em;
}

#bc-homepage .bc-rec-model--full-bg .bc-rec-header h2 {
    color: #fff;
    margin-top: 6px;
    font-size: 34px;
}

#bc-homepage .bc-rec-model--full-bg .recommendation-block .bg-white.shadow.border {
    background: rgba(255,255,255,.96) !important;
}

/* ==========================================================
   MOBILE
========================================================== */

@media (max-width:768px) {

    #bc-homepage .bc-rec-model--banner-right,
    #bc-homepage .bc-rec-model--banner-left,
    #bc-homepage .bc-rec-model--new,
    #bc-homepage .bc-rec-model--outlet {
        display: block;
    }

    #bc-homepage .bc-rec-model--banner-right .bc-rec-banner,
    #bc-homepage .bc-rec-model--banner-left .bc-rec-banner,
    #bc-homepage .bc-rec-model--new .bc-rec-new-info,
    #bc-homepage .bc-rec-model--outlet .bc-rec-outlet-info {
        margin-bottom: 12px;
    }

    #bc-homepage .bc-rec-new-info strong,
	#bc-homepage .bc-rec-outlet-info strong{
        font-size: 54px;
    }

    #bc-homepage .bc-rec-model--dark,
    #bc-homepage .bc-rec-model--full-bg {
        padding: 16px;
    }

    #bc-homepage .bc-rec-model--dark .bc-rec-header h2,
    #bc-homepage .bc-rec-model--full-bg .bc-rec-header h2 {
        font-size: 24px;
    }
}






#bc-homepage .recommendation-block .text-green-600 svg,
#bc-homepage .recommendation-block .text-yellow-500 svg,
#bc-homepage .recommendation-block .text-red-500 svg {
    display: none !important;
}

#bc-homepage .recommendation-block .text-green-600::before,
#bc-homepage .recommendation-block .text-yellow-500::before,
#bc-homepage .recommendation-block .text-red-500::before {
    margin-right: 5px;
    font-size: 13px;
    font-weight: 700;
}

#bc-homepage .recommendation-block .text-green-600::before {
    content: "✓";
    color: #16a34a;
}

#bc-homepage .recommendation-block .text-yellow-500::before {
    content: "!";
    color: #eab308;
}

#bc-homepage .recommendation-block .text-red-500::before {
    content: "✕";
    color: #ef4444;
}