/* Add custom CSS styles below */ 
:root{
  --s-bg:#efefef;
  --s-surface:#ffffff;
  --s-surface-soft:#e8dfd1;
  --s-dark:#161416;
  --s-dark-2:#231d1c;
  --s-brown:#7d5b4e;
  --s-brown-2:#8d6859;
  --s-text:#211b1a;
  --s-text-soft:#6f5d57;
  --s-border:#e3dcd6;
  --s-danger:#b42318;
  --s-gold:#f0b24a;

  --s-r-xl:30px;
  --s-r-lg:24px;
  --s-r-md:18px;
  --s-r-sm:14px;
  --s-pill:999px;

  --s-sh-sm:0 8px 20px rgba(33,27,26,.05);
  --s-sh-md:0 16px 36px rgba(33,27,26,.08);
  --s-sh-lg:0 28px 54px rgba(33,27,26,.12);

  --s-tr:.28s cubic-bezier(.2,.8,.2,1);
}

html{scroll-behavior:smooth}

body.swar-linkin{
  background:var(--s-bg)!important;
  color:var(--s-text)!important;
}

body.swar-linkin::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:
    radial-gradient(circle at 18% 10%, rgba(125,91,78,.04), transparent 24%),
    radial-gradient(circle at 82% 12%, rgba(22,20,22,.03), transparent 18%),
    linear-gradient(180deg,#f8f8f8 0%, #efefef 100%);
}

/* header */
body.swar-linkin header,
body.swar-linkin .store-header,
body.swar-linkin .main-header,
body.swar-linkin .top-navbar,
body.swar-linkin .navbar,
body.swar-linkin .navbar-wrapper,
body.swar-linkin .main-nav-container{
  position:sticky;
  top:0;
  z-index:90;
  background:rgba(255,255,255,.92)!important;
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
  border-bottom:1px solid rgba(227,220,214,.85)!important;
  box-shadow:0 10px 28px rgba(33,27,26,.05);
  transition:all var(--s-tr);
}

body.swar-linkin .is-scrolled{
  background:rgba(255,255,255,.97)!important;
  box-shadow:0 16px 32px rgba(33,27,26,.08);
}

body.swar-linkin header .container,
body.swar-linkin .store-header .container,
body.swar-linkin .main-header .container,
body.swar-linkin .navbar .container,
body.swar-linkin .main-nav-container{
  min-height:78px;
}

body.swar-linkin .logo img,
body.swar-linkin .store-logo img,
body.swar-linkin .navbar-brand img,
body.swar-linkin a.logo img,
body.swar-linkin img[alt*="logo"]{
  max-height:46px!important;
  width:auto!important;
  object-fit:contain;
}

body.swar-linkin .cart-badge,
body.swar-linkin .badge-count,
body.swar-linkin .count,
body.swar-linkin .notification-badge,
body.swar-linkin .s-cart-count,
body.swar-linkin .cart-count{
  background:#b42318!important;
  color:#fff!important;
  border:2px solid #fff!important;
}

body.swar-linkin input[type="search"],
body.swar-linkin input[name="q"],
body.swar-linkin .search-input input,
body.swar-linkin .search-form input{
  background:#f1f3f4!important;
  border:1px solid #d9dddf!important;
  min-height:56px!important;
  border-radius:var(--s-pill)!important;
  padding-inline:22px!important;
  box-shadow:none!important;
}

body.swar-linkin input[type="search"]:focus,
body.swar-linkin input[name="q"]:focus,
body.swar-linkin .search-input input:focus,
body.swar-linkin .search-form input:focus{
  background:#fff!important;
  border-color:#bba89f!important;
  box-shadow:0 0 0 5px rgba(125,91,78,.08)!important;
  outline:none!important;
}

/* hero */
body.swar-linkin .sl-hero{
  margin-bottom:0!important;
  overflow:hidden;
  box-shadow:var(--s-sh-md);
}

body.swar-linkin .sl-hero img{
  display:block;
  width:100%;
  object-fit:cover;
}

/* strip */
body.swar-linkin .sl-strip{
  margin-top:0!important;
  margin-bottom:22px!important;
}
body.swar-linkin .sl-strip,
body.swar-linkin .sl-strip .container,
body.swar-linkin .sl-strip .banner,
body.swar-linkin .sl-strip .content{
  background:var(--s-brown)!important;
  color:#fff!important;
  border:none!important;
  border-radius:0!important;
  min-height:42px!important;
  box-shadow:none!important;
}
body.swar-linkin .sl-strip *{color:#fff!important}

/* features dark */
body.swar-linkin .sl-trust .s-block--features__item{
  background:linear-gradient(180deg,#171517,#101012)!important;
  border:1px solid rgba(255,255,255,.05)!important;
  border-radius:20px!important;
  padding:26px 18px!important;
  min-height:170px;
  box-shadow:0 20px 34px rgba(16,16,18,.18)!important;
  transition:transform var(--s-tr), box-shadow var(--s-tr);
}
body.swar-linkin .sl-trust .s-block--features__item:hover{
  transform:translateY(-4px);
  box-shadow:0 24px 42px rgba(16,16,18,.24)!important;
}
body.swar-linkin .sl-trust .feature-icon{
  width:72px;
  height:72px;
  margin:0 auto 16px;
  border-radius:50%;
  background:rgba(255,255,255,.06);
  display:flex;
  align-items:center;
  justify-content:center;
}
body.swar-linkin .sl-trust .feature-icon i,
body.swar-linkin .sl-trust .s-block--features__item .feature-icon i{
  color:var(--s-gold)!important;
  font-size:30px!important;
}
body.swar-linkin .sl-trust .s-block--features__item h3,
body.swar-linkin .sl-trust .s-block--features__item .title,
body.swar-linkin .sl-trust .s-block--features__item strong{
  color:#fff!important;
  font-size:24px!important;
  font-weight:850!important;
  line-height:1.4!important;
}
body.swar-linkin .sl-trust .s-block--features__item p,
body.swar-linkin .sl-trust .s-block--features__item .subtitle{
  color:rgba(255,255,255,.78)!important;
}

/* squares */
body.swar-linkin .sl-squares{
  margin-top:16px!important;
  margin-bottom:18px!important;
}
body.swar-linkin .sl-squares .swiper-slide > *,
body.swar-linkin .sl-squares .grid > *,
body.swar-linkin .sl-squares .row > *,
body.swar-linkin .sl-squares article,
body.swar-linkin .sl-squares .card,
body.swar-linkin .sl-squares [class*="square"],
body.swar-linkin .sl-squares [class*="item"] > a,
body.swar-linkin .sl-squares [class*="item"] > div{
  background:var(--s-surface-soft)!important;
  border:1px solid #ddd3c5!important;
  border-radius:26px!important;
  overflow:hidden!important;
  box-shadow:var(--s-sh-sm)!important;
  transition:transform var(--s-tr), box-shadow var(--s-tr), border-color var(--s-tr);
}
body.swar-linkin .sl-squares .swiper-slide > *:hover,
body.swar-linkin .sl-squares .grid > *:hover,
body.swar-linkin .sl-squares .row > *:hover,
body.swar-linkin .sl-squares article:hover,
body.swar-linkin .sl-squares .card:hover,
body.swar-linkin .sl-squares [class*="square"]:hover,
body.swar-linkin .sl-squares [class*="item"] > a:hover,
body.swar-linkin .sl-squares [class*="item"] > div:hover{
  transform:translateY(-5px);
  box-shadow:var(--s-sh-lg)!important;
  border-color:rgba(125,91,78,.26)!important;
}
body.swar-linkin .sl-squares img{
  display:block;
  width:100%;
  object-fit:cover;
  transition:transform .45s ease;
}
body.swar-linkin .sl-squares *:hover > img{
  transform:scale(1.03);
}
body.swar-linkin .sl-squares h3,
body.swar-linkin .sl-squares .title,
body.swar-linkin .sl-squares strong{
  color:var(--s-brown)!important;
  font-size:clamp(24px,2.6vw,42px)!important;
  font-weight:800!important;
  line-height:1.15!important;
}
body.swar-linkin .sl-squares p,
body.swar-linkin .sl-squares .subtitle{
  color:var(--s-text-soft)!important;
}

/* products with bg + products grid */
body.swar-linkin .sl-products-bg,
body.swar-linkin .sl-products-grid{
  margin-top:18px!important;
  margin-bottom:28px!important;
}

body.swar-linkin .sl-products-bg .s-product-card-entry,
body.swar-linkin .sl-products-grid .s-product-card-entry,
body.swar-linkin .sl-products-bg .product,
body.swar-linkin .sl-products-grid .product,
body.swar-linkin .sl-products-bg .product-card,
body.swar-linkin .sl-products-grid .product-card,
body.swar-linkin .sl-products-bg .product-entry,
body.swar-linkin .sl-products-grid .product-entry,
body.swar-linkin .sl-products-bg .s-product-card,
body.swar-linkin .sl-products-grid .s-product-card{
  background:#fff!important;
  border:1px solid var(--s-border)!important;
  border-radius:24px!important;
  overflow:hidden!important;
  box-shadow:var(--s-sh-sm)!important;
  transition:transform var(--s-tr), box-shadow var(--s-tr), border-color var(--s-tr);
}
body.swar-linkin .sl-products-bg .s-product-card-entry:hover,
body.swar-linkin .sl-products-grid .s-product-card-entry:hover,
body.swar-linkin .sl-products-bg .product:hover,
body.swar-linkin .sl-products-grid .product:hover,
body.swar-linkin .sl-products-bg .product-card:hover,
body.swar-linkin .sl-products-grid .product-card:hover,
body.swar-linkin .sl-products-bg .product-entry:hover,
body.swar-linkin .sl-products-grid .product-entry:hover,
body.swar-linkin .sl-products-bg .s-product-card:hover,
body.swar-linkin .sl-products-grid .s-product-card:hover{
  transform:translateY(-6px);
  box-shadow:var(--s-sh-lg)!important;
  border-color:rgba(125,91,78,.26)!important;
}
body.swar-linkin .sl-products-bg .s-product-card-image,
body.swar-linkin .sl-products-grid .s-product-card-image{
  background:#eef1f3;
}
body.swar-linkin .sl-products-bg .s-product-card-image img,
body.swar-linkin .sl-products-grid .s-product-card-image img{
  display:block;
  width:100%;
  transition:transform .45s ease;
}
body.swar-linkin .sl-products-bg .s-product-card-entry:hover .s-product-card-image img,
body.swar-linkin .sl-products-grid .s-product-card-entry:hover .s-product-card-image img{
  transform:scale(1.03);
}
body.swar-linkin .sl-products-bg .s-product-card-content,
body.swar-linkin .sl-products-grid .s-product-card-content{
  padding:18px!important;
}
body.swar-linkin .sl-products-bg .s-product-card-name,
body.swar-linkin .sl-products-grid .s-product-card-name{
  color:var(--s-dark)!important;
  font-size:18px!important;
  font-weight:850!important;
  line-height:1.55!important;
}
body.swar-linkin .sl-products-bg .s-product-card-subtitle,
body.swar-linkin .sl-products-grid .s-product-card-subtitle,
body.swar-linkin .sl-products-bg .s-product-card-description,
body.swar-linkin .sl-products-grid .s-product-card-description,
body.swar-linkin .sl-products-bg .s-product-card-content p,
body.swar-linkin .sl-products-grid .s-product-card-content p{
  color:var(--s-text-soft)!important;
}
body.swar-linkin .sl-products-bg .s-product-card-price,
body.swar-linkin .sl-products-grid .s-product-card-price,
body.swar-linkin .sl-products-bg .price,
body.swar-linkin .sl-products-grid .price,
body.swar-linkin .sl-products-bg .sale-price,
body.swar-linkin .sl-products-grid .sale-price{
  color:var(--s-danger)!important;
  font-weight:900!important;
}
body.swar-linkin .sl-products-bg del,
body.swar-linkin .sl-products-grid del{
  color:#8a96a3!important;
}
body.swar-linkin .sl-products-bg .badge,
body.swar-linkin .sl-products-grid .badge,
body.swar-linkin .sl-products-bg .tag,
body.swar-linkin .sl-products-grid .tag,
body.swar-linkin .sl-products-bg .label,
body.swar-linkin .sl-products-grid .label,
body.swar-linkin .sl-products-bg .offer-badge,
body.swar-linkin .sl-products-grid .offer-badge,
body.swar-linkin .sl-products-bg .s-product-card-promotion-title,
body.swar-linkin .sl-products-grid .s-product-card-promotion-title{
  background:var(--s-danger)!important;
  color:#fff!important;
  border-radius:14px!important;
  padding:8px 14px!important;
  font-size:14px!important;
  font-weight:850!important;
}
body.swar-linkin .sl-products-bg .favorite-btn,
body.swar-linkin .sl-products-grid .favorite-btn,
body.swar-linkin .sl-products-bg .btn-favorite,
body.swar-linkin .sl-products-grid .btn-favorite,
body.swar-linkin .sl-products-bg .wishlist-btn,
body.swar-linkin .sl-products-grid .wishlist-btn{
  width:48px!important;
  height:48px!important;
  border-radius:50%!important;
  background:rgba(255,255,255,.94)!important;
  border:1px solid var(--s-border)!important;
}
body.swar-linkin .sl-products-bg .s-button-outline,
body.swar-linkin .sl-products-grid .s-button-outline,
body.swar-linkin .sl-products-bg .button,
body.swar-linkin .sl-products-grid .button,
body.swar-linkin .sl-products-bg .btn,
body.swar-linkin .sl-products-grid .btn,
body.swar-linkin .sl-products-bg .add-to-cart-btn,
body.swar-linkin .sl-products-grid .add-to-cart-btn,
body.swar-linkin .sl-products-bg .btn--add-to-cart,
body.swar-linkin .sl-products-grid .btn--add-to-cart,
body.swar-linkin .sl-products-bg .button-primary,
body.swar-linkin .sl-products-grid .button-primary,
body.swar-linkin .sl-products-bg .btn-primary,
body.swar-linkin .sl-products-grid .btn-primary,
body.swar-linkin .sl-products-bg salla-add-product-button button,
body.swar-linkin .sl-products-grid salla-add-product-button button{
  border-radius:999px!important;
  background:linear-gradient(180deg,#2B2222,#161214)!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.04)!important;
  min-height:52px!important;
  font-weight:850!important;
}
body.swar-linkin .sl-products-bg .s-button-outline:hover,
body.swar-linkin .sl-products-grid .s-button-outline:hover,
body.swar-linkin .sl-products-bg .add-to-cart-btn:hover,
body.swar-linkin .sl-products-grid .add-to-cart-btn:hover,
body.swar-linkin .sl-products-bg .btn--add-to-cart:hover,
body.swar-linkin .sl-products-grid .btn--add-to-cart:hover{
  transform:translateY(-2px);
}

/* reviews */
body.swar-linkin .sl-reviews .s-reviews-testimonial{
  background:#fff!important;
  border:1px solid var(--s-border)!important;
  border-radius:22px!important;
  box-shadow:var(--s-sh-sm)!important;
  padding:22px!important;
}
body.swar-linkin .sl-reviews .s-reviews-testimonial__avatar img{
  width:72px!important;
  height:72px!important;
  border-radius:50%!important;
  object-fit:cover!important;
}

/* faq */
body.swar-linkin .sl-faq details,
body.swar-linkin .sl-faq .accordion-item,
body.swar-linkin .sl-faq .faq-item,
body.swar-linkin .sl-faq .s-faq-item{
  background:#fff!important;
  border:1px solid var(--s-border)!important;
  border-radius:18px!important;
  box-shadow:var(--s-sh-sm)!important;
  overflow:hidden;
  margin-bottom:14px!important;
}
body.swar-linkin .sl-faq summary,
body.swar-linkin .sl-faq .accordion-button,
body.swar-linkin .sl-faq .faq-question{
  cursor:pointer;
  padding:18px 20px!important;
  color:var(--s-dark)!important;
  font-weight:850!important;
  font-size:18px!important;
}
body.swar-linkin .sl-faq details[open] summary,
body.swar-linkin .sl-faq .accordion-button:not(.collapsed){
  background:rgba(125,91,78,.08)!important;
}

/* footer */
body.swar-linkin .sl-footer,
body.swar-linkin .store-footer,
body.swar-linkin footer,
body.swar-linkin .footer,
body.swar-linkin .site-footer{
  background:linear-gradient(180deg,#211B1A,#151214)!important;
  color:#fff!important;
}
body.swar-linkin .sl-footer *,
body.swar-linkin .store-footer *,
body.swar-linkin footer *,
body.swar-linkin .footer *,
body.swar-linkin .site-footer *{
  color:rgba(255,255,255,.88)!important;
}
body.swar-linkin .sl-footer h3,
body.swar-linkin .store-footer h3,
body.swar-linkin footer h3{
  color:#fff!important;
  font-weight:850!important;
}

@media (max-width:768px){
  body.swar-linkin header .container,
  body.swar-linkin .store-header .container,
  body.swar-linkin .main-header .container,
  body.swar-linkin .navbar .container{
    min-height:68px;
  }
}