@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@300;400;500;600;700&display=swap');

  :root {
      /* فقط از رنگ برند --brand-gold-7 استفاده شود */
      --brand-white: #FFFFFF;
      --brand-sage: var(--brand-gold-7);
      --brand-olive: var(--brand-gold-7);
      --brand-gold: var(--brand-gold-7);
      --brand-gold-1: var(--brand-gold-7);
      --brand-gold-2: var(--brand-gold-7);
      --brand-gold-3: var(--brand-gold-7);
      --brand-gold-4: var(--brand-gold-7);
      --brand-gold-5: var(--brand-gold-7);
      --brand-gold-6: var(--brand-gold-7);
      --brand-gold-7: #CCA33D;
      --brand-gold-8: var(--brand-gold-7);

      --green: var(--brand-gold-7);
      --deep: var(--brand-gold-7);
      --emerald: var(--brand-gold-7);
      --emerald-deep: var(--brand-gold-7);
      --sage: var(--brand-gold-7);
      --gold: var(--brand-gold-7);
      --mint: color-mix(in srgb, var(--brand-gold-7) 16%, var(--brand-white));
      --cream: color-mix(in srgb, var(--brand-gold-7) 14%, var(--brand-white));
      --paper: var(--brand-white);
      --line: color-mix(in srgb, var(--brand-gold-7) 22%, var(--brand-white));
      --ink: #1c1b1b;
      --text: #111111;
      --muted: #454544FF !important;
      --shadow: 0 22px 70px color-mix(in srgb, var(--brand-gold-7) 18%, transparent);
  }

  * {
      box-sizing: border-box
  }

  html {
      scroll-behavior: smooth
  }

  .category-cloud img {
      margin-top: 50px;
      border-radius: 20px;
  }

  .story-image img {
      width: 100%;
      object-fit: cover;
      height: 574px;
  }

  .cart-box-main.toggle {
      left: 0;
  }

  .cart-box-main {
      position: fixed;
      top: 0;
      left: -550px;
      width: 420px;
      text-align: right;
      padding: 10px 30px 0;
      height: 100vh;
      overflow-x: hidden;
      background-color: var(--brand-white);
      box-shadow: -2px 0 6px color-mix(in srgb, var(--ink) 10%, transparent);
      overflow-y: auto;
      transition: all 0.2s ease;
      z-index: 9900;
  }

  .text-update {
      color: var(--ink);
      font-size: 14px;
      margin: 30px 0px 20px;
      text-align: center;
      direction: rtl;
  }

  .cart-items {
      height: 400px;
      overflow-y: scroll;
      overflow-x: hidden;
      direction: rtl;
  }

  .body-item-cart h5 {
      font-size: 12px;
      color: var(--ink);
  }

  .item-cart-list {
      margin-bottom: 15px;
      border-bottom: 1px solid var(--line);
      align-items: center;
      padding-bottom: 20px;
  }

  .cart-total {
      margin-top: 15px;
      direction: rtl;
      padding-top: 15px;
      border-top: 1px solid var(--line);
      display: flex;
      justify-content: space-between;
      align-items: center;
      font-size: 15px;
      font-weight: 600;
  }

  .cart-total strong {
      color: var(--emerald-deep);
      font-size: 18px;
  }

  .price-item-cart p {
      font-size: 14px;
      margin: 0;
  }

  .close-box-item {
      font-size: 18px;
  }

  .remove-cart-list {
      text-align: center;
      margin: 0 auto;
      display: block;
      color: var(--brand-olive);
  }

  .btn-list-ship {
      display: flex;
      justify-content: space-around;
      align-items: center;
      direction: rtl;
  }

  .btn-cart-item {
      background-color: var(--emerald);
      border: 1px solid var(--emerald);
      text-align: center;
      color: var(--brand-white);
      font-size: 12px;
      cursor: pointer;
      margin: 8px 2px 0;
      padding: 0;
      width: 45%;
      transition: all .25s ease;
  }

  .btn-cart-item:hover {
      background-color: var(--deep);
      border-color: var(--deep);
      color: var(--brand-white);
  }

  .btn-shipping-item {
      background-color: var(--brand-olive);
      border: 1px solid var(--brand-olive);
      text-align: center;
      color: var(--brand-white);
      font-size: 12px;
      cursor: pointer;
      margin: 8px 2px 0;
      padding: 0;
      width: 45%;
      transition: all .25s ease;
  }

  .btn-shipping-item:hover {
      background-color: var(--emerald-deep);
      border-color: var(--emerald-deep);
      color: var(--brand-white);
  }

  body {
      margin: 0;
      background: var(--paper);
      text-align: right;
      padding-bottom: 0;
      color: var(--ink);
      direction: rtl;
      font-family: "Vazirmatn", Tahoma, sans-serif;
      line-height: 1.8;
  }

  h1, h2, h3, h4, h5, h6 {
      color: var(--ink);
  }

  p, li, span, td, th, label, small {
      color: inherit;
  }

  a {
      text-decoration: none;
      color: var(--ink);
  }

  button {
      font: inherit
  }

  .wrap {
      width: min(1240px, calc(100% - 44px));
      margin: auto
  }

  .eyebrow {
      font-size: .85rem;
      color: var(--brand-sage);
      font-weight: 700
  }

  .btn {
      display: inline-flex;
      min-height: 50px;
      padding: 0 23px;
      align-items: center;
      justify-content: center;
      border: 1px solid var(--emerald-deep);
      background: var(--brand-white);
      color: var(--emerald-deep);
      font-weight: 600;
      border-radius: 999px;
      cursor: pointer;
      transition: all .25s ease;
  }

  .btn:hover {
      background: var(--emerald-deep);
      border-color: var(--emerald-deep);
      color: var(--brand-white);
  }

  .btn-solid {
      background: var(--emerald);
      color: var(--brand-white);
      border-color: var(--emerald);
  }

  .btn-solid:hover {
      background: var(--deep);
      border-color: var(--deep);
      color: var(--brand-white);
  }

  .rate {
      height: 36px;
      background: var(--emerald-deep);
      color: var(--brand-white);
      font-size: .7rem
  }

  .rate .wrap {
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: space-between
  }

  .rate-live {
      display: flex;
      gap: 8px;
      align-items: center
  }

  .dot {
      width: 6px;
      height: 6px;
      border-radius: 50%;
      background: var(--brand-sage);
      box-shadow: 0 0 0 5px color-mix(in srgb, var(--brand-sage) 18%, transparent)
  }

  header {
      height: 82px;
      position: sticky;
      top: 0;
      z-index: 100;
      background: color-mix(in srgb, var(--brand-white) 88%, transparent);
      backdrop-filter: blur(16px);
      border-bottom: 1px solid color-mix(in srgb, var(--brand-gold-1) 25%, transparent);
  }

  nav {
      height: 100%;
      display: flex;
      align-items: center;
      gap: 30px
  }

  .brand {
      margin-left: auto;
      display: flex;
      align-items: center;
      gap: 10px
  }
.company_icon a {
    display: inline-block;
    margin: 15px 6px 10px;
    font-size: 20px;
    /* color: aquamarine; */
    line-height: 30px;
    text-align: center;
    position: relative;
    z-index: 1;
    border-radius: 3px;
}
  .brand img {
         width: 130px;
    height: 70px;
      object-fit: contain;
      /*filter: hue-rotate(60deg) saturate(.65) brightness(.64)*/
  }

  .brand b {
      display: block
  }

  .brand small {
      display: block;
      color: var(--muted);
      font-size: .62rem
  }

  .links {
      display: flex;
      align-items: center;
      gap: 24px;
      font-size: .8rem;
      color: var(--ink);
  }

  .links a {
      color: var(--ink);
      transition: color .2s ease;
  }

  .links a:hover {
      color: var(--emerald-deep);
  }

  .today-link {
      background: var(--emerald);
      color: white;
      padding: 8px 16px;
      border-radius: 999px;
      border: 1px solid var(--emerald);
      box-shadow: 0 8px 22px color-mix(in srgb, var(--brand-gold) 28%, transparent);
      transition: all .25s ease;
  }

  .today-link:hover {
      background: var(--deep);
      border-color: var(--deep);
      color: var(--brand-white);
      transform: translateY(-2px);
      box-shadow: 0 11px 28px color-mix(in srgb, var(--brand-olive) 35%, transparent);
  }

  .tools {
      display: flex;
      gap: 8px;
      align-items: center;
  }

  .tool {
      width: 40px;
      margin-top: 4px;
      height: 40px;
      border: 0;
      background: transparent;
      color: var(--ink);
      font-size: 1.15rem
  }

  .tool:hover {
      color: var(--emerald-deep);
  }



  .hero {
      position: relative;
      min-height: 680px;
      overflow: hidden;
      background: var(--mint)
  }

  .slide {
      position: absolute;
      inset: 0;
      opacity: 0;
      transition: opacity .7s ease
  }

  .slide.active {
      opacity: 1
  }

  .slide img {
      width: 100%;
      height: 100%;
      object-fit: cover
  }

  .slide.store img {
      filter: brightness(1.08)
  }

  .slide.store:after {
      content: "";
      position: absolute;
      inset: 0;
      background: linear-gradient(90deg, color-mix(in srgb, var(--brand-white) 85%, transparent), color-mix(in srgb, var(--brand-white) 10%, transparent) 60%)
  }

  .hero-copy {
      position: relative;
      z-index: 2;
      min-height: 680px;
      display: flex;
      align-items: center
  }

  .copy-box {
      width: 470px;
      padding: 38px 42px;
      background: color-mix(in srgb, var(--brand-white) 83%, transparent);
      backdrop-filter: blur(13px);
      border-radius: 0 60px 0 60px;
      box-shadow: var(--shadow)
  }

  .copy-box h1 {
      font-size: clamp(2.3rem, 4.7vw, 4.4rem);
      line-height: 1.3;
      margin: 8px 0 15px;
      font-weight: 500;
      color: var(--ink);
  }

  .copy-box h1 span {
      color: var(--emerald-deep);
      display: block
  }

  .copy-box p {
      color: var(--ink);
  }

  .actions {
      display: flex;
      gap: 10px;
      margin-top: 25px;
      flex-wrap: wrap
  }

  .slider-ui {
      position: absolute;
      bottom: 24px;
      left: 50%;
      transform: translateX(-50%);
      z-index: 3;
      display: flex;
      gap: 7px
  }

  .slider-ui button {
      width: 42px;
      height: 5px;
      border: 0;
      background: color-mix(in srgb, var(--brand-sage) 25%, transparent)
  }

  .slider-ui button.active {
      background: var(--emerald)
  }

  .promises {
      background: var(--paper);
      padding: 21px 0;
      border-bottom: 1px solid var(--line)
  }

  .promise-grid {
      display: grid;
      grid-template-columns: repeat(4, 1fr)
  }

  .promise {
      padding: 7px 20px;
      border-left: 1px solid var(--line)
  }

  .promise:last-child {
      border: 0
  }

  .promise b {
      display: block;
      font-size: .8rem
  }

  .promise small {
      color: var(--muted);
      font-size: .85rem
  }

  .today-ribbon {
      background: var(--deep);
      color: white;
      min-height: 48px;
      display: flex;
      align-items: center;
      border-top: 1px solid var(--deep);
      border-bottom: 1px solid var(--deep)
  }

  .today-ribbon .wrap {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 16px
  }

  .today-ribbon strong {
      font-size: .86rem
  }

  .today-ribbon span {
      font-size: .72rem;
      color: var(--brand-sage)
  }

  .today-ribbon a {
      border: 1px solid var(--brand-white);
      color: var(--brand-white);
      padding: 5px 14px;
      border-radius: 999px;
      font-size: .68rem;
      font-weight: 600
  }

  .today-special {
      padding: 38px 0;
      background: var(--brand-white);
  }

  .today-card {
      min-height: 260px;
      display: grid;
      grid-template-columns: 1fr 1.2fr;
      background: linear-gradient(115deg, var(--emerald), var(--deep));
      color:var(--brand-white);
      border-radius: 34px 12px 34px 12px;
      overflow: hidden;
      box-shadow: 0 18px 55px color-mix(in srgb, var(--brand-gold-8) 18%, transparent)
  }
  /* دکمه outline مثل اسلایدر */
  #owl-carousel-slider .slider-btn {
      transition: all .25s ease !important;
  }

  #owl-carousel-slider .slider-btn-outline {
      color: var(--emerald-deep) !important;
      border: 1px solid var(--emerald-deep) !important;
      background: var(--brand-white) !important;
  }

  #owl-carousel-slider .slider-btn-outline:hover {
      background: var(--emerald-deep) !important;
      border-color: var(--emerald-deep) !important;
      color: var(--brand-white) !important;
  }

  /* دکمه fill مثل اسلایدر */
  #owl-carousel-slider .slider-brand {
      font-size: 13px;
      font-weight: 600;
      color: var(--brand-sage) !important;
      margin-bottom: 18px;
  }

  #owl-carousel-slider .slider-btn-fill {
      color: var(--brand-white) !important;
      background: var(--emerald) !important;
      border: 1px solid var(--emerald) !important;
  }

  #owl-carousel-slider .slider-btn-fill:hover {
      background: var(--deep) !important;
      border-color: var(--deep) !important;
      color: var(--brand-white) !important;
  }

  .btn-link:hover, a:hover {
      color: var(--emerald-deep);
  }
  .top-wrap .go-top-button {
      background: var(--brand-olive) !important;
      background-color: var(--brand-olive) !important;
      color: var(--brand-white) !important;
      border-radius: 50%;
  }

  .top-wrap .go-top-button i {
      background: transparent !important;
      color: var(--brand-white) !important;
  }

  .today-media {
      background: url('assets/product-sheet.png') 100% 0/200% 200%;
      position: relative
  }


  .today-copy {
      padding: 34px 42px;
      display: flex;
      flex-direction: column;
      justify-content: center
  }

  .today-copy small {
      color: var(--brand-white);
  }

  .today-copy h2 {
      font-size: clamp(1.7rem, 3vw, 2.55rem);
      font-weight: 500;
      margin: 2px 0
  }

  .today-copy p {
      margin: 4px 0 18px;
      color:var(--brand-white);
  }

  .today-meta {
      display: flex;
      gap: 24px;
      margin-bottom: 18px;
      font-size: .75rem
  }

  .today-price b {
      font-size: 1.25rem
  }

  .today-card .btn {
      width: max-content;
      border-color: var(--brand-white);
      color: var(--brand-white);
      background: transparent;
  }

  .today-card .btn:hover {
      background: var(--brand-white) !important;
      border-color: var(--brand-white) !important;
      color: var(--emerald-deep) !important;
  }

  .img-cut {
      width: 65%;
  }

  .thumbs span {
      display: block;
      width: 100%;
      text-align: center;
      font-size: 9px;
      color: var(--muted);
      line-height: 12px;
      white-space: nowrap;
  }

  section {
      padding: 95px 0
  }

  .head {
      display: flex;
      justify-content: space-between;
      align-items: end;
      padding: 0 20px;
      margin-bottom: 35px
  }

  .head h2 {
      font-size: clamp(1.7rem, 3vw, 2.6rem);
      font-weight: 500;
      margin: 3px 0;
      color: var(--ink);
  }

  .head p {
      font-size: 14px;
      margin: 0;
      color: var(--muted);
      max-width: 500px
  }

  .categories {
      background: var(--cream);
      overflow: hidden
  }

  .category-cloud {
      display: grid;
      grid-template-columns: 1.1fr .8fr 1fr .75fr;
      align-items: end;
      gap: 18px
  }

  .category {
      position: relative;
      text-align: center
  }

  .cut {
      height: 360px;
      background-color: white;
      background-image: url('assets/product-sheet.png');
      background-size: 200% 200%;
      transition: transform .35s ease;
      box-shadow: 0 14px 40px color-mix(in srgb, var(--brand-olive) 6%, transparent)
  }

  .category:hover .cut {
      transform: translateY(-8px) rotate(-1deg)
  }

  .category:nth-child(1) .cut {
      border-radius: 150px 150px 25px 25px;
      background-position: 0 0
  }

  .category:nth-child(2) .cut {
      height: 285px;
      border-radius: 28px 120px 28px 120px;
      background-position: 100% 0
  }

  .category:nth-child(3) .cut {
      height: 325px;
      border-radius: 45% 45% 12px 12px;
      background-position: 0 100%
  }

  .category:nth-child(4) .cut {
      height: 260px;
      border-radius: 120px 120px 120px 20px;
      background-position: 100% 100%
  }

  .media-img {
      width: 75%;
  }

  .category b {
      display: block;
      margin-top: 14px
  }

  .category span {
      font-size: .75rem;
      color: var(--muted)
  }

  .products-section {
      background: var(--paper)
  }

  .tabs {
      display: flex;
      gap: 8px
  }

  .tab {
      border: 0;
      background: transparent;
      padding: 8px 12px;
      color: var(--muted);
      border-bottom: 1px solid transparent
  }

  .tab.active {
      color: var(--emerald-deep);
      border-color: var(--emerald-deep);
      font-weight: bold;
      font-size: 15px;
  }

  .products {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 28px 22px
  }

  .product {
      position: relative
  }

  .product-media {
      height: 330px;
      position: relative;
      overflow: hidden;
      background: var(--cream);
      border-radius: 28px
  }
/* ================================
   PRODUCT IMAGE
================================ */

.product-media {
    position: relative;
    overflow: hidden;
}

/* لینک عکس */
.product-media .product-image-link {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

/* هر دو عکس */
.product-media .product-image-link img {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    object-fit: cover !important;
    display: block !important;
}

/* عکس اصلی */
.product-media .product-image-main {
    z-index: 1 !important;
    opacity: 1 !important;
}

/* عکس دوم */
.product-media .product-image-hover {
    z-index: 2 !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transition: opacity .35s ease !important;
}

/* ================================
   DESKTOP HOVER
================================ */

@media (min-width: 591px) {

    .product-media:hover .product-image-hover {
        opacity: 1 !important;
        visibility: visible !important;
    }

}


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

@media (max-width: 590px) {

    .product-media {
        height: 220px !important;
        border-radius: 18px !important;
    }

    .product-media .product-image-link {
        position: absolute !important;
        inset: 0 !important;
        width: 100% !important;
        height: 100% !important;
    }

    .product-media .product-image-link img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
    }

    /* در موبایل عکس دوم اصلاً نمایش داده نشود */
    .product-media .product-image-hover {
        opacity: 0 !important;
        visibility: hidden !important;
        display: none !important;
    }

    /* عکس اصلی */
    .product-media .product-image-main {
        position: absolute !important;
        display: block !important;
        opacity: 1 !important;
        visibility: visible !important;
    }

}

  .heart {
      position: absolute;
      z-index: 2;
      top: 13px;
      left: 13px;
      width: 38px;
      height: 38px;
      border: 0;
      border-radius: 50%;
      background: color-mix(in srgb, var(--brand-white) 86%, transparent);
      color: var(--brand-sage)
  }

  .tag {
      position: absolute;
      z-index: 2;
      top: 15px;
      right: 15px;
      background: var(--brand-sage);
      color: white;
      padding: 4px 10px;
      border-radius: 999px;
      font-size: .6rem
  }

  .product-info {
      padding: 14px 5px
  }

  .product-info h3 {
      font-size: .86rem;
      font-weight: 500;
      margin: 0;
      color: var(--ink);
  }

  .meta {
      display: grid;
      grid-template-columns: 1fr 1fr;
      column-gap: 50%;
      row-gap: 8px;
      color: var(--muted);
      font-size: .65rem;
      margin-top: 6px;
  }

  .product-attribute {
      display: flex;
      align-items: center;
      gap: 5px;
      min-width: 0;
  }

  .owl-dots {
      bottom: 10px;
      left: 48%;
      display: block;
      position: absolute;
  }

  .owl-dot {
      background: var(--brand-gold-2);
      width: 30px;
      height: 5px;
      margin-right: 5px;
      display: inline-block;
      transition: .5s;
  }

  .owl-dot.active {
      width: 30px;
      text-align: center;
      background: var(--brand-olive);
      display: inline-block;
  }

  .product-attribute b {
      color: var(--ink);
      font-weight: 600;
      white-space: nowrap;
  }

  .product-attribute>span {
      /*overflow: hidden;*/
      text-overflow: ellipsis;
      white-space: nowrap;
  }

  .price {
      color: var(--emerald-deep);
      font-weight: 600;
      margin-top: 7px
  }

  .price small {
      font-weight: 400
  }

  .all-products {
      text-align: center;
      margin-top: 35px
  }

  .brand-story {
      background: linear-gradient(135deg, var(--deep), var(--emerald-deep));
      padding: 0
  }

  .story-grid {
      display: grid;
      grid-template-columns: 1.08fr .92fr;
      min-height: 570px
  }

  .story-image {
      background: url('assets/store-counter.jpg') center/cover;
      position: relative
  }

  .story-image:after {
      content: "";
      position: absolute;
      inset: 0;
      background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--brand-sage) 30%, transparent))
  }

  .story-copy {
      display: flex;
      flex-direction: column;
      justify-content: center;
      padding: 60px;
      color:var(--brand-white);
  }

  .story-copy h2 {
      font-size: clamp(2rem, 4vw, 3.5rem);
      font-weight: 500;
      line-height: 1.35;
      margin: 8px 0
  }

  .story-copy p {
      max-width: 520px
  }

  .story-points {
      display: flex;
      gap: 25px;
      margin: 20px 0 28px
  }

  .story-points b {
      font-size: 1.3rem;
      display: block
  }

  .story-points small {
      font-size: .63rem
  }

  .occasion {
      background: var(--paper)
  }

  .occasion-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 24px
  }

  .occasion-card {
      min-height: 400px;
      border-radius: 55px 18px 55px 18px;
      overflow: hidden;
      position: relative;
      background: var(--mint)
  }

  .occasion-card:first-child {
      background: url('assets/hero-lifestyle.png') 28% center/cover
  }

  .occasion-card:last-child {
      background: url('assets/store-arches.jpg') center/cover
  }

  .occasion-card:after {
      content: "";
      position: absolute;
      inset: 0;
      background: linear-gradient(0deg, var(--brand-olive), transparent 15%);
  }

  .occasion-copy {
      position: absolute;
      z-index: 2;
      bottom: 25px;
      right: 28px;
      color: white
  }

  .occasion-copy h3 {
      font-size: 1.45rem;
      margin: 0
  }

  .occasion-copy p {
      margin: 2px 0;
      font-size: .75rem
  }

  .journal {
      background: var(--cream)
  }

  .articles {
      display: grid;
      grid-template-columns: 1.15fr .85fr .85fr;
      gap: 20px
  }

  .article {
      background: var(--paper);
      overflow: hidden;
      border-radius: 28px
  }

  .article-visual {
      height: 210px;
      background: var(--mint);
      position: relative
  }

  .article:first-child .article-visual {
      height: 300px;
      background: url('assets/store.jpg') center/cover
  }

  .article:nth-child(2) .article-visual {
      background: url('assets/product-sheet.png') 0 0/200% 200%
  }

  .article:nth-child(3) .article-visual {
      background: url('assets/hero-lifestyle.png') 20% center/cover
  }

  .occasion-card {
      object-fit: cover;
      height: 480px;
  }

  .article-copy {
      padding: 25px 20px 0px 20px;
  }

  .article-copy h3 {
      font-size: 1rem;
      margin: 0;
      color: var(--ink);
  }

  .article-copy p {
      font-size: .7rem;
      color: var(--muted)
  }

  .services {
      padding: 42px 0;
      background: var(--brand-sage);
      color: var(--ink);
      border-top: 1px solid color-mix(in srgb, var(--brand-olive) 25%, transparent);
  }

  .services-grid {
      display: grid;
      grid-template-columns: repeat(4, 1fr)
  }

  .service {
      padding: 12px 24px;
      border-left: 1px solid color-mix(in srgb, var(--brand-olive) 28%, transparent)
  }

  .service:last-child {
      border: 0
  }

  .service b {
      display: block;
      color: var(--ink);
      font-size: .82rem;
  }

  .service span {
      font-size: .68rem;
      color: var(--muted)
  }

  footer {
      background: linear-gradient(165deg, var(--brand-gold) 0%, #936f1e 100%);
      color: var(--brand-white);
      padding: 65px 0 25px;
      border-top: 1px solid color-mix(in srgb, var(--brand-white) 22%, transparent);
  }

  .footer-grid {
      display: grid;
      grid-template-columns: 1.3fr repeat(3, 1fr);
      gap: 40px
  }

  .products-tab {
      display: none;
  }

  .products-tab.active {
      display: grid;
  }

  .footer-brand img {
      margin-bottom: -15px;
      width: 145px;
      filter: drop-shadow(0 6px 14px color-mix(in srgb, var(--brand-olive) 35%, transparent));
      margin-top: -50px;
  }

  footer h3,
  footer h4 {
      color: var(--brand-white);
  }

  footer h4 {
      margin-bottom: 14px;
      font-size: .85rem;
      font-weight: 700;
      letter-spacing: .02em;
  }

  footer p,
  footer li {
      font-size: .9rem;
      opacity: .92;
  }

  footer a {
      transition: color .25s ease, opacity .25s ease;
  }

  footer a:hover {
      color: var(--brand-gold-1) !important;
      opacity: 1;
  }

  footer ul {
      list-style: none;
      padding: 0
  }

  .copy {
      border-top: 1px solid color-mix(in srgb, var(--brand-white) 22%, transparent);
      margin-top: 35px;
      padding-top: 18px;
      font-size: .65rem;
      display: flex;
      justify-content: space-between;
      opacity: .85;
  }

  .prototype {
      position: fixed;
      left: 15px;
      bottom: 15px;
      background: var(--emerald);
      color: white;
      padding: 7px 12px;
      z-index: 40;
      font-size: .62rem;
      border-radius: 999px
  }

  @media(max-width:950px) {
      .links {
          display: none
      }

      .menu {
          display: block
      }

      .today-card {
          grid-template-columns: .8fr 1.2fr
      }

      .category-cloud {
          grid-template-columns: repeat(2, 1fr)
      }

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

      .story-grid {
          grid-template-columns: 1fr
      }

      .story-image {
          min-height: 430px
      }

      .articles {
          grid-template-columns: 1fr 1fr
      }

      .article:first-child {
          grid-column: 1/-1
      }

      .services-grid,
      .promise-grid {
          grid-template-columns: repeat(2, 1fr)
      }

      .service:nth-child(2),
      .promise:nth-child(2) {
          border: 0
      }
  }

  @media(max-width:590px) {
      .wrap {
          width: calc(100% - 24px)
      }

      .product-image img {
          height: 225px !important;
      }

      .rate .wrap span:last-child {
          display: none
      }

      header {
          height: 70px
      }

      .brand small {
          display: none
      }

      .today-ribbon {
          min-height: 56px
      }

      .today-ribbon .wrap {
          gap: 8px;
          justify-content: space-between
      }

      .today-ribbon span {
          display: none
      }

      .hero,
      .hero-copy {
          min-height: 620px
      }

      .slide img {
          object-position: 32% center
      }

      .slide.store:after {
          background: linear-gradient(0deg, color-mix(in srgb, var(--brand-white) 96%, transparent), color-mix(in srgb, var(--brand-white) 2%, transparent) 65%)
      }

      .hero-copy {
          align-items: end;
          padding-bottom: 45px
      }

      .copy-box {
          width: 100%;
          padding: 25px;
          border-radius: 0 35px 0 35px
      }

      .copy-box h1 {
          font-size: 2.45rem
      }

      .promise {
          padding: 8px
      }

      .today-special {
          padding: 24px 0
      }

      .today-card {
          grid-template-columns: 1fr;
          min-height: 0
      }

      .today-media {
          height: 230px
      }

      .today-copy {
          padding: 26px 22px;
          margin-top: 0px;
      }

      .media-img {
          width: 100%;
      }

      .today-meta {
          gap: 12px;
          flex-wrap: wrap
      }

      .category-cloud {
          gap: 10px
      }

      .cut,
      .category:nth-child(2) .cut,
      .category:nth-child(3) .cut,
      .category:nth-child(4) .cut {
          height: 240px
      }

      .products {
          gap: 10px
      }

      .product-media {
          height: 220px;
          border-radius: 18px
      }

      .meta {
          display: block
      }

      .story-image {
          min-height: 330px
      }

      .story-copy {
          padding: 35px 22px
      }

      .story-points {
          gap: 12px
      }

      .occasion-grid,
      .articles {
          grid-template-columns: 1fr
      }

      .occasion-card {
          min-height: 340px
      }

      .article:first-child {
          grid-column: auto
      }

      .services-grid,
      .promise-grid,
      .footer-grid {
          grid-template-columns: 1fr
      }

      .service,
      .service:nth-child(2),
      .promise,
      .promise:nth-child(2) {
          border-left: 0;
          border-bottom: 1px solid color-mix(in srgb, var(--brand-white) 12%, transparent)
      }

      .head {
          align-items: start;
          flex-direction: column
      }

      .tabs {
          margin-top: 10px
      }

      .copy {
          display: block
      }

      .prototype {
          display: none
      }

      section {
          padding: 70px 0
      }
  }

  /* =========================================================
   HEADER SEARCH
========================================================= */

  #main-header {
      position: sticky;
      top: 0;
      z-index: 100;
  }

  .header-search {
      position: absolute;
      top: 100%;
      right: 0;
      left: 0;

      background: color-mix(in srgb, var(--brand-white) 97%, transparent);
      backdrop-filter: blur(18px);

      border-bottom: 1px solid var(--line);
      box-shadow: 0 18px 45px color-mix(in srgb, var(--brand-olive) 10%, transparent);

      opacity: 0;
      visibility: hidden;
      transform: translateY(-12px);

      transition:
          opacity .25s ease,
          transform .25s ease,
          visibility .25s ease;

      pointer-events: none;
  }

  .header-search.active {
      opacity: 1;
      visibility: visible;
      transform: translateY(0);
      pointer-events: auto;
  }

  .header-search .wrap {
      padding: 14px 0;
  }

  .header-search-inner {
      position: relative;

      display: flex;
      align-items: center;

      width: 100%;
      min-height: 58px;

      background: var(--cream);

      border: 1px solid var(--line);
      border-radius: 18px;

      padding: 5px 8px 5px 10px;

      box-shadow:
          0 8px 30px color-mix(in srgb, var(--brand-olive) 6%, transparent);

      transition:
          border-color .2s ease,
          box-shadow .2s ease;
  }

  .header-search-inner:focus-within {
      border-color: color-mix(in srgb, var(--brand-olive) 45%, transparent);

      box-shadow:
          0 10px 35px color-mix(in srgb, var(--brand-olive) 10%, transparent);
  }


  /* SEARCH ICON */

  .header-search .search-icon {
      width: 45px;
      height: 45px;

      display: flex;
      align-items: center;
      justify-content: center;

      flex-shrink: 0;

      color: var(--ink);
      font-size: 1.35rem;
  }


  /* INPUT */

  .header-search input {
      flex: 1;

      width: 100%;
      height: 48px;

      border: 0;
      outline: 0;

      background: transparent;

      color: var(--ink);

      font-family: inherit;
      font-size: .85rem;
  }

  .header-search input::placeholder {
      color: var(--muted);
  }


  /* SEARCH BUTTON */

  .header-search .search-submit {
      min-width: 90px;
      height: 44px;

      border: 1px solid var(--emerald);
      border-radius: 13px;

      background: var(--emerald);
      color: white;

      font-family: inherit;
      font-size: .72rem;
      font-weight: 600;

      cursor: pointer;

      transition: all .25s ease;
  }

  .header-search .search-submit:hover {
      background: var(--deep);
      border-color: var(--deep);
      color: var(--brand-white);
      transform: translateY(-1px);
  }


  /* CLOSE */

  .header-search .search-close {
      width: 40px;
      height: 44px;

      margin-right: 5px;

      border: 0;
      background: transparent;

      color: var(--muted);

      font-size: 1.45rem;
      line-height: 1;

      cursor: pointer;

      transition:
          color .2s ease,
          transform .2s ease;
  }

  .header-search .search-close:hover {
      color: var(--emerald-deep);
      transform: rotate(90deg);
  }


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

  @media(max-width:590px) {

      .header-search .wrap {
          width: calc(100% - 24px);
          padding: 10px 0;
      }

      .header-search-inner {
          min-height: 54px;
          border-radius: 15px;
          padding: 4px 5px 4px 6px;
      }

      .header-search .search-icon {
          width: 38px;
          height: 42px;
          font-size: 1.2rem;
      }

      .header-search input {
          height: 42px;
          font-size: .78rem;
      }

      .header-search .search-submit {
          min-width: 68px;
          height: 40px;
          border-radius: 11px;
          font-size: .65rem;
      }

      .header-search .search-close {
          width: 32px;
          height: 40px;
          margin-right: 2px;
          font-size: 1.3rem;
      }
  }

  /* =========================================================
   DESKTOP SIDE NAVIGATION
========================================================= */

  .desktop-side-navigation {
      position: fixed;
      inset: 0;

      z-index: 9999;

      visibility: hidden;
      pointer-events: none;
  }

  .desktop-side-navigation.active {
      visibility: visible;
      pointer-events: auto;
  }


  /* Overlay */

  .side-navigation-overlay {
      position: absolute;
      inset: 0;

      background: color-mix(in srgb, var(--brand-olive) 38%, transparent);
      backdrop-filter: blur(3px);

      opacity: 0;

      transition: opacity .3s ease;
  }

  .desktop-side-navigation.active .side-navigation-overlay {
      opacity: 1;
  }


  /* Panel */

  .side-navigation-panel {
      position: absolute;

      top: 0;
      right: 0;

      width: min(390px, 90vw);
      height: 100%;

      background: var(--paper);

      box-shadow:
          -20px 0 60px color-mix(in srgb, var(--brand-olive) 16%, transparent);

      transform: translateX(105%);

      transition:
          transform .35s cubic-bezier(.22, .61, .36, 1);

      display: flex;
      flex-direction: column;
  }

  .desktop-side-navigation.active .side-navigation-panel {
      transform: translateX(0);
  }


  /* Header */

  .side-navigation-header {
      min-height: 95px;

      display: flex;
      align-items: center;
      justify-content: space-between;

      padding: 20px 25px;

      border-bottom: 1px solid var(--line);

      background: var(--paper);
  }

  .side-navigation-header strong {
      display: block;

      color: var(--ink);

      font-size: .95rem;
  }

  .side-navigation-header small {
      display: block;

      margin-top: 3px;

      color: var(--muted);

      font-size: .65rem;
  }


  /* Close */

  .side-navigation-close {
      width: 42px;
      height: 42px;

      border: 1px solid var(--line);
      border-radius: 50%;

      background: transparent;

      color: var(--ink);

      font-size: 1.5rem;
      line-height: 1;

      cursor: pointer;

      display: flex;
      align-items: center;
      justify-content: center;

      transition:
          background .2s ease,
          color .2s ease,
          transform .2s ease;
  }

  .side-navigation-close:hover {
      background: var(--emerald-deep);
      color: white;
      transform: rotate(90deg);
  }


  /* Content */

  .side-navigation-content {
      flex: 1;

      overflow-y: auto;

      padding: 20px;
  }


  /* Category list */

  .side-category-list {
      list-style: none;

      margin: 0;
      padding: 0;

      display: flex;
      flex-direction: column;

      gap: 8px;
  }

  .side-category-list li {
      margin: 0;
      padding: 0;
  }

  .side-category-list li a {
      min-height: 70px;

      display: flex;
      align-items: center;

      gap: 14px;

      padding: 10px 12px;

      background: white;

      border: 1px solid var(--line);
      border-radius: 16px;

      color: var(--ink);

      transition:
          background .2s ease,
          transform .2s ease,
          border-color .2s ease;
  }

  .side-category-list li a:hover {
      background: var(--cream);

      border-color: color-mix(in srgb, var(--brand-olive) 30%, transparent);

      transform: translateX(-4px);
  }


  /* Category image */

  .side-category-list li a img {
      width: 48px;
      height: 48px;

      flex-shrink: 0;

      object-fit: cover;

      border-radius: 12px;

      background: var(--mint);
  }


  /* Category title */

  .side-category-list li a span {
      flex: 1;

      font-size: .78rem;
      font-weight: 500;
  }


  /* Arrow */

  .side-category-list li a i {
      font-style: normal;

      color: var(--green);

      font-size: .9rem;

      transition: transform .2s ease;
  }

  .side-category-list li a:hover i {
      transform: translateX(-4px);
  }


  /* Empty */

  .empty-menu {
      padding: 40px 20px;

      text-align: center;

      color: var(--muted);

      font-size: .75rem;
  }


  /* =========================================================
   BODY LOCK
========================================================= */

  body.side-menu-open {
      overflow: hidden;
  }



  /* =========================================================
   MOBILE SIDE NAVIGATION
========================================================= */

  .mobile-side-navigation {
      position: fixed;
      inset: 0;

      z-index: 10000;

      visibility: hidden;
      pointer-events: none;
  }

  .mobile-side-navigation.active {
      visibility: visible;
      pointer-events: auto;
  }


  /* Overlay */

  .mobile-navigation-overlay {
      position: absolute;
      inset: 0;

      background: color-mix(in srgb, var(--brand-olive) 40%, transparent);
      backdrop-filter: blur(3px);

      opacity: 0;

      transition: opacity .3s ease;
  }

  .mobile-side-navigation.active .mobile-navigation-overlay {
      opacity: 1;
  }


  /* Panel */

  .mobile-navigation-panel {
      position: absolute;

      top: 0;
      right: 0;

      width: min(360px, 88vw);
      height: 100dvh;

      background: var(--paper);

      box-shadow:
          -15px 0 50px color-mix(in srgb, var(--brand-olive) 15%, transparent);

      transform: translateX(105%);

      transition:
          transform .35s cubic-bezier(.22, .61, .36, 1);

      display: flex;
      flex-direction: column;

      overflow: hidden;
  }

  .mobile-side-navigation.active .mobile-navigation-panel {
      transform: translateX(0);
  }


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

  .mobile-navigation-header {
      min-height: 76px;

      display: flex;
      align-items: center;
      justify-content: space-between;

      padding: 12px 16px;

      border-bottom: 1px solid var(--line);

      background: var(--paper);

      flex-shrink: 0;
  }

  .mobile-navigation-brand {
      display: flex;
      align-items: center;

      gap: 9px;

      min-width: 0;
  }

  .mobile-navigation-brand img {
      width: 42px;
      height: 42px;

      object-fit: contain;

      flex-shrink: 0;
  }

  .mobile-navigation-brand span {
      color: var(--ink);

      font-size: .78rem;
      font-weight: 600;

      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
  }


  /* Close */

  .mobile-navigation-close {
      width: 40px;
      height: 40px;

      flex-shrink: 0;

      border: 1px solid var(--line);
      border-radius: 50%;

      background: transparent;

      color: var(--ink);

      font-size: 1.4rem;
      line-height: 1;

      display: flex;
      align-items: center;
      justify-content: center;

      cursor: pointer;

      transition:
          background .2s ease,
          color .2s ease,
          transform .2s ease;
  }

  .mobile-navigation-close:hover {
      background: var(--emerald-deep);
      color: white;
      transform: rotate(90deg);
  }


  /* =========================================================
   USER BOX
========================================================= */

  .mobile-user-box {
      display: grid;
      grid-template-columns: 1fr 1fr;

      margin: 14px 14px 8px;

      background: var(--cream);

      border: 1px solid var(--line);

      border-radius: 16px;

      overflow: hidden;

      flex-shrink: 0;
  }

  .mobile-user-box>a {
      min-height: 68px;

      display: flex;
      align-items: center;
      justify-content: center;

      gap: 7px;

      padding: 10px;

      color: var(--ink);

      font-size: .7rem;

      transition: background .2s ease;
  }

  .mobile-user-box>a:first-child {
      border-left: 1px solid var(--line);
  }

  .mobile-user-box>a:hover {
      background: white;
  }

  .mobile-user-icon {
      width: 30px;
      height: 30px;

      display: flex;
      align-items: center;
      justify-content: center;

      border-radius: 50%;

      background: var(--mint);

      color: var(--green);

      font-size: .95rem;
  }

  .mobile-user-box b {
      min-width: 20px;
      height: 20px;

      display: inline-flex;
      align-items: center;
      justify-content: center;

      margin-right: 2px;

      border-radius: 50%;

      background: var(--green);
      color: white;

      font-size: .58rem;
  }


  /* =========================================================
   CONTENT
========================================================= */

  .mobile-navigation-content {
      flex: 1;

      overflow-y: auto;

      padding: 8px 14px 25px;

      -webkit-overflow-scrolling: touch;
  }


  /* =========================================================
   MAIN MENU
========================================================= */

  .mobile-menu-list {
      list-style: none;

      margin: 0;
      padding: 0;
  }

  .mobile-menu-list>li {
      border-bottom: 1px solid var(--line);
  }

  .mobile-menu-list>li>a {
      min-height: 52px;

      display: flex;
      align-items: center;
      justify-content: space-between;

      padding: 0 7px;

      color: var(--ink);

      font-size: .76rem;

      transition: color .2s ease;
  }

  .mobile-menu-list>li>a:hover {
      color: var(--green);
  }

  .mobile-menu-list>li>a i {
      font-style: normal;

      color: var(--green);

      font-size: .9rem;

      transition: transform .25s ease;
  }

  .mobile-menu-list>li.open>a i {
      transform: rotate(180deg);
  }


  /* =========================================================
   SUBMENU
========================================================= */

  .mobile-submenu {
      list-style: none;

      margin: 0;
      padding: 0 10px;

      max-height: 0;

      overflow: hidden;

      opacity: 0;

      transition:
          max-height .3s ease,
          opacity .25s ease;
  }

  .mobile-menu-list>li.open .mobile-submenu {
      max-height: 500px;

      opacity: 1;

      padding-bottom: 8px;
  }

  .mobile-submenu li a {
      display: block;

      padding: 8px 12px;

      color: var(--muted);

      font-size: .68rem;

      border-radius: 9px;

      transition:
          background .2s ease,
          color .2s ease;
  }

  .mobile-submenu li a:hover {
      background: var(--cream);

      color: var(--green);
  }


  /* =========================================================
   CATEGORY
========================================================= */

  .mobile-category-title {
      margin-top: 22px;
      margin-bottom: 9px;

      padding: 0 7px;

      color: var(--green);

      font-size: .72rem;
      font-weight: 700;
  }

  .mobile-category-list {
      list-style: none;

      margin: 0;
      padding: 0;
  }

  .mobile-category-list li {
      border-bottom: 1px solid var(--line);
  }

  .mobile-category-list li a {
      display: flex;
      align-items: center;

      min-height: 48px;

      padding: 0 7px;

      color: var(--ink);

      font-size: .7rem;
  }

  .mobile-category-list li a:before {
      content: "←";

      margin-left: 8px;

      color: var(--green);

      transition: transform .2s ease;
  }

  .mobile-category-list li a:hover {
      color: var(--green);
  }

  .mobile-category-list li a:hover:before {
      transform: translateX(-3px);
  }


  /* =========================================================
   BODY LOCK
========================================================= */

  body.mobile-menu-open {
      overflow: hidden;
  }



  /* =========================================================
   ONLY MOBILE
========================================================= */
  .top-wrap .go-top-button {
      background: var(--brand-olive) !important;
      background-color: var(--brand-olive) !important;
      color: var(--brand-white) !important;
      border-radius: 50%;
  }

  .top-wrap .go-top-button i {
      background: transparent !important;
      color: var(--brand-white) !important;
  }

  @media(min-width:951px) {

      .mobile-side-navigation {
          display: none;
      }

  }

  /* =========================================================
   TEXT = BLACK  |  BRAND COLORS = ACCENTS ONLY
========================================================= */

  body,
  p,
  li,
  td,
  th,
  label,
  span,
  small,
  .category b,
  .promise b,
  .product-info h3,
  .article-copy h3,
  .head h2,
  .copy-box h1,
  .links a,
  .tool,
  nav a,
  header a:not(.today-link),
  .widget,
  .widget a,
  .widget p,
  .widget li,
  .widget span,
  .widget h1,
  .widget h2,
  .widget h3,
  .widget h4,
  .widget-nav-menu a,
  .widget-nav-menu li,
  .em-service-title,
  .blog-content,
  .blog-content p,
  .blog-content span,
  .blog-content li,
  .blog-content h1,
  .blog-content h2,
  .blog-content h3,
  .blog-content h4,
  .blog-content h5,
  .blog-content h6,
  .blog-details,
  .blog-details p,
  .blog-details span,
  .blog-details li,
  .blog-details h1,
  .blog-details h2,
  .blog-details h3,
  .blog-details h4,
  .single-blog-content,
  .single-blog-content p,
  .page-content,
  .page-content p,
  .page-content span,
  .page-content li,
  .page-content h1,
  .page-content h2,
  .page-content h3,
  .page-content h4,
  .page-content h5,
  .page-content h6,
  .content-area,
  .content-area p,
  .content-area span,
  .content-area h1,
  .content-area h2,
  .content-area h3,
  .content-area h4,
  .main-content,
  .main-content p,
  .main-content span,
  .main-content h1,
  .main-content h2,
  .main-content h3,
  .main-content h4,
  .bantt-content,
  .bantt-content p,
  .about-content,
  .about-content p,
  .about-content h1,
  .about-content h2,
  .about-content h3,
  .section-title,
  .section-title h1,
  .section-title h2,
  .section-title h3,
  .title,
  .entry-title,
  .entry-content,
  .entry-content p,
  .entry-content li,
  .entry-content span,
  .breadcrumb,
  .breadcrumb a,
  .list-group-item,
  .list-group-item a,
  #owl-carousel-slider .slider-description {
      color: var(--ink) !important;
  }

  .promise small,
  .category span,
  .head p,
  .meta,
  .article-copy p,
  .brand small,
  .tab {
      color: var(--muted) !important;
  }

  .eyebrow,
  .price,
  .cart-total strong,
  .copy-box h1 span {
      color: var(--emerald-deep) !important;
  }

  .links a:hover,
  .tool:hover,
  nav a:hover,
  header a:hover,
  .widget-nav-menu a:hover,
  .list-group-item a:hover,
  .breadcrumb a:hover {
      color: var(--emerald-deep) !important;
  }

  .widget-nav-menu .current-menu-item > a,
  .widget-nav-menu .active > a,
  .list-group-item.active,
  .list-group-item.active a {
      background: var(--emerald-deep) !important;
      color: var(--brand-white) !important;
  }

  footer,
  footer a,
  footer p,
  footer li,
  footer h3,
  footer h4,
  footer span,
  footer small,
  .rate,
  .rate *,
  .today-ribbon,
  .today-ribbon *,
  .today-card,
  .today-card *,
  .brand-story,
  .brand-story *,
  .story-copy,
  .story-copy *,
  .tag,
  .today-link,
  .btn-solid,
  .prototype,
  #owl-carousel-slider .slider-btn-fill {
      color: var(--brand-white) !important;
  }

  footer a:hover,
  footer a:hover li {
      color: var(--text) !important;
  }

  .services {
      background: linear-gradient(135deg, var(--deep), var(--emerald-deep))
  }

  .services,
  .services b,
  .services span,
  .services .service b {
      color: var(--ink) !important;
  }

  .services .service span {
      color: color-mix(in srgb, var(--ink) 72%, var(--brand-olive)) !important;
  }

  .service {
      border-left-color: color-mix(in srgb, var(--brand-olive) 40%, transparent) !important;
  }

  .prototype {
      background: var(--brand-olive) !important;
  }

  .scroll-area .go-top,
  .scroll-area .go-top-button,
  .top-wrap .go-top-button,
  .go-top.go-top-button {
      background: var(--brand-olive) !important;
      background-color: var(--brand-olive) !important;
      color: var(--brand-white) !important;
      border-radius: 50% !important;
      overflow: hidden !important;
      border: 2px solid var(--brand-white) !important;
      box-shadow: 0 8px 22px color-mix(in srgb, var(--brand-olive) 35%, transparent) !important;
  }

  .scroll-area .go-top:hover,
  .top-wrap .go-top-button:hover,
  .go-top.go-top-button:hover {
      background: var(--brand-gold-4) !important;
      background-color: var(--brand-gold-4) !important;
  }

  .top-wrap .go-top-button i,
  .top-wrap .go-top-button span,
  .scroll-area .go-top i,
  .go-top i {
      background: transparent !important;
      color: var(--brand-white) !important;
      box-shadow: none !important;
  }

  .scroll-area .go-top::before,
  .scroll-area .go-top::after,
  .go-top::before,
  .go-top::after {
      background: transparent !important;
      background-image: none !important;
      border-color: var(--brand-olive) !important;
  }

  /* =========================================================
   BUTTON HOVER = مثل slider-btn / slider-btn-outline
========================================================= */

  a.btn,
  button.btn,
  .btn,
  .all-products .btn,
  .story-copy .btn,
  .brand-story .btn,
  .today-card .btn,
  .btn-solid,
  .btn-cart-item,
  .btn-shipping-item,
  .today-link,
  .header-search .search-submit,
  #owl-carousel-slider .slider-btn {
      transition: background-color .25s ease, background .25s ease, border-color .25s ease, color .25s ease, transform .25s ease !important;
  }

  /* حالت عادی outline */
  a.btn,
  button.btn,
  .btn,
  .all-products .btn,
  .story-copy a.btn,
  .brand-story a.btn {
      background: var(--brand-white) !important;
      background-color: var(--brand-white) !important;
      border: 1px solid var(--emerald-deep) !important;
      color: var(--emerald-deep) !important;
  }

  /* هاور outline: پر شدن مثل slider-btn-outline */
  a.btn:hover,
  a.btn:focus,
  button.btn:hover,
  button.btn:focus,
  .btn:hover,
  .btn:focus,
  .all-products .btn:hover,
  .all-products .btn:focus,
  .story-copy a.btn:hover,
  .story-copy a.btn:focus,
  .brand-story a.btn:hover,
  .brand-story a.btn:focus,
  #owl-carousel-slider .slider-btn-outline:hover,
  #owl-carousel-slider .slider-btn-outline:focus {
      background: var(--emerald-deep) !important;
      background-color: var(--emerald-deep) !important;
      border-color: var(--emerald-deep) !important;
      color: var(--brand-white) !important;
  }

  /* fill */
  .btn-solid,
  .today-link,
  .btn-cart-item,
  .header-search .search-submit,
  #owl-carousel-slider .slider-btn-fill {
      background: var(--emerald) !important;
      background-color: var(--emerald) !important;
      border: 1px solid var(--emerald) !important;
      color: var(--brand-white) !important;
  }

  .btn-solid:hover,
  .btn-solid:focus,
  .today-link:hover,
  .today-link:focus,
  .btn-cart-item:hover,
  .btn-cart-item:focus,
  .header-search .search-submit:hover,
  .header-search .search-submit:focus,
  #owl-carousel-slider .slider-btn-fill:hover,
  #owl-carousel-slider .slider-btn-fill:focus {
      background: var(--deep) !important;
      background-color: var(--deep) !important;
      border-color: var(--deep) !important;
      color: var(--brand-white) !important;
  }

  .btn-shipping-item:hover,
  .btn-shipping-item:focus {
      background: var(--emerald-deep) !important;
      background-color: var(--emerald-deep) !important;
      border-color: var(--emerald-deep) !important;
      color: var(--brand-white) !important;
  }

  /* روی پس‌زمینه تیره: outline سفید، هاور سفید توپر */
  .brand-story a.btn,
  .story-copy a.btn,
  .today-card a.btn,
  .today-card .btn {
      background: transparent !important;
      background-color: transparent !important;
      border: 1px solid var(--brand-white) !important;
      color: var(--brand-white) !important;
  }

  .brand-story a.btn:hover,
  .brand-story a.btn:focus,
  .story-copy a.btn:hover,
  .story-copy a.btn:focus,
  .today-card a.btn:hover,
  .today-card a.btn:focus,
  .today-card .btn:hover,
  .today-card .btn:focus {
      background: var(--brand-white) !important;
      background-color: var(--brand-white) !important;
      border-color: var(--brand-white) !important;
      color: var(--emerald-deep) !important;
  }

  .brand-story a.btn:hover *,
  .story-copy a.btn:hover *,
  .today-card a.btn:hover * {
      color: var(--emerald-deep) !important;
  }

  a.btn:hover *,
  .all-products .btn:hover * {
      color: var(--brand-white) !important;
  }

  .contact-info-icon i,.contact-form button{
      background:var(--brand-gold-7)!important;
  }
  .contact-info:hover,.widgets .social-share-link a {
      border-color: var(--brand-gold-7)!important;
  }
  #owl-carousel-slider .slider-content{
    font-family: 'iransans';
  }