.articlegroup .slot--article-groups {
    margin: 0;
}
.articlegroup .slot--breadcrumbs {
    margin-bottom: 16px;
}

/* -a- Checkout text box -a- */ 
.slot--checkout-introduction-text {
    color: #fff;
    background: #ff00e4;
}
/*.nordic--start-page .tws-container--tws-newsletter-subscribe {
    background: url(https://cdn.abicart.com/shop/ws45/107145/files/snackor-990x660.jpg);
    background-position: center center;
    padding: 100px 0;
    position: relative;
  background-repeat:none;
}*/
.nordic--start-page .tws-container--tws-newsletter-subscribe {
  background: url(https://cdn.abicart.com/shop/ws45/107145/files/snackor-990x660.jpg);
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 150px 0;
  position: relative;
}
.tws-container--tws-content-box.hero .wrappContent {
    background: none !important;
}
.nordic--start-page .tws-container--tws-newsletter-subscribe {
    background-image: none !important;
    background-color: #035e7b !important;
	padding: 0 !important;
	margin: 0 !important;
	border-bottom: 1px solid #147b9b;
}

.tws-newsletter-subscribe--before-sending {
	display: flex;
	margin: auto;
	width: fit-content;
	align-items: center;
}

.nordic--start-page .tws-newsletter-subscribe--form-wrapper h2 {
color: white;
margin-bottom: 0;
}

.nordic--start-page .tws-container--tws-newsletter-subscribe::before {
	outline: none;
	background: none !important;
}

.nordic--start-page .tws-container--tws-newsletter-subscribe .tws-newsletter-subscribe--html-before {
	    display: flex;
    align-items: cente
}
.nordic--start-page .tws-container--tws-newsletter-subscribe form .input-group-btn .tws-newsletter-subscribe--subscribe-button {
	vertical-align: middle;
	height: 50px;
	padding: 8px 40px;
	font-size: 14px;
	border-radius: 0;
}
.tws-newsletter-subscribe--subscribe-button span {
    text-transform: uppercase;
    letter-spacing: 1.2px;
    font-family: "DM Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
}
@media (max-width: 767px) {

  .tws-newsletter-subscribe--before-sending {
    display: flex;
    flex-direction: column;
  }

  .tws-newsletter-subscribe--before-sending .tws-newsletter-subscribe--html-before {
    order: 1;
  }

  .tws-newsletter-subscribe--before-sending .form-inline{
    order: 2;
      margin-bottom:30px
  }

}

@media (min-width: 992px) {
    .nordic--footer .col-md-3 {
        width: 33.3333333333% !important;
    }
}
.nordic--footer a {
    font-family: "DM Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 22px;
}

.nordic--footer p {
    font-family: "DM Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 22px;
}
.tws-accept-cookies--accept .btn {
    background: #333;
}
.nordic--start-page .nordic--component-container .tws-content-box--table .tws-content-box--third-line {
    text-transform: uppercase;
        background: rgb(27 184 199);
            padding: 20px 45px;
  display: none;
}

.nordic--start-page .nordic--component-container .tws-content-box--table .tws-content-box--second-line {
    color: white !important;
    font-size: 34px;
    margin-top: 350px;
  display: none;
}

.nordic--start-page .nordic--component-container .tws-content-box--table .tws-content-box--first-line {
    color: #ffffff !important;
}
.slot--header-horizontal-menu {
      background: #bee8ec;
    border-bottom: none;
}
.slot--header-horizontal-menu .navbar-nav>li a {
  font-family: "DM Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.nordic--top-bar {
  background: #a19162;
    color: #ffffff;
}
.nordic--top-bar .tws-audience-selector--audience-button-text,
.nordic--top-bar .caret{
  color: #fff;
}
.nordic--top-bar-right .slot--open-cookie-settings .tws-accept-cookies--icon {
      color: #fff;
}
.nordic--start-page .tws-container--tws-content-box-4x .tws-content-box--table {
outline: none;
}
.nordic--start-page .tws-container--tws-content-box+.tws-container--tws-content-box-4x {
margin-top: 0 !important;
}
.nordic--start-page .tws-container--tws-content-box-4x {

  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 20px 20px 60px 20px;
}
.nordic--start-page .tws-container--tws-content-box-4x  .row:before {
  content: 'for her';
  padding: 20px 0 20px 40px;
  font-size: 26px;
  font-family: 'Special Elite', serif;
  color: white;
}
.tws-container--tws-content-box.hero .tws-content-box--inner-wrapper::after {
  background: none !important;
}

.nordic--component-container :nth-child(1 of .tws-container--tws-content-box-4x) {
  background: url(https://cdn.abicart.com/shop/ws45/107145/files/2026%20bg-filer/2026VolareFrills1.jpg);
background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.nordic--component-container :nth-child(1 of .tws-container--tws-content-box-4x) .row:before {
    content: 'for her';
}
.nordic--component-container :nth-child(2 of .tws-container--tws-content-box-4x) {
  background: url(https://cdn.abicart.com/shop/ws45/107145/files/2026%20bg-filer/2026JoeGene3.jpg);
  background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
}
.nordic--component-container :nth-child(2 of .tws-container--tws-content-box-4x) .row:before {
    content: 'for him';
}
.startpage .nordic--component-container .tws-article-list--buy-button {
	display:none;
}
.nordic--component-container :nth-child(2 of .tws-container--tws-content-box-4x):before {
    background: url(https://cdn.abicart.com/shop/ws45/107145/files/ANDjoe-logo.png);
    background-size: contain;
    background-position: right top;
    background-repeat: no-repeat;
    content: '';
    height: 60px;
    width: 200px;
    position: absolute;
    right: 10%;
}
.homepage-our-story .row {
  display: flex;
  align-items: center; /* vertical centering */
}
.homepage-our-story h3 {
  font-family: 'Special Elite', serif;
  font-size: 26px;
  color: white;
}
a.homepage-our-story-button {
padding: 20px 40px;
border-radius: 0;
background: #17a3b0;
color: #fff !important;
text-transform: uppercase;
letter-spacing: 1.2px;
font-family: "DM Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
display: block;
text-decoration: none !important;
}
@media (max-width: 767px) {

  .homepage-our-story .row {
    display: flex;
    flex-direction: column;
  }

  /* First column (image) */
  .homepage-our-story .col-sm-6:first-child {
    order: 1;
  }

  /* Second column (text) */
  .homepage-our-story .col-sm-6:last-child {
    order: 2;
  }

}
.tws-container--tws-custom-html.polaroid .homepage-our-story {
  background: url(https://cdn.abicart.com/shop/ws45/107145/files/2026%20bg-filer/2026LoveTD2.jpg);
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 20px 20px 60px 20px;
  margin: 0;
  width: 100%;
  max-width: 100%;
}

.bts-banner{
  display:grid;
  grid-template-columns: 1fr 1.25fr; /* adjust to taste */
  min-height: 320px;
  overflow:hidden;
}

.bts-banner__text{
  background:#b59a50; /* your gold */
  display:flex;
  align-items:center;          /* vertical centre */
  justify-content:center;
  padding: clamp(20px, 4vw, 56px);
}

.bts-banner__inner{
  max-width: 420px;
  color:#fff;
}

.bts-banner__inner h3{
  margin:0 0 18px;
  line-height:1.1;
  font-family: 'Special Elite', serif;
  font-size: 26px;
}

.bts-banner__btn{
  display:inline-block;
  padding: 12px 18px;
  border:1px solid #fff;
  color:#fff;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-size:12px;
  text-decoration:none !important;
  color: #fff !important;
}

.bts-banner__media{
  position:relative;
  min-height: 320px;
}

.bts-banner__image{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

/* filmstrip overlay sitting on the seam */
.bts-banner__filmstrip{
  position:absolute;
  top:-6%;
  left:0;
  height:112%;
  width:auto;
  z-index:2;
  pointer-events:none;

  /* angle + positioning */
  transform-origin: center center;
  transform: translateX(-50%) rotate(-10deg);
}

/* Mobile: image top, text below */
@media (max-width: 767px){
  .bts-banner__filmstrip {
  display:none;
  }
  .bts-banner{
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;
  }

  .bts-banner__media{ min-height: 220px; }
  .bts-banner__text{ order: 2; }
  .bts-banner__media{ order: 1; }

  /* Optional: hide or reduce the filmstrip on mobile */
  .bts-banner__filmstrip{
    transform: translateX(-15%);
    opacity: .9;
  }
}
.tws-article-list--list .tws-article-list--article-name .tws-util-heading--heading a {
	font-family: "Special Elite", serif;
}
.tws-unique-selling-points--wrapper li {
	    margin-bottom: 8px;
}

.slot--article-description .tws-article-description .tws-article-description--heading {
	font-family: "Special Elite", serif;
    font-size: 20px;
}
.tws-article-description--text {
  line-height: 18px;
  font-family: "DM Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
}
/*
.nordic--top-bar .tws-social-icons--list .tws-img--absolute-positioning {
    -webkit-filter: invert(100%);
    filter: invert(100%);
}*/

/*Homepage slider */

/*
Source - https://stackoverflow.com/a/34696029
Posted by Roko C. Buljan, modified by community. See post 'Timeline' for change history
Retrieved 2026-02-11, License - CC BY-SA 4.0
*/

html, body{height:100%;}
body{font:15px/1 sans-serif; margin:0;}

/*
RESPONSIVE CSS3 SLIDE CAROUSEL GALLERY
http://stackoverflow.com/a/34696029/383904
*/

.CSSgal{
  position: relative;
  overflow: hidden;
  height:   100%; /* Or set a fixed height */
}

/* SLIDER */
.CSSgal .slider{
  height:      100%;
  white-space: nowrap;
  font-size:   0;
  transition:  0.8s;
}

/* SLIDES */
.CSSgal .slider > *{
  font-size:       1rem;
  display:         inline-block;
  vertical-align:  top;
  height:          100%;
  width:           100%;
  background:      none 50% no-repeat;
  background-size: cover;
}

/* PREV/NEXT, CONTAINERS & ANCHORS */
.CSSgal .prevNext{
  position: absolute;
  z-index:  1;
  top:      50%;
  width:    100%;
  height:   0;
}
.CSSgal .prevNext > div+div{
  visibility: hidden; /* Hide all but first P/N container */
} 
.CSSgal .prevNext a{
  background:  #fff;
  position:    absolute;
  width:       40px;
  height:      40px;
  line-height: 40px;
  text-align:  center;
  opacity:     0.7;
  text-decoration:   none;
  -webkit-transform: translateY( -50% );
          transform: translateY( -50% );
}
.CSSgal .prevNext a:hover{
  opacity: 1;
}
.CSSgal .prevNext a+a{
  right: 0px;
}

/* NAVIGATION */
.CSSgal .bullets{
  position:   absolute;
  z-index:    2;
  bottom:     0;
  padding:    10px 0;
  width:      100%;
  text-align: center;
}
.CSSgal .bullets > a{
  display:         inline-block;
  width:           20px;
  height:          20px;
  line-height:     20px;
  text-decoration: none;
  text-align:      center;
  border-radius:   50%;
  background:      rgba(255,255,255,1);
}
.CSSgal .bullets > a+a{
  background: rgba(255,255,255,0.5); /* Dim all but first */
}
.CSSgal .bullets > a:hover{
  background: rgba(0,255,255,0.9);
}

/* ACTIVE NAVIGATION ANCHOR */
.CSSgal >s:target ~ .bullets >* { background: rgba(255,255,255,0.5); }
#s1:target ~ .bullets >*:nth-child(1){ background: rgba(255,255,255,  1); }
#s2:target ~ .bullets >*:nth-child(2){ background: rgba(255,255,255,  1); }
#s3:target ~ .bullets >*:nth-child(3){ background: rgba(255,255,255,  1); }
#s4:target ~ .bullets >*:nth-child(4){ background: rgba(255,255,255,  1); }

/* PREV/NEXT CONTAINERS VISIBILITY */
.CSSgal >s:target ~ .prevNext >* { visibility:  hidden; }
#s1:target ~ .prevNext >*:nth-child(1){ visibility: visible; }
#s2:target ~ .prevNext >*:nth-child(2){ visibility: visible; }
#s3:target ~ .prevNext >*:nth-child(3){ visibility: visible; }
#s4:target ~ .prevNext >*:nth-child(4){ visibility: visible; }

/* SLIDER ANIMATION POSITIONS */
#s1:target ~ .slider{ transform: translateX(   0%); -webkit-transform: translateX(   0%); }
#s2:target ~ .slider{ transform: translateX(-100%); -webkit-transform: translateX(-100%); }
#s3:target ~ .slider{ transform: translateX(-200%); -webkit-transform: translateX(-200%); }
#s4:target ~ .slider{ transform: translateX(-300%); -webkit-transform: translateX(-300%); }

.tws-core--debug-modal {
  display: none;
}
body.tws-core--debug-modal.modal-open {
  overflow: auto !important;
  padding-right: 0 !important;
}