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

:root{ --gg-bg:#0b0b0d; --gg-border:#242428; --gg-muted:#9a9a9a; --gg-radius:16px; }

body.bg-elegant-dark{ background:var(--gg-bg) !important; color:#f3f3f3 !important; }

body.bg-elegant-dark, body.bg-elegant-dark :not(i):not(.fa):not(.fas):not(.far):not(.fab):not([class="fa-"]){
  font-family:'Onest','Comfortaa',sans-serif !important;
}

#welcome-section:has(a[href="#shop"]){ display:none !important; }

#welcome-section.section-xl.section-image{ display:none !important; }

#shop.section, #shop{ padding-top:120px !important; }

.shop, #all-products.shop{ padding-top:0 !important; }

#page.section.section-md{ padding-top:120px !important; }

.section.section-md{ padding-top:120px !important; }

.container.pt-7{ padding-top:120px !important; }

nav.navbar-main{
  position:fixed !important; z-index:1100 !important;
  top:16px !important; left:50% !important; transform:translateX(-50%) !important;
  width:calc(100% - 40px) !important; max-width:1280px !important; margin:0 !important;
  padding:.4rem .9rem .4rem 1.1rem !important;
  background:rgba(13,13,16,.72) !important;
  backdrop-filter:blur(8px) saturate(125%) !important; -webkit-backdrop-filter:blur(8px) saturate(125%) !important;
  border:1px solid rgba(255,255,255,.07) !important; border-radius:16px !important;
  box-shadow:0 14px 38px -18px rgba(0,0,0,.85) !important;
}

nav.navbar-main .header-page-button{ background:transparent !important; border:0 !important; box-shadow:none !important; color:#e8e8e8 !important; font-weight:600 !important; padding:.3rem 1rem !important; transition:color .2s, opacity .2s; }

nav.navbar-main .header-page-button:hover{ opacity:.75; color:inherit !important; transform:none !important; }

nav.navbar-main .btn-link{ color:#bdbdbd !important; transition:color .2s, transform .2s; }

nav.navbar-main .btn-link:hover{ transform:translateY(-2px); }

nav.navbar-main .input-group{ overflow:hidden; background:rgba(255,255,255,.08) !important; border:1px solid rgba(255,255,255,.14) !important; border-radius:12px !important; transition:.2s; }

nav.navbar-main .input-group:focus-within{ background:rgba(255,255,255,.12) !important; border-color:color-mix(in srgb, var(--secondary,#10ab7c) 60%, transparent) !important; box-shadow:0 0 0 3px color-mix(in srgb, var(--secondary,#10ab7c) 18%, transparent) !important; }

nav.navbar-main .input-search, nav.navbar-main .input-search.text-black{ background:transparent !important; border:0 !important; color:#fff !important; height:36px !important; padding:0 14px !important; font-weight:600 !important; }

nav.navbar-main .input-search::placeholder{ color:rgba(255,255,255,.55) !important; font-weight:500 !important; opacity:1 !important; }

nav.navbar-main .input-search-icon, nav.navbar-main .input-group-append, nav.navbar-main .input-group .fa-search{ background:transparent !important; color:rgba(255,255,255,.7) !important; border:0 !important; }

.shop-collapse{ background:rgba(13,13,16,.92) !important; backdrop-filter:blur(18px) saturate(130%) !important; -webkit-backdrop-filter:blur(18px) saturate(130%) !important; border:0 !important; }

.shop-collapse .input-group{ overflow:hidden; background:rgba(255,255,255,.08) !important; border:1px solid rgba(255,255,255,.14) !important; border-radius:12px !important; transition:.2s; }

.shop-collapse .input-group:focus-within{ background:rgba(255,255,255,.12) !important; border-color:color-mix(in srgb, var(--secondary,#10ab7c) 60%, transparent) !important; box-shadow:0 0 0 3px color-mix(in srgb, var(--secondary,#10ab7c) 18%, transparent) !important; }

.shop-collapse .input-search, .shop-collapse .input-search.text-black, .shop-collapse input.form-control{ background:transparent !important; border:0 !important; color:#fff !important; height:42px !important; padding:0 14px !important; font-weight:600 !important; }

.shop-collapse .input-search::placeholder{ color:rgba(255,255,255,.55) !important; font-weight:500 !important; opacity:1 !important; }

.shop-collapse .input-group-append, .shop-collapse .input-group-text, .shop-collapse .fa-search, .shop-collapse .input-search-icon{ background:transparent !important; color:rgba(255,255,255,.7) !important; border:0 !important; }

#widgets.fixed-bottom-right{ z-index:1100 !important; right:24px !important; bottom:24px !important; }

#widgets .basket-button{
  width:60px !important; height:60px !important; border-radius:18px !important;
  background:linear-gradient(135deg, color-mix(in srgb, var(--secondary,#10ab7c) 88%, #fff), var(--secondary,#10ab7c)) !important;
  display:inline-flex !important; align-items:center !important; justify-content:center !important;
  box-shadow:0 14px 34px -10px color-mix(in srgb, var(--secondary,#10ab7c) 75%, transparent), 0 0 0 1px rgba(255,255,255,.08) inset !important;
  transition:transform .2s ease, box-shadow .2s ease !important; position:relative !important;
}

#widgets .basket-button:hover{ transform:translateY(-3px) scale(1.04) !important; box-shadow:0 20px 44px -10px color-mix(in srgb, var(--secondary,#10ab7c) 90%, transparent) !important; }

#widgets .basket-button .fa-shopping-basket, #widgets .basket-button i{ color:#fff !important; font-size:22px !important; filter:drop-shadow(0 1px 2px rgba(0,0,0,.25)); }

#widgets .basket-button .cart-counter{
  position:absolute !important; top:-6px !important; right:-6px !important;
  min-width:22px !important; height:22px !important; padding:0 6px !important;
  display:flex !important; align-items:center !important; justify-content:center !important;
  background:var(--danger,#FA5252) !important; color:#fff !important;
  border:2px solid var(--gg-bg,#0b0b0d) !important; border-radius:999px !important;
  font-size:11px !important; font-weight:800 !important; line-height:1 !important; box-shadow:0 4px 10px -2px color-mix(in srgb, var(--danger,#FA5252) 70%, transparent) !important;
}

.filter-button-group{ display:flex !important; flex-wrap:wrap; gap:.55rem; padding:.4rem 0 .2rem; margin-bottom:1.6rem !important; }

.filter-button{ display:inline-flex !important; align-items:center; gap:.5rem; margin:0 !important; padding:.55rem 1.15rem !important; border:1px solid rgba(255,255,255,.10) !important; border-radius:999px !important; background:rgba(255,255,255,.035) !important; color:#c8c8cc !important; font-weight:600; font-size:.9rem !important; line-height:1; white-space:nowrap; cursor:pointer; user-select:none; transition:background .18s, color .18s, border-color .18s, transform .12s; }

.filter-button i{ font-size:.85em; opacity:.85; margin:0 !important; }

.filter-button:hover{ transform:translateY(-1px); color:#fff !important; background:rgba(255,255,255,.07) !important; border-color:rgba(255,255,255,.22) !important; }

.filter-button.active{ color:#0e0e10 !important; background:var(--secondary,#10ab7c) !important; border-color:var(--secondary,#10ab7c) !important; box-shadow:0 8px 20px -8px var(--secondary,#10ab7c); }

.filter-button.active i{ opacity:1; }

.row.filter-items{ display:flex !important; flex-wrap:wrap !important; position:relative !important; height:auto !important; min-height:0 !important; margin:0 -12px 0 !important; grid-template-columns:none !important; }

.row.filter-items > .filter-item{ position:relative !important; left:auto !important; top:auto !important; transform:none !important; width:25% !important; max-width:25% !important; flex:0 0 25% !important; padding:0 12px 24px !important; margin:0 !important; box-sizing:border-box !important; animation:none !important; transition:opacity .35s ease, transform .35s ease !important; }

.filter-item .product-card, .product-card{
  position:relative; display:flex !important; flex-direction:column !important; height:330px !important;
  background:rgba(255,255,255,.035) !important;
  backdrop-filter:blur(12px) saturate(115%) !important; -webkit-backdrop-filter:blur(12px) saturate(115%) !important;
  border:1px solid rgba(255,255,255,.07) !important; border-radius:var(--gg-radius) !important;
  box-shadow:0 8px 24px -16px rgba(0,0,0,.6) !important;
  transition:transform .25s ease, border-color .25s ease, box-shadow .25s ease !important;
}

.product-card:hover{ transform:translateY(-3px) !important; border-color:rgba(255,255,255,.14) !important; box-shadow:0 14px 32px -20px rgba(0,0,0,.7) !important; z-index:20; }

.product-card > .card-header.product-image{ order:1 !important; flex:0 0 auto !important; }

.product-card > .card-footer{ order:2 !important; flex:1 1 auto !important; display:flex !important; flex-direction:column !important; background:transparent !important; padding:1rem 1.1rem 1.15rem !important; }

.product-card .product-actions{ position:static !important; }

.product-card .product-actions::after{ content:""; position:absolute; inset:0; z-index:5; }

.product-card .product-actions .position-absolute-center, .product-card .product-actions .btn, .product-card .product-buy{ position:relative; z-index:6; }

.product-card .sale{ z-index:7 !important; }

.product-card .card-header.product-image{ display:flex !important; align-items:center !important; justify-content:center !important; width:100% !important; height:160px !important; min-height:160px !important; max-height:160px !important; overflow:hidden !important; padding:8px 8px 4px !important; box-sizing:border-box !important; background:transparent !important; }

.product-card .product-image .mx-auto{ display:block !important; width:100% !important; max-width:100% !important; height:100% !important; min-height:0 !important; margin:0 auto !important; background-size:contain !important; background-position:center !important; background-repeat:no-repeat !important; }

.product-card .product-image img{ display:block !important; max-width:100% !important; max-height:100% !important; width:auto !important; height:auto !important; margin:0 auto !important; transition:transform .35s; }

.product-card:hover .product-image img, .product-card:hover .product-image .mx-auto{ transform:scale(1.03) !important; }

.card-footer .text-sm{ text-transform:uppercase; letter-spacing:.07em; font-size:.68rem; color:var(--gg-muted) !important; margin-bottom:.45rem !important; }

.product-card h5{ font-weight:700; margin-bottom:.5rem !important; color:var(--secondary,#10ab7c) !important; text-shadow:none !important; transition:color .2s; }

.product-card h5.text-secondary{ color:var(--secondary,#10ab7c) !important; }

.product-card h5:hover{ color:var(--secondary,#10ab7c) !important; text-shadow:none !important; cursor:pointer; }

.card-footer .d-flex p.mb-0{ font-weight:800; font-size:1.05rem; color:#fff !important; }

.product-card .badge-md, .product-card .badge.badge-secondary, .container.pt-7 .badge-md, .container.pt-7 .badge.badge-secondary{
  background:color-mix(in srgb, var(--secondary,#10ab7c) 16%, transparent) !important;
  color:var(--secondary,#10ab7c) !important;
  border:1px solid color-mix(in srgb, var(--secondary,#10ab7c) 35%, transparent) !important;
  border-radius:8px !important; box-shadow:none !important; padding:.3em .65em !important; font-weight:700;
}

.product-card .sale{
  position:absolute !important; top:12px !important; left:12px !important;
  background:linear-gradient(90deg, color-mix(in srgb, var(--danger,#FA5252) 70%, #ffffff), var(--danger,#FA5252)) !important;
  border-radius:8px !important; padding:4px 10px !important;
  box-shadow:0 4px 14px -4px color-mix(in srgb, var(--danger,#FA5252) 70%, transparent) !important;
  display:inline-flex !important; align-items:center !important; gap:6px;
  border:1px solid rgba(255,255,255,.18) !important; overflow:visible !important; transform:none !important; animation:none !important;
}

.product-card .sale .sale__size{ background:transparent !important; padding:0 !important; border-radius:0 !important; box-shadow:none !important; display:flex !important; align-items:center !important; }

.product-card .sale .sale__size i, .product-card .sale .fa-clock{ font-size:13px !important; color:#fff !important; filter:drop-shadow(0 0 3px rgba(255,255,255,.5)); line-height:1 !important; }

.product-card .sale .sale__timer{ background:transparent !important; padding:0 !important; }

.product-card .sale .sale__timer .text{ font-size:13px !important; font-weight:700 !important; color:#fff !important; letter-spacing:.3px; text-transform:uppercase; text-shadow:0 1px 2px rgba(0,0,0,.25); padding:0 !important; }

.product-card > .product-actions{ order:99 !important; display:block !important; opacity:1 !important; visibility:visible !important; margin-top:auto !important; padding:0 1rem 1rem !important; background:transparent !important; backdrop-filter:none !important; }

.product-card > .product-actions .position-absolute-center{ position:relative !important; left:auto !important; top:auto !important; transform:none !important; display:block !important; width:100% !important; }

.card-footer .product-buy{ margin-top:auto !important; }

.card-footer .product-buy, .product-card > .product-actions .btn, .product-actions .btn-secondary, .product-actions .btn-danger{
  width:100% !important; height:42px !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; gap:.5rem !important;
  background:color-mix(in srgb, var(--secondary,#10ab7c) 16%, transparent) !important; color:var(--secondary,#10ab7c) !important;
  border:1px solid color-mix(in srgb, var(--secondary,#10ab7c) 38%, transparent) !important; border-radius:12px !important;
  font-weight:600 !important; font-size:.85rem !important; letter-spacing:.03em !important; box-shadow:none !important; outline:none !important; text-transform:none !important;
  transition:background-color .2s ease, border-color .2s ease !important;
}

.card-footer .product-buy:hover, .product-card > .product-actions .btn:hover, .product-actions .btn-secondary:hover, .product-actions .btn-danger:hover{ background:color-mix(in srgb, var(--secondary,#10ab7c) 26%, transparent) !important; border-color:color-mix(in srgb, var(--secondary,#10ab7c) 55%, transparent) !important; transform:none !important; box-shadow:none !important; }

.product-actions .btn-danger{ background:color-mix(in srgb, var(--danger,#FA5252) 16%, transparent) !important; color:var(--danger,#FA5252) !important; border-color:color-mix(in srgb, var(--danger,#FA5252) 38%, transparent) !important; }

.product-actions .btn-danger:hover{ background:color-mix(in srgb, var(--danger,#FA5252) 26%, transparent) !important; border-color:color-mix(in srgb, var(--danger,#FA5252) 55%, transparent) !important; }

#shop .display-3::after{ display:none !important; content:none !important; }

.breadcrumbs{ justify-content:flex-start !important; gap:.5rem; margin-bottom:1.4rem; }

.breadcrumbs-item{ color:#9a9a9a !important; transition:color .2s; }

.breadcrumbs-item:hover{ color:#fff !important; }

.container.pt-7 .display-3{ text-shadow:none !important; }

.container.pt-7 .col-lg-4 img, .container.pt-7 [class*="col"] > img{
  border-radius:20px !important; background:rgba(255,255,255,.03) !important; padding:18px !important;
  border:1px solid rgba(255,255,255,.06) !important; box-shadow:0 18px 50px -24px rgba(0,0,0,.7) !important;
}

.btn.btn-secondary.font-weight-bolder.mr-4{
  display:inline-flex !important; align-items:center !important; justify-content:center !important; gap:.5rem !important;
  height:48px !important; padding:0 28px !important; border-radius:14px !important;
  background:var(--secondary,#10ab7c) !important; color:#06231b !important; border:0 !important;
  font-weight:700 !important; letter-spacing:.02em; text-align:center !important; white-space:nowrap !important;
  box-shadow:0 10px 26px -10px color-mix(in srgb, var(--secondary,#10ab7c) 80%, transparent) !important;
  transition:transform .2s, box-shadow .2s, filter .2s;
}

.btn.btn-secondary.font-weight-bolder.mr-4 *{ position:static !important; transform:none !important; left:auto !important; top:auto !important; }

.btn.btn-secondary.font-weight-bolder.mr-4:hover{ transform:translateY(-2px); filter:brightness(1.06); }

.container.pt-7 .text-muted{ opacity:.65; }

.card.my-4{
  background:rgba(255,255,255,.035) !important;
  backdrop-filter:blur(12px) saturate(115%) !important; -webkit-backdrop-filter:blur(12px) saturate(115%) !important;
  border:1px solid rgba(255,255,255,.08) !important; border-radius:18px !important;
  box-shadow:0 14px 40px -22px rgba(0,0,0,.7) !important;
}

.card.my-4 .card-body, .card.my-4 .card-header{ background:transparent !important; }

.checkout-form.card, .card.bg-elegant-night.checkout-form{
  background:rgba(255,255,255,.04) !important;
  backdrop-filter:blur(14px) saturate(120%) !important; -webkit-backdrop-filter:blur(14px) saturate(120%) !important;
  border:1px solid rgba(255,255,255,.08) !important; border-radius:18px !important;
  box-shadow:0 16px 40px -22px rgba(0,0,0,.7) !important;
}

.checkout-form .input-group{ background:rgba(255,255,255,.06) !important; border:1px solid rgba(255,255,255,.12) !important; border-radius:12px !important; overflow:hidden; transition:.2s; }

.checkout-form .input-group:focus-within{ background:rgba(255,255,255,.10) !important; border-color:color-mix(in srgb, var(--secondary,#10ab7c) 55%, transparent) !important; box-shadow:0 0 0 3px color-mix(in srgb, var(--secondary,#10ab7c) 16%, transparent) !important; }

.checkout-form .cart-field, .checkout-form input.form-control{ background:transparent !important; color:#fff !important; font-weight:600 !important; }

.checkout-form .cart-field::placeholder{ color:rgba(255,255,255,.5) !important; font-weight:500 !important; opacity:1 !important; }

.checkout-form .input-group-text, .checkout-form .input-group-prepend{ background:transparent !important; border:0 !important; color:rgba(255,255,255,.55) !important; }

.checkout-form .btn-secondary, .checkout-form .btn.font-weight-bolder{
  background:var(--secondary,#10ab7c) !important; color:#06231b !important; border:0 !important;
  border-radius:12px !important; height:48px !important; font-weight:700 !important; letter-spacing:.02em !important;
  box-shadow:0 12px 28px -10px color-mix(in srgb, var(--secondary,#10ab7c) 65%, transparent) !important; transition:filter .2s, transform .15s !important;
}

.checkout-form .btn-secondary:hover{ filter:brightness(1.08) !important; transform:translateY(-1px) !important; }

.checkout-form .input-group:has(input[name="code"]){ display:none !important; }

@media (max-width:1200px){ .row.filter-items > .filter-item{ width:33.333% !important; max-width:33.333% !important; flex:0 0 33.333% !important; } }

@media (max-width:991px){
  nav.navbar-main{ top:12px !important; left:12px !important; right:12px !important; transform:none !important; width:auto !important; max-width:none !important; padding:.4rem .7rem !important; }
  #shop.section, #shop{ padding-top:104px !important; }
  .shop, #all-products.shop{ padding-top:0 !important; }
  .section.section-md, #page.section.section-md, .container.pt-7{ padding-top:104px !important; }
  .row.filter-items{ margin:0 -8px 0 !important; }
  .row.filter-items > .filter-item{ width:50% !important; max-width:50% !important; flex:0 0 50% !important; padding:0 8px 16px !important; }
  nav.navbar-main .navbar-collapse.collapse.show, nav.navbar-main .navbar-collapse.collapsing,
  #navbar-soft.show, #navbar-soft.collapsing{
    position:fixed !important; top:12px !important; bottom:auto !important;
    left:50% !important; right:auto !important; margin-left:calc(-50vw + 12px) !important;
    width:calc(100vw - 24px) !important; max-width:none !important; height:auto !important; max-height:calc(100vh - 24px); align-self:flex-start;
    background:rgba(18,20,24,.92) !important; backdrop-filter:blur(22px) saturate(140%); -webkit-backdrop-filter:blur(22px) saturate(140%);
    border:1px solid rgba(255,255,255,.08) !important; border-radius:16px !important; padding:0 14px 16px !important;
    box-shadow:0 24px 60px rgba(0,0,0,.55) !important; overflow-y:auto; z-index:1200 !important; box-sizing:border-box !important;
  }
  nav.navbar-main:has(#navbar-soft.show) .navbar-toggler{
    position:fixed !important; inset:0 !important; width:100vw !important; height:100vh !important;
    margin:0 !important; padding:0 !important; border:0 !important; border-radius:0 !important;
    background:rgba(0,0,0,.45) !important; backdrop-filter:blur(2px); -webkit-backdrop-filter:blur(2px);
    z-index:1150 !important; opacity:1 !important; cursor:pointer;
  }
  nav.navbar-main:has(#navbar-soft.show) .navbar-toggler > *{ opacity:0 !important; }
  #navbar-soft .navbar-collapse-header{ padding:0 !important; margin:0 -14px 6px !important; }
  #navbar-soft .navbar-collapse-header>.row{ align-items:center; height:56px; padding:0 14px; margin:0 !important; }
  #navbar-soft .collapse-brand img{ height:40px !important; width:auto !important; }
  #navbar-soft .collapse-close{ display:flex !important; justify-content:flex-end; align-items:center; }
  #navbar-soft .collapse-close .fa-times{ font-size:22px !important; color:#fff !important; width:40px; height:40px; display:flex; align-items:center; justify-content:center; border-radius:12px; background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.08); cursor:pointer; }
  #navbar-soft .navbar-nav{ gap:8px; }
  #navbar-soft .nav-item{ margin:0 !important; }
  #navbar-soft .nav-link{ padding:12px 14px !important; border-radius:14px !important; background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.06); color:#fff !important; font-weight:600; transition:.2s; }
  #navbar-soft .nav-link:hover{ background:rgba(255,255,255,.09); }
  .container.pt-7 .row.mt-5{ margin-top:1.5rem !important; }
  .container.pt-7 .display-3{ font-size:26px !important; line-height:1.15 !important; }
  .container.pt-7 .col-md-4{ text-align:center !important; }
  .container.pt-7 .col-md-4 img{ max-width:60% !important; height:auto !important; }
  .container.pt-7 .d-flex.align-items-center{ flex-wrap:wrap !important; gap:.6rem !important; }
  .btn.btn-secondary.font-weight-bolder.mr-4{ width:100% !important; margin-right:0 !important; }
  .checkout-form.card, .card.bg-elegant-night.checkout-form{ margin-top:1.2rem !important; }
}

@media (max-width:767px){
  #shop.section, #shop{ padding-top:96px !important; }
  .shop, #all-products.shop{ padding-top:0 !important; }
  .section.section-md, #page.section.section-md, .container.pt-7{ padding-top:96px !important; }
  .row.filter-items > .filter-item{ width:100% !important; max-width:100% !important; flex:0 0 100% !important; }
}