:root {
  --main-bg-color: #fff8ef;
  --logo-orange:#c76f5c;
  --logo-green: #858474;
  --brown-bg: #d5c6a2;
  --brown-light-bg: #dec98a;
  --blue-text-dark:#000000;
  --logo-black:#231f20;
  --red-dark:#a1002b;
  --mobile-bg: #fbf3ec;
  --foreground: 56,67,100
}
*{font-family: 'Assitant', sans-serif!important;box-sizing: border-box;font-size: 12px; }
.material-icons-round{font-family:'Material Symbols Outlined'!important}
.material-symbols-outlined {font-family: 'Material Symbols Outlined'!important;font-variation-settings:'FILL' 0,'wght' 100,'GRAD'100,'opsz' 24}
a,a:focus{color:var(--logo-orange);text-decoration: none;outline: none}
a:hover,a.active{color:var(--logo-green);outline: none;text-decoration: none;text-decoration-line: underline;text-underline-offset: .3rem;}
.hidden{display:none}

.sitewide {background: #E9E8E3;height: 46px;overflow: hidden;transition: ease 0.2s;}
.fixed .sitewide {height: 0;}
.sitewide-container{display: flex;height: 46px;-webkit-box-pack: justify;justify-content: space-between;}
.websites{background-color: inherit;display: flex;flex-direction: row;justify-content: center;width: auto;height: 100%;}
.websites a {text-transform: uppercase;align-content: center;text-align: center;color: #000;font-size: 12px; flex: 0 1 auto; padding: 16px; letter-spacing: 1px;}
.websites a.active{font-weight:600}
.websites a:hover{background:#f2f1ee}
.header-msg {font-size: 11px; display: flex;align-items: center;letter-spacing: 00.5px;}
.account-cart svg {width: 46px;height: 46px;}
.account-cart a {color: var(--logo-black);position:relative}
.account-cart .account-link svg{width:21px}
span.cart-qty {position: absolute; font-size: 10px;background: var(--logo-orange); width: 15px; height: 15px; color: #fff;border-radius: 13px;top: -26px;right: 5px; text-align: center;line-height: 15px;}


.ham {cursor: pointer;-webkit-tap-highlight-color: transparent;transition: transform 400ms;-moz-user-select: none;-webkit-user-select: none;-ms-user-select: none;
  user-select: none;width:80px;position: absolute; right: -32px;top: -23px;overflow: hidden;}
.hamRotate.active {transform: rotate(45deg);}
.hamRotate180.active {transform: rotate(180deg);}
.line {fill: none;transition: stroke-dasharray 400ms, stroke-dashoffset 400ms;stroke: #fff;stroke-width: 3;stroke-linecap: round;}
.ham1 .top {stroke-dasharray: 40 139;}
.ham1 .bottom {stroke-dasharray: 40 180;}
.ham1.active .top {stroke-dashoffset: -98px;}
.ham1.active .bottom {stroke-dashoffset: -138px;}

.mobile-view,.mobile-details{display:none}
.mobile-menu { width: 300px; height: 100vh;overflow: auto; z-index: 99999;position: fixed;top: 0; left: -320px;background:#fff;padding: 20px; box-shadow: 1px 0px 3px rgb(0 0 0 / 50%);}
.open,.mobile-menu{transition: .4s;-webkit-transition: .4s;-moz-transition: .4s;}
.mobile-menu.open{left: 0;}
body.nav-open{height: 100vh;overflow: hidden}
ul.messages {margin-bottom: 15px;width:100%;}
.messages ul li {background: #ffe2e2;padding: 10px;position: relative;padding-left: 20px;font-size: 14px;line-height: normal;}
.messages ul li:after {position: absolute;height: 100%;content: ""; width: 10px;background: #f56969;left: 0;top: 0;}
.messages li.success-msg ul li:after {background: #77b745;}
.messages li.success-msg ul li {background: #eef7e7;}
.messages li.notice-msg ul li:after {background: #d4c30c;}
.messages li.notice-msg ul li {background: #fbf7cc;}
.page-title {font-size: 48px;color: var(--logo-orange);text-align: center;margin-bottom: 40px;}
.page-title h1 {font-size: 40px;color: var(--logo-orange);font-weight: 700;margin-bottom: 30px;}
.main-nav a {padding: 0 20px 0 35px;display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color: #000;font-size: 18px;outline: 0;line-height: 40px;position: relative;}

ul > br, li > br{display: none;}
strong,b{font-weight:bold}
.no-display{display: none}
input,select,textarea{font-weight: 300;padding-left:14px;width:100%;border: 1px solid #ddd;height:40px;line-height:40px}
button,.button{background: var(--logo-black);height:40px;line-height:40px;color: #fff;text-transform:uppercase;font-weight:700;font-size: 11px;border:0;text-decoration: none;text-align:center;cursor:pointer;outline: none}
button:hover,.button:hover{background: var(--logo-orange);color:#fff}
button.outline-button,.button.outline-button{background:#fff;color:var(--logo-black);;border:2px solid var(--logo-black);}
button.outline-button-light,.button.outline-button-light{background:#fff;color: var(--logo-orange);border:2px solid var(--logo-orange)}
button.outline-button-light:hover,.button.outline-button-light:hover{color: var(--logo-orange-dark);border:2px solid var(--logo-orange)}
h2 {font-size: 35px;font-weight:700;color: var(--logo-orange); margin-bottom: 30px;}
.cms-page-view .std p {line-height: 1.7;margin-bottom: 20px; text-align: justify; margin: 0 auto;padding: 0 20px;margin-bottom: 20px;}
.limited-width{max-width: 1300px;position: relative;margin-right: auto;margin-left: auto;padding-right: 20px;padding-left: 20px;}
.header-container {width: 100%;text-align: center; color: var(--logo-black) ;z-index: 999; position: fixed;top: 0;border-bottom:1px solid rgba(var(--foreground),.08);background:#fff}
.header {display: flex;align-items: center;height: 100px;flex-grow: 1;justify-content: space-between;}
.header-spacer {height:147px;}
.header-logo {padding:5px 20px;height:100%;display:flex;align-items:center}
.header-logo img{max-height:65px;}
.fixed .header {height: 60px;}
.header-right { display: flex;}
.form-search {display: flex;border-bottom: 1px solid var(--logo-black);font-size: 14px;justify-content: center; align-items: center;}
.form-search input {border: 0;height: auto;line-height: 20px;}
.form-search button {background: 0;height: auto;line-height: normal;}
.form-search button svg {width: 1rem;}

.header-menu .main-nav,.header-menu .custom-menu{ display: flex;height: 100%;align-items: center;}
.header-menu li {position:relative;display: flex;height: 100%; align-items: center;}
.header-menu li ul{display: none; position: absolute;top:80px;padding: 20px;left: 50%;transform: translateX(-50%); min-width: 200px;background-color: var(--logo-black);z-index: 2;box-shadow: 3px 4px 12px rgba(0,0,0,.25);}
.header-menu a {color:var(--logo-black);font-weight: 500;padding: 0 20px;letter-spacing:2px;font-size: 12px;}
.header-menu {height: 100%;}
.nav-container {height: 100%;}
a.level-top {height: 100%;display: flex;align-items: center;}

.catalog-category-view .header-container:after,.cms-index-index .header-container:after{}
.header-container.fixed:after{opacity:1!important;}
.account-menu {display: none;}

a.link.language {color:#fff;font-size: 14px; position: absolute;right: 20px;background: var(--logo-orange); padding: 5px;text-transform: uppercase;letter-spacing: 0;}
.header-menu li.parent:hover>a:after {content: "";position: absolute;width: 0;height: 0;bottom:10px;left: 50%;transform: translateX(-50%); border-left: 15px solid transparent;
                                               border-right: 15px solid transparent;border-bottom: 20px solid var(--logo-black);z-index: 3;}
.header-menu li.parent:hover > ul.level0{display:flex;flex-direction:column}
ul.level0 a {color:#fff;letter-spacing:2px;font-size: 12px;padding: 0 0 5px;text-align: left;line-height:30px;}
.fixed .header-menu li ul { top: 60px;}
.fixed .header-menu li.parent:hover>a:after {bottom: -10px;}

.main-container.col1-layout {min-height: calc(100vh - 200px);}
.footer-container {margin-top: 100px;border-top:1px solid rgba(var(--foreground),.08)}
.footer {padding:60px;text-align:center;font-size:12px}
.footer address {color: #999;margin-top: 50px;}
#showcase {margin: 30px 0;}
.mobile-view-all{display: none}
.home-banners-wrapper {margin-bottom: 40px;}
.ibanners-wrapper img {max-width: 100vw;}
.home-banners-wrapper .since {font-weight: 500;padding: 10px;display: inline-block; border: 4px solid;border-right: 0;border-left: 0;margin-top: 10px;}
.home-about {display: flex;margin-top: 70px;margin: 70px 0;background: rgba(255,255,255, 0.3);}
.about-img img {max-width: 100%;}
.home-about > div {width: 50%;}
.about-img {padding-right: 40px;}
.about-text {padding: 50px;}
.home-about h2 {text-transform: uppercase;font-weight: 400;margin-bottom:15px;padding: 0 15px;}
.home-about  a.button {display: block;width: 180px;margin-top: 15px;}

.ibanners-wrapper {position: relative;margin-bottom:30px}
.hero {position: relative;width: 100%; height: calc(100vh - 147px);overflow: hidden;}
.hero picture {position: absolute;inset: 0;}
.hero__video {position: absolute;top: 50%;left: 50%;min-width: 100%;min-height: 100%;width: auto;height: auto;transform: translate(-50%, -50%); object-fit: cover;z-index: 1;}
.hero__overlay { position: relative; z-index: 2; width: 100%;height: 100%; display: flex;flex-direction: column; align-items: center;justify-content: center;text-align: center;padding: 0 1.5rem;
      background: linear-gradient(to bottom, rgba(0, 0, 0, 0.20),rgba(0, 0, 0, 0.35));}
.hero__headline {font-size: clamp(2.2rem, 4vw, 3.5rem);font-weight: 700;margin-bottom: 1rem;font-family:"Cormorant Garamond"!important;letter-spacing:1px;text-transform:uppercase; color:#fff}
.hero__subtext {font-size: clamp(1rem, 1.4vw, 1.2rem); max-width: 640px; margin: 0 auto 2rem;opacity: 0.9;}
.hero__button {display: inline-flex;align-items: center;justify-content: center;padding: 0.5rem 2.4rem; border: none;cursor: pointer;font-size: 0.9rem; font-weight: 500;
      letter-spacing: 0.05em;text-transform: uppercase; background: #b86250;border-radius:50px; color: #fff;box-shadow: 0 10px 25px rgba(0, 0, 0, 0.35);
      transition: transform 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;text-decoration: none;text-transform:uppercase; }
.hero__button:hover {transform: translateY(-1px); box-shadow: 0 14px 30px rgba(0, 0, 0, 0.45);color: #fff;text-decoration-line:none}
.hero__button:active {transform: translateY(0);box-shadow: 0 8px 18px rgba(0, 0, 0, 0.35);}
.featured-categories {display: flex;justify-content: space-between;margin-bottom: 40px;gap: 30px;}
.featured-categories .category-item {max-width: 300px;position: relative;}
.category-item .cat-image {max-width: 100%;}
.category-item img {max-width: 100%;}
.category-item .cat-image:before,.dark-overlay { content: ""; background: linear-gradient(        to bottom,        rgba(0, 0, 0, 0.20),        rgba(0, 0, 0, 0.35)      );top:0;left:0
    width: 100%;height: 100%; z-index: 2;display: flex;position: absolute;}
.category-item .cat-name { position: absolute; top: 50%; left: 50%;color: #fff;text-transform: uppercase;font-size: 30px;transform: translate(-50%, -50%); z-index: 3;font-family: "Cormorant Garamond"!important;letter-spacing: 1px;}
.showcase-box {margin-bottom: 20px;}
.block-title {color: #555;text-transform: uppercase;font-size: 34px;font-family: "Cormorant Garamond"!important;font-weight:500;text-align: center;margin: 50px;letter-spacing: 6px;margin-top: 20px;}
.showcase-box .view-all.button {background: #f3c7ba;padding: 10px 25px;color: var(--logo-orange);display: block;margin: 0 auto;font-size: 16px;font-weight: 500;
        letter-spacing: 1px;line-height: 26px;height: auto;margin-bottom: 30px;text-decoration: none;}
.slick-prev:before, .slick-next:before {color: var(--logo-orange);font-size: 30px;}
.showcase-header {display: flex;justify-content: space-between;padding: 0 7.5px;flex-direction:column}
.showcase-box.full-width {width: calc(100vw - 10px);margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw);padding:40px 60px 40px 60px;background: #fcf9f7;}
.collections-container.slider {display: flex;overflow: hidden;justify-content: space-between;gap: 30px;}
.collections-container .item.slide,.collections-container .item.slide a {display: flex;flex-direction: column;align-items: center;text-align: center;padding-bottom:3px;}
.collections-container .item-title {margin: 15px auto 0 auto;font-size:14px;color:#555;position: relative;line-height:20px;display:inline-block;padding-bottom: 2px;}
.collections-container .item.slide a:hover{text-decoration:none}
.collections-container .item-title:after { content: ""; position: absolute; left: 0; bottom: -1px; width: 100%; height: 1px; background: currentColor; transform: scaleX(0); 
        transform-origin: center; transition: transform 0.25s ease; }
.collections-container .item.slide a:hover .item-title:after { transform: scaleX(1); }
.collections-container img {width: 100%;}
.light-overlay { content: ""; background: linear-gradient(to bottom, rgba(0, 0, 0, 0.10), rgba(0, 0, 0, 0.15));
    width: 100%;height: 100%; z-index: 2;display: flex;position: absolute;top:0;left:0}

.attribute-feature-wrapper {display: flex;justify-content: space-between;gap: 40px;}
.attribute-feature-wrapper .attribute-products {display: flex;flex-wrap: wrap; max-width: 50%;gap: 40px;justify-content: space-between;}
.attribute-feature-wrapper .attribute-products > * {width: calc(50% - 20px);display:flex}
.attribute-feature-wrapper .attribute-info {display: flex;width: 50%;padding: 40px;position:relative;background-size: cover;}
.attribute-feature-wrapper .attribute-info a {height: 100%;width: 100%; display: flex;flex-direction: column;justify-content: center;align-items: center;z-index:3}
.attribute-feature-wrapper .attribute-name h3 { color: #fff;text-transform: uppercase;font-family: 'Cormorant Garamond' !important;font-size: 40px;    text-align: center;
    margin-bottom: 20px;}
.attribute-feature-wrapper .attribute-info a:hover {text-decoration: none;}
.attribute-feature-wrapper .attribute-products .attribute-shop-all {width:100%;padding-top:20px}
.attribute-feature-wrapper .product-image,.attribute-product-item a,.product-image img{ width: 100%;}
.attribute-feature-wrapper .product-name {padding-top: 20px;text-align: center;}
.showcase-box.full-width.homepage-collections {background: url(../images/leafbg2.png) #fcf9f7;}

.about-us-hero {display: flex;gap: 40px;margin: 60px 0;justify-content: space-between;align-items: center;}
.about-us-hero > * {max-width: 50%;}
.about-us-hero img {width: 100%;}
.abt-text {line-height: 1.5;}
.abt-text p {margin-bottom: 30px;}

.fade-in { opacity: 0; transform: translateY(90px); transition: opacity 0.9s ease, transform 0.9s ease; }
.fade-in.is-visible { opacity: 1; transform: translateY(0); }
.main-container.col2-left-layout {background: #f9f9f9;}
.main-container.col2-left-layout {display: flex;flex-flow: row-reverse;position: relative;min-height: 100vh;padding: 40px 0;}
.main-container.col2-left-layout .col-main {width: calc(100% - 285px);box-sizing: border-box;padding: 0 15px;margin: 0 auto;max-width: 1125px;position: relative;}
.main-container.col2-left-layout .col-left {width: 280px;box-sizing: border-box;display: flex; flex-direction: column;padding-left: 27px;}
.contact-us.dig-box {line-height: normal;}
.contact-us h3 {font-size: 25px;color: var(--logo-blue);margin-bottom: 10px;font-weight: 600;}
.contact-us p.required {display: none;}
.contact-form button.button {max-width: 200px;margin-top: 20px;}
.contact-form textarea {height: 200px;}
.contact-us .page-title {font-size: 48px;color: var(--logo-blue);text-align: center;margin-bottom: 40px;}
.two-colums {display: flex;margin-bottom: 50px;}
.two-colums > div { width: 50%; padding: 50px;}
.two-colums .col-one {background: #d2e8f1;}
.two-colums .col-two { background: #fff;}
.contact-us p {line-height: 1.6;margin-bottom: 40px;}
.contact-us h2 {font-size: 32px;font-weight: 700;margin-bottom: 20px;}
.contact-us h1 {font-size: 40px;color: var(--logo-blue);font-weight: 700;margin-bottom: 30px;}
body[class^="customer-"] .footer-container{margin-top:0}

.account-login,.account-create {max-width: 450px;margin: 20px auto;box-shadow: 0 2px 1px -1px rgba(0,0,0,.2),0 0px 10px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12);
                                padding: 10px;border-radius: 4px;background: #fff;margin-bottom: 40px;}

.account-login p,.account-create  p{font-size: 14px;margin-bottom: 10px;color: #000;}
.account-login form,.account-create form{display: block;clear: both;margin: 0 auto;}
.account-login .new-users h2, .account-login .registered-users h2,.account-create .page-title h1
{font-size: 24px;text-align: center;background: 0 0;display: inline-block;width: 100%;line-height: 40px;}
.account-login .new-users .content-box, .account-login .registered-users .content-box,.account-create .fieldset {padding: 1.5em 15px;}
.account-divider {display: block;clear: both;text-align: center;border-bottom: 1px solid #f1f1f1;margin: 0 10%;height: 8px;margin-bottom: 15px;}
.account-divider span {background: #fff;z-index: 200;padding: 0 10px;}
.account-login button,.account-create button {border-radius: 25px;width: 100%;}
.customer-account-login .col-main,.customer-account-create .col-main{max-width: 850px;margin: 0 auto;}


.main-container.col2-left-layout { margin: 0 auto; padding: 24px 16px; }
.main-container.col2-left-layout .col-main { padding-left: 24px; }
.main-container.col2-left-layout .col-left { width: 260px; }
.my-account .dashboard { background: #fff; border: 1px solid #e6e8ee; border-radius: 14px; padding: 24px; box-shadow: 0 4px 18px rgba(0, 0, 0, 0.04); }
.my-account .page-title h1 { margin: 0 0 16px; font-size: 28px; line-height: 1.2; color: #1f2937; }
.my-account .welcome-msg { padding: 18px 20px; margin-bottom: 24px; background: #f8fafc; border: 1px solid #e5e7eb; border-radius: 12px; }
.my-account .welcome-msg .hello { margin: 0 0 8px; font-size: 18px; color: #111827; }
.my-account .welcome-msg p { margin: 0; color: #4b5563; line-height: 1.6; }
.my-account .box-account { margin-bottom: 24px; display: flex; flex-direction: column; gap: 20px; }
.my-account .box-head { padding-bottom: 10px; border-bottom: 1px solid #e5e7eb; }
.my-account .box-head h2 { margin: 0; font-size: 20px; color: #111827; }
.my-account .box, .my-account .box-account .box { background: #ffffff; border: 1px solid #e5e7eb; border-radius: 12px; overflow: hidden; }
.my-account .box-title { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 14px 16px; background: #f9fafb; border-bottom: 1px solid #e5e7eb; }
.my-account .box-title h3, .my-account .box-title h4 { margin: 0; font-size: 16px; color: #111827; }
.my-account .box-title a { font-size: 14px; color: #2563eb; text-decoration: none; }
.my-account .box-title a:hover { text-decoration: underline; }
.my-account .box-content { padding: 16px; color: #374151; line-height: 1.65; display: flex; }
.my-account .box-content address { font-style: normal; color: #374151; }
.my-account .col2-set { display: flex; gap: 20px; flex-wrap: wrap; }
.my-account .col2-set .col-1, .my-account .col2-set .col-2 { flex: 1 1 320px; min-width: 0; }
.block-account { background: #fff; border: 1px solid #e5e7eb; border-radius: 14px; overflow: hidden; }
.block-account .block-title { padding: 16px 18px; background: #e9e8e3; margin: 0; letter-spacing: normal; }
.block-account .block-title strong { font-size: 16px; font-weight: 700; }
.block-account .block-content { padding: 0; }
.block-account ul { margin: 0; padding: 0; list-style: none; }
.block-account li { border-top: 1px solid #eef2f7; }
.block-account li:first-child { border-top: 0; }
.block-account li a, .block-account li strong { display: block; padding: 10px 14px; line-height: 1.35; }
.block-account li a:hover { background: #f8fafc; color: #111827; }
.block-account li.current strong { background: #eff6ff; }
.box-account .col2-set { display: flex; flex-wrap: wrap; gap: 16px; }
.box-account .col2-set .col-1, .box-account .col2-set .col-2 { flex: 1 1 320px; min-width: 0; }
.box-account .col2-set .box { width: 100%; }
.box-account .box-content address { overflow-wrap: anywhere; word-break: break-word; }

.my-account .pager { display: flex; justify-content: space-between; align-items: center; gap: 16px; flex-wrap: wrap; margin: 16px 0; padding: 12px 14px; background: #f8fafc; border: 1px solid #e5e7eb; border-radius: 12px; }
.my-account .pager .amount { margin: 0; color: #374151; }
.my-account .pager .limiter { display: flex; align-items: center; gap: 8px; color: #374151;flex-grow: 0; }
.my-account .pager select { padding: 8px 10px; border: 1px solid #d1d5db; border-radius: 8px; background: #fff; color: #111827;width:auto }
.my-account .data-table { width: 100%; border-collapse: collapse; border: 1px solid #e5e7eb; border-radius: 12px; overflow: hidden; background: #fff; }
.my-account .data-table thead th { padding: 12px 14px; background: #f9fafb; color: #111827; font-size: 14px; font-weight: 600; text-align: left; border-bottom: 1px solid #e5e7eb; }
.my-account .data-table tbody td { padding: 12px 14px; border-top: 1px solid #eef2f7; color: #374151; vertical-align: top; }
.my-account .data-table tbody tr:hover { background: #f8fafc; }
.my-account .data-table .price, .my-account .data-table em, .my-account .data-table .nobr { white-space: nowrap; }
.my-account .data-table a { color: #2563eb; text-decoration: none; }
.my-account .data-table a:hover { text-decoration: underline; }

.my-account .buttons-set { margin-top: 20px; }
.my-account .buttons-set .back-link a { display: inline-flex; align-items: center; gap: 4px; color: #2563eb; text-decoration: none; }
.my-account .buttons-set .back-link a:hover { text-decoration: underline; }

.my-account .addresses-list { display: flex; gap: 20px; flex-wrap: wrap; align-items: flex-start; }
.my-account .addresses-list > .col-1, .my-account .addresses-list > .col-2 { flex: 1 1 360px; min-width: 0; }
.my-account .addresses-list h2 { margin: 0 0 14px; padding-bottom: 10px; border-bottom: 1px solid #e5e7eb; font-size: 20px; color: #111827; }
.my-account .addresses-list ol { margin: 0; padding: 0; list-style: none; }
.my-account .addresses-list .item { background: #fff; border: 1px solid #e5e7eb; border-radius: 12px; padding: 16px; margin-bottom: 16px; box-shadow: 0 1px 2px rgba(0,0,0,.03); }
.my-account .addresses-list .item.empty { background: #f8fafc; border-style: dashed; }
.my-account .addresses-list h3 { margin: 0 0 12px; font-size: 16px; color: #111827; }
.my-account .addresses-list address { margin: 0; font-style: normal; color: #374151; line-height: 1.65; overflow-wrap: anywhere; word-break: break-word; }
.my-account .addresses-list p { margin: 12px 0 0; }
.my-account .addresses-list a { color: #2563eb; text-decoration: none; }
.my-account .addresses-list a:hover { text-decoration: underline; }

.my-account .summary.fieldset, .my-account .report.fieldset, .my-account .campaings.fieldset, .my-account .refcodes.fieldset, .my-account .withdrawals.fieldset { background: #fff; border: 1px solid #e5e7eb; border-radius: 12px; padding: 16px; margin-bottom: 20px; }
.my-account .summary.fieldset .legend, .my-account .report.fieldset .legend, .my-account .campaings.fieldset .legend, .my-account .refcodes.fieldset .legend, .my-account .withdrawals.fieldset .legend { margin: 0 0 14px; padding-bottom: 10px; border-bottom: 1px solid #e5e7eb; font-size: 18px; color: #111827; }
.my-account .summary ul, .my-account .refcodes ul { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 14px; }
.my-account .summary li, .my-account .refcodes li { flex: 1 1 240px; background: #f9fafb; border: 1px solid #e5e7eb; border-radius: 10px; padding: 12px 14px; }
.my-account .summary .title, .my-account .refcodes .title { display: block; font-size: 13px; color: #6b7280; margin-bottom: 6px; }
.my-account .summary .value, .my-account .refcodes .value { display: block; color: #111827; }
.my-account .report ul { list-style: none; margin: 0; padding: 0; }
.my-account .report li { margin: 0; }
.my-account .report a { display: inline-flex; align-items: center; gap: 6px; color: #2563eb; text-decoration: none; }
.my-account .report a:hover { text-decoration: underline; }
.my-account .campaings .pager { display: flex; justify-content: space-between; align-items: center; gap: 16px; flex-wrap: wrap; margin: 16px 0; padding: 12px 14px; background: #f8fafc; border: 1px solid #e5e7eb; border-radius: 12px; }
.my-account .campaings .pager .amount { margin: 0; color: #374151; }
.my-account .campaings .pager .limiter { display: flex; align-items: center; gap: 8px; color: #374151; }
.my-account .campaings .pager select { padding: 8px 10px; border: 1px solid #d1d5db; border-radius: 8px; background: #fff; color: #111827; }
.my-account #aff-ref-url, .my-account #aff-coupon-0 { width: 100%; max-width: 100%; padding: 10px 12px; border: 1px solid #d1d5db; border-radius: 8px; background: #f8f8f8; color: #111827; }
.my-account .btn-inline { padding: 9px 12px; border: 1px solid #d1d5db; border-radius: 8px; background: #fff; color: #111827; cursor: pointer; }
.my-account .btn-inline:hover { background: #f9fafb; }
.my-account .withdrawal-top-container { padding: 12px 14px; background: #f8fafc; border: 1px solid #e5e7eb; border-radius: 10px; color: #374151; }

@media (max-width: 768px) { 
    .main-container.col2-left-layout { padding: 16px 12px; display: flex; flex-direction: column; } 
    .main-container.col2-left-layout .col-main { order: 1; padding-left: 0; } 
    .main-container.col2-left-layout .col-left.sidebar { order: 2; } 
    .main-container.col2-left-layout .col-main, .main-container.col2-left-layout .col-left.sidebar { float: none; width: 100%; } 
    .col-left.sidebar { margin-bottom: 18px; } 
    .my-account .dashboard { padding: 18px; } 
    .my-account .page-title h1 { font-size: 24px; } 
    .my-account .col2-set { gap: 14px; } 
    .block-account .block-title, .block-account li a, .block-account li strong { padding-left: 14px; padding-right: 14px; } 
    .my-account .pager, .my-account .campaings .pager { flex-direction: column; align-items: flex-start; } 
    .my-account .pager .limiter, .my-account .campaings .pager .limiter { width: 100%; justify-content: space-between; } 
    .my-account .data-table, .my-account .data-table thead, .my-account .data-table tbody, .my-account .data-table tr, .my-account .data-table td, .my-account .data-table th { display: block; width: 100%; } 
    .my-account .data-table thead { display: none; } .my-account .data-table tr { border: 1px solid #e5e7eb; border-radius: 12px; overflow: hidden; margin-bottom: 12px; } 
    .my-account .data-table tbody td { display: flex; justify-content: space-between; gap: 12px; } 
    .my-account .addresses-list { flex-direction: column; } 
    .my-account .addresses-list > .col-1, .my-account .addresses-list > .col-2 { flex: 1 1 auto; width: 100%; } 
    .my-account .summary ul, .my-account .refcodes ul { flex-direction: column; } .
    .my-account .summary li, .my-account .refcodes li { flex: 1 1 auto; } 
    .my-account .refcodes li .value { display: flex; flex-wrap: wrap; gap: 8px; } 
    .my-account #aff-ref-url { width: 100% !important; } 
}
.products-grid {display: flex;flex-wrap: wrap;margin-bottom: 30px;}
.products-grid .item {background: rgba(255,255,255, 0.4);width: calc(25% - 15px); margin: 7.5px; position: relative;display: flex;flex-direction: column;}
.products-grid .item-wrapper{display: flex;flex-direction: column;height: inherit;justify-content: space-between;height: 100%}
.products-grid .item-img {padding: 15px;height: 315px;}
.products-grid .item-img-main{width: 100%;height: 100%;position: relative;overflow:hidden}
.products-grid .item-img-main a{width: 100%;height: 100%;}
.products-grid .item-img-main img {width: 100%;height: 100%;object-fit: contain;object-position: center;transition: all .5s ease;}
.products-grid .item:hover .item-img-main img{transform: scale(1.03);}
.products-grid .item-brand{font-size: 13px;font-weight: 300;color:var(--blue-text);padding: 15px 15px 2px;}
.products-grid .item-brand p {min-height: 16px;}
.products-grid .item-name {padding: 4px 25px 10px 25px;line-height: 21px;font-weight: 500;display: -webkit-box;-webkit-line-clamp: 3;text-align: center;-webkit-box-orient: vertical;
    overflow: hidden;text-overflow: ellipsis;font-size: 13px;letter-spacing: 1px;}
.products-grid .item-name a {color: var(--logo-black);}
.products-grid .price-box {display: flex;align-items: baseline;justify-content: center;flex-wrap: wrap}
.products-grid .price-including-tax {display: none;}
.products-grid .price-box .price {font-size: 0.9em;}
.products-grid .price-box a.minimal-price-link {flex-basis: 100%;width: 100%;text-align: center;padding-top: 5px}
.products-grid .actions {padding: 5px;}
.products-grid .actions, .products-grid .button {display: flex;align-items: center;font-size: 11px;justify-content: center;}
.products-grid .button  {width: 134px;height: 37px;justify-content: center;color: #fff;user-select: none;cursor: pointer;border: 0}
.products-grid .button.choose-options{color: var(--gold-text);background: #fff;border:2px solid var(--gold-text);width: auto}
.ribbon {color: #fff;background: var(--logo-orange);width: fit-content;padding: 2px 10px;font-size: 10px;
            margin-left: 10px;border-radius: 20px;text-transform: uppercase;position: absolute;top: 10px;left: 0;z-index: 1;}
.ribbon.new-ribbon{background:#188b03;}
.products-grid .item-qty .qty {height: 37px;border-radius: 0 4px 4px 0; width: 37px; font-size: 14px;}
.products-grid .qty-ctrl {height: 37px;}
.products-grid .qty-ctrl div { padding: 2px;border-radius: 4px 0 0 0;}
.products-grid .qty-ctrl div.qty-dec {border-radius: 0 0 0 4px;}
.products-grid .item-info {display: flex;flex-direction: column;flex-grow: 1;justify-content: space-between;}
.products-grid .tier-prices{ align-self: center;margin: 0 20px;padding: 5px 10px;}
.products-grid .item-details {padding:0 15px;height: 60px;box-sizing: content-box;}
.products-grid .item-details .sku {font-size: 12px;color:var(--logo-orange)}
.configurable-attribute {display: flex;flex-wrap: wrap;flex-direction: column;padding: 10px 20px;align-items: center;}
.products-grid .actions form{display: flex;flex-direction: column;align-items: center;}
.configurable-attribute label {color: #888888;}
.swatch-options {display: flex; gap: 5px; margin-bottom: 15px;flex-wrap: wrap;justify-content: center;margin-top: 10px;}
.swatch-option {display:flex;position:relative}
.swatch-option span{border: 1px solid var(--logo-black);padding: 8px 12px;border-radius:20px;transition: all 0.2s ease;color:var(--logo-black);cursor: pointer;user-select:none}
.swatch-option:hover span,.swatch-option input[type="radio"]:checked + span{background-color:var(--logo-black);color:#fff;}
.swatch-option.not-available span{border-color:#ccc;color:#ccc;cursor:default;text-decoration:line-through;}
.swatch-option.not-available:hover span{background-color:transparent;color:#ccc;}
.swatch-option.not-available input[type="radio"]:checked + span{background-color:#ccc;color:#fff;text-decoration:line-through;}
.btn-cart.out-of-stock{opacity:0.6;cursor:not-allowed;}
.swatch-option input[type="radio"] {width:100%;height:100%;opacity: 0;position: absolute;cursor: pointer;}


.product-essential {display: flex;padding: 50px;background: rgba(255, 255, 255, 0.3);}
.product-essential .product-img-box {margin-right: 50px;border: 1px solid var(--brown-bg);}
.product-img-box .more-views {padding: 10px;background: #fff;}
.product-essential .product-name {font-size:36px;letter-spacing: 1px;margin: 0 0 20px 0;line-height: 1.5;color: var(--logo-black);}
.product-sku {color: var(--logo-orange);margin-bottom: 15px;}
.product-sku .lbl{color: var(--logo-black);font-weight:600}
.price-box .old-price {color: #666;font-size: 0.8em;text-decoration: line-through;margin-right:5px}
.mobile-details .product-sku {padding: 0 15px;}
.product-img-box .swiper {width: 100%; height: 100%;}
.product-img-box.has-more {max-width: 50%;}
.product-img-box .swiper-slide {text-align: center;font-size: 18px;background: #fff;display: flex;justify-content: center;align-items: center;}
.product-img-box .swiper-slide img {display: block;width: 100%;height: 100%;object-fit: cover;}
.product-img-box .swiper {width: 100%;height: 300px;margin-left: auto;margin-right: auto;}
.product-img-box .swiper-slide {background-size: cover;background-position: center;box-shadow: 0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);}
.product-img-box .swiper-slide  .thumbnail{width: 100%;height: 100%;}
.product-img-box .mySwiper2 {height:500px;width: 100%;}
.product-img-box .mySwiper {height:90px;box-sizing: border-box;}
.product-img-box .mySwiper .swiper-slide {width: 90px;height: 100%;opacity: 0.4;cursor:pointer}
.product-img-box .mySwiper .swiper-slide-thumb-active {opacity: 1;box-shadow: 0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);}
.product-img-box .mySwiper img{opacity: 0.8;}
.product-img-box .mySwiper .swiper-slide-thumb-active img{opacity: 1;}
.product-img-box .mySwiper .swiper-slide-thumb-active .thumbnail{border-bottom: 6px solid var(--logo-orange);}
.product-img-box .swiper-slide img {display: block;width: 100%;height: 100%;object-fit: cover;}
.product-img-box .swiper-button-next:after, .product-img-box .swiper-button-prev:after{font-size:inherit}
.product-img-box .swiper-button-next, .product-img-box .swiper-rtl .swiper-button-prev{right:0;}
.product-img-box .swiper-button-prev, .product-img-box .swiper-rtl .swiper-button-next{left:0}
.product-img-box .swiper-button-next, .product-img-box  .swiper-button-prev{background:var(--logo-orange)}
.product-img-box .main-image {border-bottom: 1px solid #eee;}

.product-essential .description {line-height: 1.5;margin-bottom: 30px;}

.product-shop {max-width: 400px;}
.product-shop .configurable-attribute {padding-left: 0;align-items: flex-start;}
.product-shop button.button.btn-cart {line-height: 50px;width: 100%;height: 50px;}
.product-shop .swatch-options {justify-content: flex-start;gap: 12px;}
.product-shop .price-box {margin: 20px 0;}
.product-shop .price-box .old-price {margin-bottom: 5px;}
.breadcrumbs ul {display: flex;padding:0 40px}
.breadcrumbs li {margin-right: 5px;}
.breadcrumbs li.home {display: none;}
.breadcrumbs {font-size: 0.9em;color:var(--logo-orange);margin-bottom: 20px;padding: 20px;background:#f9f9f8}
.sort-bar {display: flex;justify-content: space-between;padding:0 20px}
.sort-by {display: flex;align-items: center;    margin-bottom: 20px;}
.select-dropdown-label {flex-wrap: wrap;font-size: 0.8em;margin-right: 15px;display: flex;}
.count-container {color:#555;margin-bottom:20px;}
.toolbar.bottom {display: flex; align-content: center;}
.limiter {display: flex; flex-wrap: wrap; flex-grow: 1; align-items: center;}
.sort-by .select-dropdown {display: flex;}

.field {position: relative;width: 100%;display: flex;transition: box-shadow .1s ease;flex-direction: column;}
h3 {font-size: 18px;font-weight:700;color:var(--logo-orange)}
h4 {font-size: 16px;font-weight:600;color:#555;margin-bottom:15px}
.home-contact {display: flex;margin-bottom: 50px; flex-wrap: wrap;margin: 50px;padding: 50px; background: #dfd3c3;border-radius: 6px;}
.home-contact > h2 {flex-basis: 100%;}
.contact-box{width: 50%;}
.cms-page-view .std h3 {text-align: center;margin-bottom: 30px; font-size: 1.5em;color: #555;}
.home-text h4{font-size: 1.1em; margin-bottom:30px;font-weight: 600;text-align: center;}
.home-text {padding: 50px;margin-bottom: 50px;}
.home-text .about-text {column-count: 3;}
.home-text .about-text img{float:left;margin-bottom:10px;max-width:100%;margin-right: 10px;}
.contact-box h3 {margin-bottom: 10px;}
.std .contact-box p {padding: 0;}
.form-list .input-box {margin-bottom: 15px;}
.form-list label {position: relative;display: block; margin-bottom: 5px;color: #555;font-size: 14px;}
.form-list label em {display: none;}
.validation-advice {font-size: 12px;margin-top: 5px;color: #e63946;}
input.validation-failed {border-color: #e63946;}
a.forgot-link {display: block;font-size: 13px; line-height: normal; text-align: right; margin: -5px 0 10px;}
li#remember-me-box {display: block;margin-top: 10px;}
input[type="checkbox"], input[type="radio"] {display: inline-block;width: auto;vertical-align: middle;height: auto;margin-right: 5px;}
.form-list .control label { vertical-align: middle; display: inline-block;margin: 0;color:#000}
.form-list .input-box.radio {display: flex;margin-top: 10px;padding: 10px;border: 1px solid #ddd;background: #f9f9f9;height: 40px;align-items: center;}
.form-list .fields, .form-list .customer-name { display: flex;flex-direction: column;}
.firecheckout-set .form-list .customer-name {width: 100%;}
.form-list .fields .field {margin-right: 10px;width: calc(50% - 10px);}
.form-list .fields {margin-right: -10px;}
.form-list .input-box.radio label { margin-right: 15px;font-weight: 600;margin-bottom: 0}
.form-list .input-box.radio input { margin-right: 5px;}
.form-list textarea {height: 100px;}

.footer-cols {display: flex;justify-content: space-between;}
.footer-info-box {display: flex;}
.footer-logo img {max-width: 100%;}
.footer-col.contact-col {width: 350px;}
.footer-contact-box{padding:50px;margin-top: -100px;margin-bottom: 50px;}
.footer-contact-box h2 {color:#fff;font-weight: 800;letter-spacing: normal;}
.footer-contact-box img{margin-bottom:15px;width:100px}
.contact-text {color:#fff;font-size: 0.9em;margin-bottom: 15px;line-height: normal;}
.button.white-button { background: #fff;padding: 10px 15px;color: var(--logo-orange);font-size: 0.9em;text-transform: uppercase;font-weight: 600;}
.footer-logo {max-width: 150px;}
.footer-address {line-height: normal;text-align: left; padding: 0 15px; font-size: 0.8em;}
.footer-address h3 {margin-bottom: 5px;color:inherit}
.footer-col.links-col {text-align: left;}
.footer-col.links-col a {padding-bottom: 5px;}
.links-col ul li {padding: 5px 10px; text-transform: uppercase;font-weight: 600;margin-bottom: 5px;}
.subscribe-box svg {width: 1.5rem;}
.subscribe-box button {background: 0;color: var(--logo-black);display: flex;}
.subscribe-box input {border: 0;}
.subscribe-box  .field {border: 1px solid var(--logo-black);display: flex; align-items: center;flex-direction: row;}
.subscribe-box .box-title {margin-bottom: 10px;font-size: 16px;}

.two-colums {display: flex;margin-bottom: 50px;}
.two-colums > div { width: 50%; padding: 50px;}
.two-colums .col-one {background: rgba(255, 255, 255, 0.4);}
.two-colums .col-two { background: #fff;}
.contact-us p {line-height: 1.6;margin-bottom: 40px;}
.contact-us h2 {font-size: 32px;font-weight: 700;margin-bottom: 20px;}

.buttons-box {justify-content: center;align-items: center;display: flex;margin-bottom: 60px;}
.buttons-box a.button {max-width: 200px;text-align: center; margin: 10px;}
.buttons-box a.button:hover{color:#fff}
.field.control.checkbox {display: flex;margin: 0 10px 10px 0;}
.input-box.checkbox {display: flex;padding-left: 20px;position: relative;margin: 10px 0;flex-direction: column;}
.input-box.checkbox input {position: absolute;left: 0;}
.field.control.checkbox {margin-bottom: 15px;}

.cart-empty h2 {font-size: 24px;}
.cart-title {display: flex;justify-content: space-between;    padding-top: 30px;padding-bottom: 20px;align-items: center;}
.cart-items { border: 1px solid rgba(0,0,0,0.14);border-right: 0;border-left: 0;}
.cart-title h1 {padding: 0;text-transform:uppercase}
.cart {display: flex;padding-bottom: 50px;flex-wrap: wrap;flex-direction: column;align-items: end;}
.cart-left {width:100%}
.cart-right {width: 322px;}
.cart-left-inner{background: #fff;padding: 20px;border: 1px solid var(--logo-blue-outline);}
.cart-buttons {display: flex;padding: 20px 0;}
.cart-buttons button.button.update-btn {max-width: 200px;}
.cart-title h1{font-size: 27px;font-weight:600;padding-bottom: 15px;text-align: center;}
.cart-item{border-top: 1px solid var(--logo-blue-outline);padding: 30px 0;display: flex; position: relative;justify-content: space-between;align-items: center;}
.cart-item .item-msg.error { color: var(--red-dark);}
.cart-item .item-msg {font-size: 14px;margin-top: 5px;}
.cart-item .item-left{display: flex;align-items:center;}
.cart-item .item-right{display: flex;align-items: center;}
.cart-item .item-img {width: 100px;height: 100px;margin-right: 50px;border: 1px solid #f5f5f5;padding:3px;position:relative}
.cart-item .item-img img {max-width: 100%;max-height: 100%;object-fit: contain;}
.cart-item .item-img .item-brand {position: absolute;width: 50px;bottom: -12px;left: -12px; }
.cart-item .item-img .item-brand img {width: 100%;max-height: 30px;}
.cart-item .item-info{color: #555;font-size: 12px;}
.cart-item .item-info .item-brand{margin-bottom: 6px;}
.cart-item .item-info .cart-item-brand-logo{height: 22px;width: auto;max-width: 80px;object-fit: contain;display: block;opacity: 0.85;}
.cart-item .product-sku {font-size: 11px;color: #333;}
.cart-item .item-options { margin-top: 15px;}
.cart-item .item-info .item-option {display: flex;}
.cart-item .item-info .product-name a{font-size: 14px;font-weight: 700;line-height: 23px; margin-bottom: 10px;display: block; color: #000;text-transform:uppercase}
.cart-item .item-info .item-price{margin-top: 10px;}
.cart-item .item-qty {display: flex;border: 1px solid #ccc;width: 150px;}
.cart-item .item-qty .qty {height: 50px;text-align: center;border: 0;padding: 0;}
.cart-item .item-qty * {width: 33.333%;text-align: center;height: 50px;line-height: 50px;cursor:pointer}
.cart-item .item-subtotal {font-size: 13px;width: 100px; text-align: right;}
.cart-item .qty-ctrl {height: 50px;width: 25px;}
.cart-item .item-right .item-actions{display: flex;}
.cart-item .item-right .item-actions a{font-size: 14px;font-weight: 200;cursor: pointer;user-select: none;color:var(--logo-blue-outline);margin-left: 15px;}
.cart-item .item-right .item-actions a:hover{color:var(--logo-blue)}
.cart-item svg.icon.icon-remove {height: 20px;width:20px}
.cart-right-title{font-size: 27px;font-weight: 600; border-bottom: 1px solid var(--logo-blue-outline); padding-bottom: 20px;text-align: center;}

table#shopping-cart-totals-table,.onestepcheckout-totals { width: 100%;}
#shopping-cart-totals-table td {padding: 10px 0;}
.btn-checkout{height: 50px;line-height: 50px;width:100%}
.btn-checkout.no-checkout {background: #999;}
.mobile-overlay { width: 100%;height: 100vh;background: rgba(0, 0, 0, 0.2); z-index: 7777;position: fixed;top: 0;left: 0;}

@media only screen and (max-width:1024px) {
    
    .websites {width: 100%;flex-grow: 1;}
    .header-msg { background: #f2f1ee;padding: 15px 10px;font-size: 10px;color: #222;letter-spacing: normal;display: flex;justify-content: center;}
    .sitewide {display: flex; height: auto;}
    .sitewide .account-cart {display: none;}
    .sitewide-container {flex-direction: column;padding: 0; height: auto; margin: 0; width: 100%;}
    .websites a.website {color: #333;font-size: 11px; }
    .websites a.website.active {color: #000;font-weight: 700; }
    .header-container {position: relative;height: auto;}
    .header.limited-width {height: auto;width: 100%;padding: 0 10px;justify-content: space-between;position: relative;border-bottom:1px solid rgba(0, 0, 0, 0.05);}
    .fixed .header.limited-width {position: fixed;top: 0;background: #fff;padding: 5px;}
    .header-logo img {max-width: 120px;}
    .header-logo {margin-top:0;}
    .fixed .header-logo{margin-top: 0;height: auto;}

    .header-search {display: none;box-shadow: 0 5px 10px rgba(0,0,0,0.1);}
    
    .mobile-view, .mobile-details {display:block;}
    .header-menu {display: none;}
    .header a.link.language {right: 30px;width: auto; padding: 10px;position:absolute;background: rgba(255, 255, 255, 0.05);font-size: 1.3em;}
    
    .header-left.mobile-view {display: flex;align-items: center;}
    .search-trigger {padding: 10px;}
    
    .mobile-menu-header {display: flex;justify-content: space-between;position: relative;border-bottom: 1px solid rgba(0,0,0, 0.05);align-items: center;background: #f2f1ee;}
    a.link.language {position: relative;right: auto;background: #f2f1ee;color: #000;text-decoration-line: underline;}
    .menu-close {position: relative; top: auto;}
    .mobile-menu {padding: 0;}
    .mobile-menu-header a {padding: 15px!important;display: block;line-height: normal;height: 20px;box-sizing: content-box;}
    ul.main-nav{background: #fff;position: relative;width: auto;transition: margin-left .25s ease-in-out;display: flex;flex-direction: column;flex-grow: 1;overflow-x: hidden;overflow-y: auto;flex-shrink: 0;}
    ul.level0 a {color: #000;}
    .main-nav ul.level0 {display: none;}
    a.level-top {height: 100%;display: flex;align-items: center;overflow: hidden;white-space: normal;text-overflow: ellipsis;outline: 0;line-height: 50px;position: relative;border-bottom: 1px solid rgba(0,0,0,0.1);}
    a.level-top:before {content: "";position: absolute; right: 0;top: 0px;color: #000;height:100%;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 12h12.5m0 0-6-6m6 6-6 6' stroke='%23000' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
        background-repeat: no-repeat;background-position: center;width: 50px;background-size: 28px;}
    .menu-cont {background: #fff; margin:0;overflow:auto;display: flex;}
    .menu-cont.sub-active ul.main-nav {margin-left: -100%;}
    .menu-sub {flex-direction: column;flex-shrink: 1;overflow-y: auto;flex-wrap: nowrap;background:#f2f1ee;width:100%;display: none;}
    .menu-sub.active {display: flex;}
    .menu-sub .back {display: none;}
    .menu-sub .back {height: 40px;font-size:12px;line-height: 40px;display: flex;align-items: center;cursor: pointer;color: #000;background: #E9E8E3;border-bottom: 1px solid rgba(0,0,0, 0.05);padding: 0 15px;}
    .menu-sub .level1 a {height: 50px;line-height: 50px;display: flex;align-items: center;cursor: pointer;color: #000;border-bottom: 1px solid rgba(0,0,0, 0.05);padding: 0 20px;}
    
    .header-search {inset: 0;position: fixed;height: 150px;background: #cdcbc1;padding: 30px;z-index: 9999; top: 0;margin-top: -150px;transition: margin-top .25s ease-in-out;align-items:center}
    .header-search form#search_mini_form {width: 100%;}
    .header-search .form-search input {line-height: 50px;background: none;}
    .header-search.active{display:flex;margin-top: 0px;}
    .header-spacer {height: 0;}
    .home-banners-wrapper {margin-top:0;}
    .featured-categories {display: grid;grid-template-columns: 1fr 1fr;}
    .breadcrumbs ul.limited-width {padding: 0; line-height: 1.7;}
    .breadcrumbs {padding: 10px;}
    
    
    .hero picture img{width:100%;height: 100%;object-fit: cover;object-position: center;}
    .slide .banner-text {font-size: 50px;}
    .slide .banner-text p { line-height: 1.1em;margin-left: 10%;max-width: 340px;}
    .about-us-hero {flex-direction: column;}
    .about-us-hero > * { max-width: 100%;}
    .showcase-box.full-width {padding: 20px;width: 100vw;}
    .attribute-feature-wrapper {flex-direction: column; }
    .attribute-feature-wrapper .attribute-info {width: 100%;aspect-ratio: 1;}
    .attribute-feature-wrapper .attribute-products {max-width: 100%;}
    .collections-container .item.slide{min-width: 250px;padding-right:10px}
    .slick-next {right: 0;z-index: 999;}
    .slick-prev {left: -10px;z-index: 999;}
    
    .home-contact {padding: 20px;margin: 0;margin-bottom: 50px;}
    .home-text .about-text {column-count: 1;}
    .home-text {padding: 0;}
    .main {overflow: hidden;}
    .contact-box {width: 100%;}
    h3.block-title {margin: 0;line-height: normal;}
    .showcase-box .products-grid {padding: 20px 0;}
    .home-contact > h2 {font-size: 25px;}
    h2 {font-size: 28px;}
    .products-grid .item {width: calc(50% - 15px);}
    .products-grid .item-img {height: auto;}
    .products-grid .item-name { padding: 0 10px;}
    .products-grid .item-img {height: auto;}
    .form-list .fields .field {width: 100%;}
    .form-list .fields {flex-flow: column;}
  
    .home-about {flex-direction: column;}
    .home-about > div {width: 100%;}
    .about-img {padding: 0;}
    .about-text {padding: 25px 0;}
    .showcase-box h3.block-title {font-size: 26px;}
    .footer-col.contact-col { display: none;}
    .footer-cols {flex-direction: column;}
    .footer-col {padding-bottom: 20px;justify-items: center;border-bottom: 1px solid #ddd; margin-bottom: 20px;}
    .links-col ul { border: 0; padding: 0; text-align: center;}
    .links-col ul li {margin-bottom: 10px;}

    .breadcrumbs ul {flex-wrap: wrap; line-height: normal;font-size: 14px;}
    .product-essential {flex-direction: column;padding: 0;}
    .product-essential .mobile-details .product-name {padding: 0 15px; font-size: 24px; display: block;}
    .product-essential .product-img-box {padding: 0;margin: 0 15px 15px 15px;width: 500px;max-width: 100%;}
    .product-essential .product-img-box img {max-width: 100%;}
    .product-essential .product-name {display: none;}
    .product-shop {padding: 0 15px;}
    .desktop-details .product-sku {display: none;}
    .product-essential .description { font-size: 0.9em;}
    .details-container {flex-direction: column;padding: 20px 10px;}
    .details-accordion {width: 100%;}
    .details-specs { width: 100%;padding: 20px 10px;}
    .footer-container {margin-top: 20px;}
    .footer-col.info-col {display: none;}
    
    .cart-left-inner {padding: 0;}
    .cart.limited-width {padding: 0;}
    .cart-right {width: 100%;font-size: 14px;}
    .cart-buttons button.button.update-btn {max-width: 100%;width: 100%; background: #f1f1f1;}
    .cart-item {flex-direction: column;padding: 15px 0;}
    .cart-item .product-name {padding-right: 50px;}
    .cart-item .item-left {width: 100%;padding-bottom: 10px;}
    .cart-item .item-right { width: 100%;padding-left: 110px;justify-content: space-between;color: #777;}
    .cart-item .item-img {margin-right: 10px;}
    .cart-title h1 {font-size: 22px;padding: 0;}
    .cart-title {padding: 20px 0;}
    .cart-title a { font-size: 13px;}
    .cart-item .item-subtotal {position: absolute;right: 0; top: 35px; font-size: 15px;}
    
    .onestepcheckout-index-index .main {width: 100%;display: flex;justify-content: center;}
    .onestepcheckout-threecolumns {flex-direction: column-reverse;width: 100%;}
    .onestepcheckout-threecolumns > div {width: 100%!important;justify-content: center; padding: 0;}
    .onestepcheckout-index-index .limited-width {max-width: 618px;}
    .onestepcheckout-column-right {padding: 0; background: none;  border: 0;width: 100%;}
    .onestepcheckout-column-padright {padding:20px;}
    .checkout-summary-sticky { max-width: none;border-bottom: 1px solid #ccc;padding:20px}
    .checkout-header-container {max-width: 618px;}
    .q-closed {display: flex;justify-content: space-between;margin-bottom: 20px;align-items: center;}
    .q-total {display: flex;flex-direction: column;}
    .q-sum {display: flex; justify-content: space-between;align-items: center;}
    .quick-sum.mobile-view { font-size: 12px;color: #999;}
    .q-title {font-size: 18px;font-weight: 500;color: #000; margin-bottom: 5px;}
    .q-currency {background: #efefef;padding: 3px;border-radius: 8px; font-size: 10px; margin-right: 8px;}
    .q-amnt {font-size: 16px;color: #000;font-weight: 600;}
    .q-sum svg {width: 16px; height: 16px;margin-left: 8px;}
    .q-open {justify-content: space-between; margin-bottom: 20px;}
    .q-open svg { width: 16px;height: 16px;}
    .quick-sum .q-open,.quick-sum.open .q-closed{display: none; }
    .quick-sum.open .q-open {display: flex; }
    .checkout-summary{display: none; }
    .input-box.input-coupon input[type="text"] {width: auto!important;}

}

@media only screen and (max-width:401px) {
    .products-grid .item {width: 100%;}
    .header-logo img {max-width: 100px;}
    .header.limited-width {padding: 0 5px;}
    .header-logo {padding: 5px;}
}