/* ===== normalize.css ===== */
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}

/* ===== reset.css ===== */
/* ---------------------------------------------------------
   ظ‹ع؛ع‘€ Premium Reset & Base Styles - Modern Red & Slate
   --------------------------------------------------------- */

*, :after, :before {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    outline: none;
    /* ط·آµط·آ§ط¸ظ¾ ط¹آ©ط·آ±ط·آ¯ط¸â€  ط¸â€‍ط·آ¨ط¸â€، ط¸ظ¾ط¸ث†ط¸â€ ط·ع¾أ¢â‚¬إ’ط¸â€،ط·آ§ ط·آ¯ط·آ± ط¸â€¦ط·آ±ط¸ث†ط·آ±ط¹آ¯ط·آ±ط¸â€،ط·آ§ط؛إ’ ط¸â€¦ط·آ®ط·ع¾ط¸â€‍ط¸ظ¾ */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

:root {
    --primary-red: #e63946;
    --dark-red: #c1121f;
    --slate-dark: #1e293b;
    --slate-light: #64748b;
    --text-main: #334155;
    --bg-light: #f8fafc;
}

body {
    direction: rtl;
    /* ط·ع¾ط¸â€ ط·آ¸ط؛إ’ط¸â€¦ ط¸آ¾ط·آ§ط؛إ’ط¸â€، ط·آ¨ط·آ±ط·آ§ط؛إ’ ط¸â€¦ط·آ­ط·آ§ط·آ³ط·آ¨ط·آ§ط·ع¾ em/rem */
    font-size: 62.5%; 
    font-family: 'IRANSans', 'Vazir', 'Tahoma', sans-serif;
    font-weight: 400;
    color: var(--text-main);
    background-color: var(--bg-light);
    line-height: 1.6;
}

/* ط·ع¾ط·آ§ط؛إ’ط¸آ¾ط¸ث†ط¹آ¯ط·آ±ط·آ§ط¸ظ¾ط؛إ’ ط·آ§ط·آµط¸â€‍ط·آ§ط·آ­ ط·آ´ط·آ¯ط¸â€، */
a {
    font-size: 1.4rem; /* ط¸â€¦ط·آ¹ط·آ§ط·آ¯ط¸â€‍ 14px */
    text-decoration: none;
    color: var(--primary-red);
    transition: all 0.2s ease-in-out;
}

a:hover {
    color: var(--dark-red);
}

li {
    list-style: none;
}

h1, h2, h3, h4, h5, h6 {
    color: var(--slate-dark);
    font-weight: 700;
}

h3 {
    font-size: 2rem; /* ط¸â€¦ط·آ¹ط·آ§ط·آ¯ط¸â€‍ 20px */
    margin-bottom: 1rem;
}

p {
    font-size: 1.5rem; /* ط¸â€¦ط·آ¹ط·آ§ط·آ¯ط¸â€‍ 15px ط·آ¨ط·آ±ط·آ§ط؛إ’ ط·آ®ط¸ث†ط·آ§ط¸â€ ط·آ§ط؛إ’ط؛إ’ ط·آ¨ط¸â€،ط·ع¾ط·آ± ط¸ظ¾ط·آ§ط·آ±ط·آ³ط؛إ’ */
    margin-bottom: 1rem;
}

span {
    font-size: 1.4rem;
}

/* ط·آ§ط¸â€‍ط¸â€¦ط·آ§ط¸â€ أ¢â‚¬إ’ط¸â€،ط·آ§ط؛إ’ ط·ع¾ط·آ¹ط·آ§ط¸â€¦ط¸â€‍ط؛إ’ */
button {
    cursor: pointer;
    font-size: 1.4rem;
    font-family: inherit;
    user-select: none;
    border: none;
    background: none;
    transition: opacity 0.2s;
}

button:active {
    transform: scale(0.98);
}

input, textarea, select {
    font-family: inherit;
    border: 1px solid #e2e8f0;
    font-size: 1.4rem;
}

i, img, input {
    vertical-align: middle;
}

/* ط¹آ©ط¸â€‍ط·آ§ط·آ³أ¢â‚¬إ’ط¸â€،ط·آ§ط؛إ’ ط¹آ©ط¸â€¦ط¹آ©ط؛إ’ */
.hidden {
    display: none !important;
}

.text-red {
    color: var(--primary-red) !important;
}

.bg-slate {
    background-color: var(--slate-dark) !important;
}

/* ط·آ¨ط¸â€،ط·آ¨ط¸ث†ط·آ¯ ط¸â€ ط¸â€¦ط·آ§ط؛إ’ط·آ´ ط·ع¾ط·آµط·آ§ط¸ث†ط؛إ’ط·آ± */
img {
    max-width: 100%;
    height: auto;
}

textarea {
    overflow: auto;
    resize: vertical;
    padding: 8px;
}

/* ط·آ±ط¸ظ¾ط·آ¹ ط¸â€¦ط·آ´ط¹آ©ط¸â€‍ ط¸ظ¾ط¸ث†ط¸â€ ط·ع¾ ط·آ§ط؛إ’ط¹آ©ط¸ث†ط¸â€ أ¢â‚¬إ’ط¸â€،ط·آ§ ط·آ¯ط·آ± RTL */
.fa, .fas, .far {
    direction: ltr;
    display: inline-block;
}

/* ===== fontsans.css ===== */
/* ---------------------------------------------------------
   🔤 Typography - IRANSans FaNum (Persian Digits)
   Optimized for Premium Red & Slate Theme
   --------------------------------------------------------- */

/* IRANSans - Weight: 900 (Black) */
@font-face {
    font-family: 'IRANSans';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url('../fonts/eot/IRANSansWeb(FaNum).eot');
    src: url('../fonts/eot/IRANSansWeb(FaNum).eot?#iefix') format('embedded-opentype'),
         url('../fonts/woff2/IRANSansWeb(FaNum).woff2') format('woff2'),
         url('../fonts/woff/IRANSansWeb(FaNum).woff') format('woff'),
         url('../fonts/ttf/IRANSansWeb(FaNum).ttf') format('truetype');
}

/* IRANSans - Weight: Bold (700) */
@font-face {
    font-family: 'IRANSans';
    font-style: normal;
    font-weight: bold;
    font-display: swap;
    src: url('../fonts/eot/IRANSansWeb(FaNum)_Bold.eot');
    src: url('../fonts/eot/IRANSansWeb(FaNum)_Bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/woff2/IRANSansWeb(FaNum)_Bold.woff2') format('woff2'),
         url('../fonts/woff/IRANSansWeb(FaNum)_Bold.woff') format('woff'),
         url('../fonts/ttf/IRANSansWeb(FaNum)_Bold.ttf') format('truetype');
}

/* IRANSans - Weight: Medium (500) */
@font-face {
    font-family: 'IRANSans';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url('../fonts/eot/IRANSans(FaNum)_Medium.eot');
    src: url('../fonts/eot/IRANSans(FaNum)_Medium.eot?#iefix') format('embedded-opentype'),
         url('../fonts/woff2/IRANSansWeb_Medium.woff2') format('woff2'),
         url('../fonts/woff/IRANSansWeb(FaNum)_Medium.woff') format('woff'),
         url('../fonts/ttf/IRANSansWeb(FaNum)_Medium.ttf') format('truetype');
}

/* IRANSans - Weight: Regular (400) */
@font-face {
    font-family: 'IRANSans';
    font-style: normal;
    font-weight: normal;
    font-display: swap;
    src: url('../fonts/eot/IRANSansWeb(FaNum).eot');
    src: url('../fonts/eot/IRANSansWeb(FaNum).eot?#iefix') format('embedded-opentype'),
         url('../fonts/woff2/IRANSansWeb(FaNum).woff2') format('woff2'),
         url('../fonts/woff/IRANSansWeb(FaNum).woff') format('woff'),
         url('../fonts/ttf/IRANSansWeb(FaNum).ttf') format('truetype');
}

/* IRANSans - Weight: Light (300) */
@font-face {
    font-family: 'IRANSans';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url('../fonts/eot/IRANSansWeb(FaNum)_Light.eot');
    src: url('../fonts/eot/IRANSansWeb(FaNum)_Light.eot?#iefix') format('embedded-opentype'),
         url('../fonts/woff2/IRANSansWeb(FaNum)_Light.woff2') format('woff2'),
         url('../fonts/woff/IRANSansWeb(FaNum)_Light.woff') format('woff'),
         url('../fonts/ttf/IRANSansWeb(FaNum)_Light.ttf') format('truetype');
}

/* IRANSans - Weight: UltraLight (200) */
@font-face {
    font-family: 'IRANSans';
    font-style: normal;
    font-weight: 200;
    font-display: swap;
    src: url('../fonts/eot/IRANSansWeb(FaNum)_UltraLight.eot');
    src: url('../fonts/eot/IRANSansWeb(FaNum)_UltraLight.eot?#iefix') format('embedded-opentype'),
         url('../fonts/woff2/IRANSansWeb(FaNum)_UltraLight.woff2') format('woff2'),
         url('../fonts/woff/IRANSansWeb(FaNum)_UltraLight.woff') format('woff'),
         url('../fonts/ttf/IRANSansWeb(FaNum)_UltraLight.ttf') format('truetype');
}

/* ---------------------------------------------------------
   🖋️ Calligraphic Fonts (For Specialized UI elements)
   --------------------------------------------------------- */

@font-face {
  font-family: "Dima Shekasteh";
  src: url("../fonts/eot/Dima Shekasteh.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Shekasteh V2.001";
  src: url("../fonts/eot/Shekasteh V2.001.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/* ===== main.css ===== */
@import url(normalize.css);
@import url(reset.css);
@import url(fontsans.css);

/*i{font-family: fontawesome-webfont !important;}*/

.top-head,
.top-head form {
    display: flex;
    position: relative;
}

.incredible .right button,
.top-head .log-reg>a,
.top-head .user-modal .login {
    vertical-align: middle;
    text-align: center
}

.container {
    /*width: 1380px;*/
    max-width: 100%;
    margin: 0 auto;
    padding-right: 16px !important;
    padding-left: 15px !important;
}

body {
    background: #f5f5f5
}

header {
    background-color: #fff;
    z-index: 100;
}

.top-head {
    justify-content: space-between;
    align-items: center;
    padding: 12px;
}
.top-head > div {
    display: flex;
    align-items: center;
}
.top-head .logo {
    margin-left: 24px;
    margin-right: 8px;
}

.top-head .logo img {
    height: 30px
}

.top-head form input {
    width: 610px;
    background-color: #f0f0f1;
    color: #474747;
    font-weight: 300;
    line-height: 1.833;
    border-radius: 5px;
    padding: 5px 35px;
    font-size: .857rem;
    height: 50px;
}
.top-head form input::placeholder {
    color: #828282;
    font-size: .9em;
}

.top-head form button {
    font-size: 2em;
    line-height: 30px;
    height: 37px;
    color: #a4a4a4;
    position: absolute;
    z-index: 2;
    right: 8px;
    top: 5px;
    font-weight: 100;
}

.top-head .login-box {
    display: flex;
    align-items: center;
    position: relative;
    border: 1px solid #e3e3e3;
    border-radius: 3px;
}

.top-head .log-reg {
    color: #6f6f6f;
    cursor: pointer;
    user-select: none;
    padding: 3px 10px;
}

.top-head .log-reg>a {
    text-overflow: ellipsis;
    width: 100%;
    line-height: 39px;
    font-size: 1.2em;
    font-weight: 400;
    color: #616161;
}

.top-head .log-reg i {
    font-size: 16px;
    color: #a29f9f;
    padding-left: 5px;
}

.top-head .user-modal {
    display: none;
    flex-direction: column;
    top: calc(100% + 10px);
    right: -1px;
    width: 130px;
    box-shadow: rgba(112, 112, 112, .32) 0 2px 9px 0;
    position: absolute;
    z-index: 2;
    background-color: #fff;
    padding: 25px;
    border-top: 4px solid #ef5661
}

.top-head .user-modal i {
    color: #a6a6a6
}

.top-head .user-modal .login {
    background-color: #00bfd6;
    display: block;
    width: 100%;
    height: 35px;
    letter-spacing: -.5px;
    color: #fff;
    font-weight: 500;
    font-size: 1.2em;
    line-height: 35px;
    border-radius: 5px
}

.user-modal .newuser a,
.user-modal .newuser span {
    font-size: 1.3em;
    line-height: 1.571;
    font-weight: 500
}

.user-modal .newuser {
    margin-top: 8px;
    text-align: center;
    border-bottom: 1px solid #eceff1;
    padding-bottom: 15px
}

.user-modal .newuser span {
    letter-spacing: -.4px;
    color: #4a4a4a
}

.user-modal .newuser a {
    color: #008ec9;
    border-bottom: 1px dashed #008ec9;
    padding-bottom: 3px;
    margin-right: 5px
}

.user-modal .order,
.user-modal .profile {
    color: #4a4a4a;
    font-size: 1.4em;
    line-height: 40px;
    display: block;
    margin-left: -15px;
    margin-right: -15px
}

.user-modal .order:hover,
.user-modal .profile:hover {
    background-color: #f4f4f4
}

.top-head .devider {
    height: 30px;
    width: 0;
    border-right: 1px solid #e6e4e4;
    margin: 0 20px;
}

.top-head .cart i {
    padding: 9px;
    font-size: 1.4em
}

.top-head .cart-added .count {
    background: #fff;
    color: #00bfd6;
    font-weight: 500
}

header .top-nav {
    display: flex;
    /*box-shadow: rgba(112, 112, 112, .05) 0 2px 4px 0;*/
    box-shadow: 0 7px 8px 0 rgba(0,0,0,.04);
    justify-content: space-between;
}

.top-nav .dropdown > li {
    display: inline-block;
    padding: 7px 12px 8px;
}

.top-nav .dropdown>li:hover>a {
    padding-bottom: 6px;
    border-bottom: 2px solid #ef5661;
}
.top-nav .main-category:hover .dropdown2{
    display: block;
}
.top-nav .dropdown > li > a {
    letter-spacing: -.3px;
    font-weight: 400;
    font-size: .83rem;
}

.top-nav .dropdown2 {
    display: none;
    position: absolute;
    top: 35px;
    background-color: #fff;
    width: 170%;
    right: 0;
    left: 0;
    overflow: hidden;
    max-width: 1280px;
    padding: 0;
    box-shadow: 0 10px 10px 0 rgba(0,0,0,.15);
    z-index: 20;
    transition: .3s all ease;
    min-height: 330px;
}
.top-nav .dropdown2 > li {
    background-color: #f7f7f7;
    align-self: stretch;
    padding: 8px 8px 8px 0;
    width: 20%;
}
.top-nav .dropdown2 > li > a{
    padding: 8px 8px;
    color: #616161;
    display: flex;
    align-items: center;
    cursor: pointer;
    font-size: .81rem;
    line-height: 1.5;
    font-weight: 500;
    transition: .3s all ease;
}
.top-nav .dropdown2 > li:hover > a {
    background-color: #fff;
    color: #f1394e;
}
.top-nav li:hover a {
    opacity: .9
}

.top-nav li i {
    font-size: 1.5em;
    padding-left: 5px;
}

.top-nav .promotion a {
    display: inline-block;
    padding: 10px 0;
    text-align: center;
    font-size: .83rem;
}
.top-nav .promotion i {
    padding: 0 4px 6px 0;
    color: #4d4d4d;
}

.dropdown {
    position: relative;
    margin: 0;
}

.megamenu {
    display: flex;
    flex-wrap: wrap;
    position: absolute;
    top: 3%;
    right: 20%;
    z-index: 200;
    background-color: #fff;
    padding: 10px;
    overflow: hidden;
    visibility: hidden;
}

.megamenu>li {
    flex-basis: 17%
}

.megamenu li a {
    display: block;
    margin-bottom: 15px;
    color: #000
}

.megamenu>li>a {
    font-weight: 400;
    padding-bottom: 6px
}

.megamenu>li>a:before {
    content: "\f053";
    font-family: fontawesome;
    font-size: 10px;
    padding-left: 2px
}

.dropdown li:hover>.megamenu {
    visibility: visible
}

.megamenu>li>ul {
    padding-right: 10px
}

.menu-btn {
    color: #fff;
    background: #666;
    padding: 10px 15px;
    border-radius: 3px
}

.slicknav_nav li {
    display: block !important
}

.slicknav_nav ul,
.slicknav_parent .megamenu {
    position: static;
    margin: 10px!important;
    visibility: visible;
}

.slicknav_nav {
    font-size: .6em
}

.slicknav_item a {
    font-size: 1em
}

.slicknav_arrow {
    float: right;
    transform: rotate(180deg)
}

.slicknav_btn {
    font-size: .7em
}

.slicknav_menu .slicknav_menutxt {
    padding-right: 10px
}

a#mynavmenu {
    background: #797979;
    padding: 10px 15px;
    color: #fff;
    border-radius: 3px;
}


.o-page__row {
    margin: 20px auto
}
.c-adplacement {
    display: flex;
    flex-direction: column;
}
.c-adplacement img{
    width: 49%;
    margin-bottom: 10px;
    border-radius: 20px;
    margin-right: 25px;
}
.main-article {
    margin: 20px auto;
    padding-right: 35px;
}
.main-slider {
    width: 63.5%;
    float: right;
}
.main-slider .slide-item {
    height: 450px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    position: relative;
    border-radius: 20px;
    box-shadow: rgba(0, 0, 0, .1) 0 2px 4px 0;
    overflow: hidden;
    display: flex;
}
.clear {clear: both}
.swiper-pagination-bullet {
    background: #fff;
    opacity: .7
}

.swiper-pagination-bullet-active {
    background-color: #00bfd6;
    opacity: 1
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    right: 35px
}

.swiper-button-next,
.swiper-button-prev {
    background-size: 20px 20px
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    left: 35px
}

.incredible {
    display: flex
}

.incredible .right {
    display: flex;
    flex-direction: column
}

.incredible .right img {
    border-radius: 5px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1);
    height: 400px
}

.c-swiper-specials--incredible {
    background: #ef394e;
    width: 100%;
    margin: 16px auto;
}
.c-swiper-specials--incredible .icontainer{
    display: flex;
    align-items: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 35px 16px;
    background: url(../images/a589912c.svg) 90% no-repeat;
    background-size: auto;
    background-size: auto 100%;
    /*width: 1366px;*/
    max-height: 462px;
}
.c-swiper-specials--incredible .specials__title img {
    width: 100%;
    max-height: calc(100% - 41px);
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.specials__title {
    margin: 0 44px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 170px;
}
.specials__btn {
    padding: 9px 16px;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    font-weight: 700;
    border: 1px solid #fff;
    color: #fff;
    cursor: pointer;
    user-select: none;
    border-radius: 5px;
    transition: all .3s ease-in-out;
}
.swiper--specials {
    background: transparent;
    margin-top: 0 !important;
    flex: 0 0 calc(100% - 258px);
    max-width: 100%;
    box-shadow: none;
    padding: 0;
}

.swiper--specials .product-item {
    box-sizing: border-box;
    border: none;
    border-radius: 5px;
    background-color: #fff;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    margin: 0 5px;
    padding: 5px 15px 16px;
    position: relative;
    width: 256px !important;
    min-height: 385px;
}

/* ظ‹ع؛“آ¦ ط¸â€ڑط·آ§ط·آ¨ ط·ع¾ط·آµط¸ث†ط؛إ’ط·آ± */
.swiper--specials .product-item .image-box {
    width: 180px;
    height: 180px;          /* ط¸ظ¾ط·آ±ط؛إ’ط¸â€¦ ط·آ«ط·آ§ط·آ¨ط·ع¾ */
    margin: 0 auto;
    overflow: hidden;       /* ط·آ¹ط¹آ©ط·آ³ ط·آ§ط·آ² ط¹آ©ط·آ§ط·آ¯ط·آ± ط·آ¨ط؛إ’ط·آ±ط¸ث†ط¸â€  ط¸â€ ط·آ²ط¸â€ ط¸â€، */
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    flex-shrink: 0;
    border: 2px solid #eee; /* ط¸ظ¾ط¸â€ڑط·آ· ط·آ¨ط·آ±ط·آ§ط؛إ’ ط·ع¾ط·آ³ط·ع¾ ط¸â€ڑط·آ§ط·آ¨ */
}

/* ظ‹ع؛–آ¼ ط·آ¹ط¹آ©ط·آ³ ط·آ¯ط·آ§ط·آ®ط¸â€‍ ط¸â€ڑط·آ§ط·آ¨ */
.swiper--specials .product-item .image-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;       /* ط¸آ¾ط·آ± ط¹آ©ط·آ±ط·آ¯ط¸â€  ط¸â€ڑط·آ§ط·آ¨ ط·آ¨ط·آ¯ط¸ث†ط¸â€  ط¹آ©ط·آ´ط؛إ’ط·آ¯ط¹آ¯ط؛إ’ */
    object-position: center;
    border-radius: 10px;
    display: block;
    transition: transform 0.3s ease;
}

/* أ¢إ“آ¨ ط·آ§ط¸ظ¾ط¹آ©ط·ع¾ ط·آ²ط؛إ’ط·آ¨ط·آ§ط؛إ’ hover */
.swiper--specials .product-item:hover .image-box img {
    transform: scale(1.05);
}

/* ظ‹ع؛عˆآ· ط·آ¹ط¸â€ ط¸ث†ط·آ§ط¸â€  ط¸â€¦ط·آ­ط·آµط¸ث†ط¸â€‍ */
.swiper--specials .product-item .title {
    display: block;
    margin-top: 14px;
    font-size: 0.9rem;
    color: #333;
    text-align: center;
    min-height: 50px;
}

/*!* ط·آ§ط¸ظ¾ط¹آ©ط·ع¾ ط¸â€،ط¸â€ ط¹آ¯ط·آ§ط¸â€¦ hover *!*/
/*.swiper--specials .product-item:hover img {*/
/*    transform: scale(1.05);*/
/*}*/
/* ط·آ­ط·آ°ط¸ظ¾ ط¹آ©ط¸â€  ط؛إ’ط·آ§ ط·آ§ط؛إ’ط¸â€  ط¸â€ ط·آ³ط·آ®ط¸â€، ط·آ±ط¸ث† ط·آ¬ط·آ§ط؛إ’ط¹آ¯ط·آ²ط؛إ’ط¸â€  ط¹آ©ط¸â€  */
/*.swiper--specials .product-item img {*/
/*    width: 100% !important;*/
/*    height: 100% !important;*/
/*    object-fit: cover !important;    !* ط·آ¨ط·آ±ط·آ§ط؛إ’ ط·آ¨ط·آ±ط·آ´ ط·آ·ط·آ¨ط؛إ’ط·آ¹ط؛إ’ ط·آ¨ط·آ¯ط¸ث†ط¸â€  ط¹آ©ط·آ´ط؛إ’ط·آ¯ط¹آ¯ط؛إ’ *!*/
/*    object-position: center center !important;*/
/*    border-radius: 10px;*/
/*    display: block;*/
/*}*/
.swiper--specials .product-item .price {
    font-size: 1.8em;
    display: inline-block;
}
.inc-product-price {
    position: relative;
    margin-bottom: 10px;
    height: 43px;
    text-align: left;
    width: 100%;
}
.inc-product-price del {
    letter-spacing: .5px;
    color: #acacac;
    text-decoration: line-through;
    padding-top: 3px;
    font-size: 1.7em;
    line-height: 28px;
}
.c-price__discount-oval {
    display: inline-block;
    background-color: #fb3449;
    font-weight: 700;
    color: #fff;
    border-radius: 20px;
    padding: 4px 6px 1px;
    letter-spacing: 0;
    margin-bottom: 3px;
    font-size: 1.1em;
    margin-right: 8px;
    min-width: 43px;
    height: 23px;
}
.c-product-box__amazing {
    position: relative;
    top: 20px;
    display: inline;
    text-align: left;
    width: 100%;
}
.c-product-box__timer {
    font-size: 1rem;
    line-height: 1.571;
    color: #737373;
}
.c-product-box__timer:before {
    content: "\f017";
    font-family: fontawesome;
    color: #737373;
    margin-right: 5px;
    position: relative;
    top: 1px;
}
.c-swiper-specials--fresh {
    background: #6bb927;
}
.account-box button:hover:before,
.btn-checked:hover:before,
.btn-notify-me:hover:before,
.btn-payment:hover:before,
.incredible .right button:hover:before {
    width: 900px;
    height: 900px;
    right: -450px;
    top: -450px;
    transform: unset
}

.account-box .foot,
.account-box button,
.c-mask__handler,
.c-product__guaranteed,
.copyright-en,
.image-row a,
.jump-to-up,
.not-found,
.product-item,
.product-item .title,
.register-logo,
.suggestion h3,
footer .copyright p {
    text-align: center
}

.icon-box,
.product-wrapper .headline {
    border-bottom: 1px solid rgba(0, 0, 0, .1)
}

.incredible .counter {
    display: flex;
    flex-direction: column;
    font-size: 1.4em;
    color: #787878;
    font-weight: 500;
    line-height: 2
}

.icon-box {
    flex-wrap: wrap;
    background-color: #fff;
    box-shadow: rgba(0, 0, 0, .1) 0 2px 4px 0;
    border-radius: 2px;
    margin: 15px auto;
    padding: 10px 0;
    display: flex;
    justify-content: space-evenly
}

.image-row img,
.product-wrapper {
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1)
}

.icon-box img {
    height: 60px
}

.icon-box a {
    display: flex;
    flex-direction: column;
    align-items: center
}

.icon-box span {
    font-size: 1em;
    color: #606060;
    line-height: 2.5
}

.image-row {
    display: flex;
    justify-content: space-between
}

.image-row img {
    max-width: 95%;
    height: auto;
    border-radius: 5px
}

.image-row a:hover {
    opacity: .9
}

.product-wrapper {
    background-color: #fff;
    padding: 5px 20px;
    border-radius: 5px;
    margin: 20px auto
}

.product-wrapper img {
    width: 210px;
    max-width: 95%;
    border-color: red;
    height: auto;
}
.suggestion img {
    width: 210px;
    max-width: 95%;
    height: auto;
}

.product-wrapper .headline h3 {
    padding: 8px 0;
    min-height: 49px;
    font-size: 1.1rem;
    line-height: 31px;
    font-weight: 500;
    display: inline-block;
    border-bottom: 1px solid red;
}

.product-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    user-select: none;
    margin: 15px auto;
    padding: 10px;
    border-radius: 5px;
    min-height:293px;
    min-width: 280px;
    max-width: 180px;
    max-height: 280px;
}

.product-item:hover {
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1)
}

.product-item .title {
    font-size: .8rem;
    font-weight: 400;
    width: 89%;
    margin: 10px 0;
    line-height: 2;
    color: #535353;
    text-align: right;
}

.product-item .price {
    font-size: 1.5em;
    line-height: 26px;
    letter-spacing: 0;
    font-weight: 500;
    color: #2b2b2b;
    padding-right: 72px;
}

.suggestion h3 {
    padding: 8px 0;
    font-size: 1.3em;
    line-height: 31px;
    font-weight: 400
}

.slider-nbtn,
.slider-pbtn {
    box-shadow: 1.5px 0 4px 0 rgba(0, 0, 0, .15);
    padding: 25px 19px;
    color: #a8a8a8
}

.slider-nbtn {
    border-radius: 5px 0 0 5px;
    left: 10px!important
}

.slider-pbtn {
    border-radius: 0 5px 5px 0;
    right: 10px!important
}

.product-wrapper .two-headline {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.product-wrapper .two-headline a {
    font-size: 1.8em;
    font-weight: 500;
    color: #a8a8a8
}

.product-wrapper .two-headline a:hover {
    color: #1ca2bd
}

#brandslider img {
    max-height: 70%;
    max-width: 70%
}

footer {
    background-color: #eceff1;
    padding: 20px 0;
    flex-wrap: wrap
}

.footer .icon,
.footer-content,
.icon-wrapper .icon {
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    padding-bottom: 10px;
    display: flex
}

.footer .icon img,
.icon-wrapper img {
    height: 60px
}

.footer .icon,
.icon-wrapper .icon {
    justify-content: space-evenly
}

.footer .icon a,
.icon-wrapper .icon a {
    display: flex;
    flex-direction: column;
    align-items: center
}

.footer .icon span,
.icon-wrapper .icon span {
    font-size: 1em;
    color: #606060;
    line-height: 2.5
}

.footer-content {
    justify-content: space-between;
    margin-top: 20px;
    margin-bottom: 5px
}

.footer-content .head {
    font-size: 1.6em;
    font-weight: 400;
    color: #414141;
    margin-bottom: 20px
}

.footer-content li {
    margin-bottom: 25px
}

.footer-content li a {
    font-size: 1.4em;
    color: #616161;
    font-weight: 400
}

.newsletter form {
    display: flex
}

.newsletter input {
    padding: 14px 7px;
    border-radius: 3px;
    width: 300px;
    margin-left: 3px
}

.newsletter button {
    color: #fff;
    background-color: #03a9f4;
    padding: 11px 15px;
    border-radius: 3px
}

.newsletter .content .head {
    margin-top: 25px
}

.newsletter .social i {
    color: #666;
    font-size: 3em;
    margin-left: 30px
}

.cert .image {
    display: flex
}

.cert img {
    height: 120px
}

.footer-contact {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px
}

.footer-contact span {
    color: #414141;
    font-weight: 400;
    margin-left: 10px;
    line-height: 2
}

.footer-contact .app {
    display: flex
}

footer .copyright p {
    color: #4a4a4a;
    padding-top: 20px;
    border-top: 1px solid rgba(0, 0, 0, .1);
    font-size: 12px;
    padding-bottom: 15px;
    line-height: 1.8
}

.btn-invisible-call {
    font-size: 20px;
    font-size: 1.429rem;
    line-height: 1.1;
    padding: 15px 25px;
    border: 2px solid hsla(0, 0%, 57%, .3);
    background-color: hsla(0, 0%, 100%, .8);
    border-radius: 8px;
    box-shadow: 0 0 20px 0 hsla(0, 0%, 57%, .1);
    color: #919191
}

.account-box .register,
.c-product {
    box-shadow: 0 12px 12px 0 hsla(0, 0%, 71%, .11)
}

.jump-to-up {
    padding: 15px 0 5px;
    font-size: 1.4em;
    border-top: .5px solid rgba(0, 0, 0, .1);
    cursor: pointer
}

.jump-to-up i {
    width: 36px;
    height: 36px;
    background-color: hsla(0, 0%, 75%, .41);
    border-radius: 50%;
    margin-left: 5px;
    text-align: center;
    line-height: 32px;
    color: #fff;
    font-size: 1.7em
}

.not-found {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    padding: 68px 0;
    line-height: 22px;
    background: url(../images/404bg.png);
    background-size: auto 100%
}

.not-found h3 {
    font-size: 2.571rem;
    line-height: 1.222;
    margin: 25px auto
}

.not-found a {
    background-color: #6ab946;
    border-radius: 8px;
    padding: 10px 20px;
    color: #fff;
    border: none;
    min-width: 161px;
    margin: 10px 19.5px 46px;
    text-decoration: none;
    font-size: 2em
}

.account-box {
    margin: auto;
    display: flex;
    justify-content: center;
    flex-direction: column;
    position: absolute;
    top: 50%;
    right: 50%;
    transform: translate(50%,-55%);


}

.register-logo {
    margin-bottom: 18px


}

.register-logo img {
    height: 49px;
    width: 140px
}

.account-box .register {
    background: #fff;
    width: 389px;
    border: 1px solid #dedede;
    position: relative;
    margin: 0 auto;


}

.account-box .headline {
    border-bottom: 1px solid #ececec;
    color: #656565;
    padding: 17px 40px;
    font-size: 1.8em;
    line-height: 1.222;
    font-weight: 700;

}

.account-box .content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0 30px;


}

.account-box .hint {
    background-color: #fffde4;
    border: 1px solid #f6e8a1;
    color: #a37731;
    margin: 15px auto;
    border-radius: 5px;
    padding: 11px;
    line-height: 1.8;
    font-weight: 400;

}

.account-box form {
    display: flex;
    flex-direction: column;


}

.account-box form>label {
    color: #656565;
    margin: 5px 0;
    letter-spacing: -.6px;
    font-size: 1.071rem;
    line-height: 1.467;
    font-weight: 400
}

.account-box form>input {
    padding: 11px 8px;
    color: #777;
    font-size: 1.2em;
    line-height: 21px;
    width: 100%;
    letter-spacing: -.8px;
    border-radius: 5px;
    background: #fff;
    border: 1px solid #c8c8c8;
    position: relative
}

.account-box .acc-agree {
    margin: 3px 0 7px;
    font-size: .9em;
    line-height: 2;
    color: #5c5c5c
}

.account-box .acc-agree a {
    color: #1ca2bd;
    border-bottom: 1px dashed #1ca2bd;
    padding: 0;
    line-height: 2;
    font-weight: 400
}

.account-box input[type=checkbox] {
    transform: scale(1.4);
    margin: 0 5px
}

.account-box button {
    padding: 13px 50px 13px 13px;
    width: 100%;
    font-size: 1.8em;
    line-height: 1.222;
    border-radius: 8px;
    background-color: #00bfd6;
    border: 1px solid #41a7b4;
    color: #fff;
    overflow: hidden;
    letter-spacing: -.6px;
    position: relative;
    margin-bottom: 12px
}

.account-box button:before {
    width: 95px;
    height: 95px;
    position: absolute;
    right: -15px;
    top: -20px;
    background: hsla(0, 0%, 100%, .21);
    content: "";
    border-radius: 50%;
    transition: .3s all ease-out
}

.account-box button:after {
    position: absolute;
    right: 20px;
    top: 13px;
    font-size: 30px
}

.account-box button i {
    position: absolute;
    right: 24px;
    font-size: 1.2em
}

.account-box .foot {
    padding: 23px 40px;
    border-top: 1px solid rgba(96, 189, 201, .4);
    background-color: rgba(96, 189, 201, .1)
}

.account-box .foot a {
    color: #1ca2bd;
    border-bottom: 1px dashed #1ca2bd
}

.account-box .login-foot {
    background: rgba(93, 214, 0, .06);
    border-top: 1px solid #d7e6bb
}

.account-box .login form {
    display: block
}

.account-box .login form>input {
    margin: 5px 0
}

.account-box .login form>label {
    display: inline-block
}

.account-footer {
    color: #b1b1b1
}

.account-footer ul {
    display: flex;
    justify-content: center
}

.account-footer ul li {
    padding-left: 25px;
    padding-bottom: 15px
}

.account-footer li {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.copyright-en {
    font-size: .8em
}

.c-breadcrumb li {
    display: inline-block;
    white-space: nowrap;
}

.c-breadcrumb {
    display: flex;
    overflow-x: auto;
    font-size: .9em;
    line-height: 2.2;
    max-width: 100%;
    padding-left: 90px;
    margin: 10px 0
}

.c-breadcrumb li:not(:first-of-type):before {
    content: "/";
    color: #cfcfcf;
    letter-spacing: .4px;
    font-size: 13px;
    vertical-align: top;
    margin-left: 5px;
    padding-right: 5px;
    font-weight: 400!important
}

.c-product {
    background-color: #fff;
    border: 1px solid #e4e4e4;
    display: inline-flex;
    flex-direction: row-reverse;
    margin-bottom: 15px;
    width: 100%
}

.c-product__summary {
    max-width: 280px;
    background-color: #f5f5f5;
    border: 1px solid #e4e4e4;
    border-radius: 5px;
    padding: 1rem;
    padding-bottom: 10px;
}

.c-product__info {
    flex-basis: 74%;
    flex: 1 1 0;
    padding: 0 15px 0 20px;
    border-right: 1px solid #f2f2f2;
}

.c-product__gallery {
    flex-basis: 34%
}

.c-product__special-deal {
    background: rgba(251, 52, 72, .04);
    border-left: 1px solid #ffcdd3;
    padding: 18px 34px 18px 30px;
    box-shadow: 0 -1px 0 #ffcdd3, 1px 0 0 #ffcdd3;
    position: relative;
    min-height: 83px;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 100%;
    flex-wrap: nowrap;
    flex-direction: row;
    align-items: center;
    justify-content: space-between
}

.c-product__special-deal:before {
    content: "";
    width: 184px;
    height: 20px;
    background: url(../images/special-deal.png) 50% 50% no-repeat;
    background-size: contain
}

.c-counter--special-deal {
    padding: 3px 0 0 24px;
    color: #fb3449;
    font-size: 16px;
    font-size: 1.143rem;
    line-height: 28px;
    vertical-align: middle
}

.c-counter--special-deal:before {
    content: "\f017";
    font-family: fontawesome;
    position: absolute;
    left: 8px;
    top: 8px;
    font-size: 1.429rem;
    line-height: 20px
}

.c-product__status-bar {
    font-size: 20px;
    position: relative;
    padding: 19px 72px 28px 17px;
    max-height: 56px;
    overflow: hidden
}

.c-product__status-bar--out-of-stock {
    color: #b37171;
    background-color: #fce9e8
}

.c-product__status-bar--out-of-stock::before {
    content: "\f291";
    font-family: fontawesome;
    color: #ecbbb9;
    right: 26px;
    font-size: 29px
}

.c-product__status-bar::before {
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}
.c-product__gallery .c-gallery {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}
.c-product__special-deal:not(.hidden)+.c-gallery {
    border-left: 1px solid #ffcdd3;
    box-shadow: 1px 0 0 #ffcdd3, 0 1px 0 #ffcdd3;
    height: calc(100% - 83px)
}

.c-gallery__item {
    display: flex;
    height: calc(100% - 100px);
    padding: 17px 0;
    position: relative;
    height: 420px;
}
.c-gallery__item  .c-gallery__img {
    position: absolute;
    right: 20%;
    top: 10%;
}
.c-gallery__options {
    display: flex;
    flex-direction: column;
}

.c-gallery__options li:first-child {
    margin-top: 0
}

.c-gallery__options li {
    margin-top: 12px;
    position: relative
}
.c-product__variants{
    margin: 20px 0 10px;
    vertical-align: top;
}
.c-product__variants>span {
    padding-left: 15px;
}
.variants {
    display: inline-flex;
    border: 1px solid #ccc;
    padding: 10px;
    border-radius: 5px;
    font-size: .9em;
    font-weight: 400;
    color: #515151;
    cursor: pointer;
}
.circle_color {
  height: 25px;
  width: 25px;
  /*background-color: black;*/
  border-radius: 50%;
  border-color: black;
  border-width: 20px;
  display: inline-block;
}
.color-box {
    width: 18px;
    height: 18px;
    display: inline-block;
    border-radius: 3px;
    margin-left: 5px;
    margin-right: 5px;
}
.btn-option {
    width: 45px;
    height: 35px;
    background-color: #fff;
    color: #9b9b9b;
    position: relative;
    transition: .3s all;
    font-size: 1.3em;
}

.btn-option:hover {
    border-color: #000
}

.btn-option:before {
    position: absolute;
    font-family: fontawesome;
    font-size: 1.7em;
    color: #757575;
    top: 22%;
    right: 29%
}

.btn-option--add-to-wish:before {
    content: "\f004"
}

.btn-option--social:before {
    content: "\f1e0"
}

.btn-option--compare:before {
    content: "\f227"
}

.btn-option--stats:before {
    content: "\f201"
}

.c-gallery__img img {
    width: 279px;
    height: 100%
}

.c-gallery__items {
    display: flex;
    border-top: 1px solid #f4f4f4;
    list-style: none;
    padding: 11px 0 27px;
    width: 345px;
}

.c-product__headline {
    display: flex;
    justify-content: space-around;
    align-items: center;
    border-bottom: 1px solid #f2f2f2;
    padding: 10px 0
}

.c-product__title {
    display: flex;
    flex-direction: column;
    font-size: 1.1em;
    color: #494949;
    font-weight: 400
}

.c-product__title .en-title {
    color: #b5b5b5;
    font-size: 1.2em;
    line-height: 2.7
}

.c-product__title .fa-title {
    font-size: 1.1rem;
    line-height: 24px;
    font-weight: 500;
    color: #000;
}

.c-product__guaranteed {
    margin-right: auto;
    letter-spacing: -.3px;
    font-size: .786rem;
    line-height: 1.6;
    color: #4b4b4b;
    position: relative;
    flex: 0 0 148px;
    font-weight: 400;
}

.c-product__guaranteed:before{
    content: "\f058";
    font-family: fontawesome;
    font-size: 35px;
    color: #fb3449;
    position: absolute;
    right: -10%;
    top: -9px;
    transform: translate(50%)
}
.c-product__summary .seller:before {
    content: url(../images/500f5df4.svg);
    color: #a8a8a8;
    vertical-align: middle;
    padding-left: 10px;
    position: relative;
    top: 8px;
}
.c-product__params {
    flex-basis: 26%
}

.c-product__config {
    flex-basis: 70%;
    min-height: 300px;
    padding: 12px 0 0 20px
}

.c-product__attributes {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
}

.c-product__directory {
    margin: 0 0 15px;
    font-size: .9em;
    line-height: 2
}

.c-product__directory li {
    margin-left: 28px;
    display: inline-block
}

.btn-link-spoiler {
    color: #1ca2bd;
    padding: 0;
    line-height: 2;
    border-bottom: 1px dashed #1ca2bd;
    font-weight: 400
}

.c-product__variants {
    margin: 20px 0 10px;
    vertical-align: top
}

.c-product__variants ul {
    display: inline-flex;
    max-width: calc(100% - 100px)
}
c-product__variants li {display: inline-block;}
.c-product__variants>span {
    padding-left: 15px
}
.seller-name {
    color:
            #4a5f73;
    font-size: 1.5em;
    font-weight: 400;
    position: relative;
    padding-right: 15px;
}
.c-product__seller-details::before, .seller-name::before {
    content: url(../images/500f5df4.svg);
    position: absolute;
    right: -26px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 31px;
    color: #ccc;
}
.seller-name::before {
    opacity: .7;
    right: -10px;
    top: 70%;
}
.c-product__guarantee {
    margin: 10px 0 15px
}

.c-product__summary .seller span, .c-product__guarantee span {
    line-height: 1;
    font-weight: 400;
    font-size: 1.5em;
}

.c-product__guarantee span:before {
    content: "\f005";
    font-family: fontawesome;
    color: #a8a8a8;
    font-size: 1.8em;
    vertical-align: middle;
    padding-left: 15px
}

.c-product__delivery {
    border-top: 1px solid #f2f2f2;
    border-bottom: 1px solid #f2f2f2;
    margin-bottom: 15px;
    color: #565656
}

.c-product__delivery span {
    padding-left: 15px
}

.c-product__summary .seller , .c-product__guarantee , .c-product__delivery{
    border-bottom: 1px solid #ddd;
    padding-bottom: 20px;
}
.c-price {
    font-size: 3em;
    line-height: 1.5;
    font-weight: 400;
    color: #fb3449;
    text-align: left;
}

.btn-add-to-cart {
    font-size: 1.286rem;
    line-height: 1.222;
    padding: 10px 38px 10px 18px;
    border-radius: 10px;
    background-color: #ef394e;;
    color: #fff;
    overflow: hidden;
    letter-spacing: -.7px;
    max-width: 380px;
    font-weight: 400;
}

/*
.btn-add-to-cart:before {
    content: "\f217";
    font-family: fontawesome;
    position: absolute;
    right: 29px;
    top: 10px;
    font-size: 32px
}

.btn-add-to-cart span:before {
    width: 96px;
    height: 96px;
    position: absolute;
    right: -11px;
    top: -17px;
    background: hsla(0, 0%, 100%, .21);
    content: "";
    border-radius: 50%;
    transition: .3s all ease-out
}

.btn-add-to-cart:hover span:before {
    width: 900px;
    height: 900px;
    right: -450px;
    top: -450px
}
*/

.btn-add-to-cart span {
    font-size: 1em;
    display: inline-block;
    width: 300px;
}

.c-product__unfair-price {
    line-height: 4;
    color: #7c7c7c;
    letter-spacing: -.3px
}

.c-product__params ul {
    padding: 0;
    color: #55565a;
    margin: 20px 0;
    line-height: 1.8
}

.c-product__params ul:before {
    content: attr(data-title);
    font-weight: 500;
    font-size: 1.3em
}

.c-box-tabs__tab.is-active:before,
.c-content-expert__summary:after,
.c-mask__handler:after,
.c-product__params ul li:before {
    content: ""
}

.c-product__params ul li:before {
    width: 5px;
    height: 5px;
    background: #ccc;
    vertical-align: middle;
    margin-left: 5px;
    border-radius: 50%
}

.c-product__params ul li span {
    margin-left: 5px;
    white-space: normal;
    font-size: 1.25em;
    color: #000
}

.c-product__params ul li {
    margin: 5px 0;
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%
}

.c-product__feature {
    display: flex;
    justify-content: space-between;
    margin: 10px auto 18px;
    border-top: 1px solid #f2f2f2;
    padding-top: 12px
}

.c-product__feature img {
    height: 42px
}

.c-product__feature span {
    font-size: .9em;
    width: 84px;
    display: inline-block;
    vertical-align: middle;
    line-height: 1.5;
    padding-right: 8px
}
.c-product__get-club {
    text-align: center;
    font-size: .9em;
    color: #000;
    font-weight: 400;
    padding: 10px 0;
}
.c-product__get-club i {
    font-size: 1.8em;
    line-height: 1.2;
    padding-bottom: 4px;
    color: #ffd700;
}
.swiper-slide {
    background-size: cover;
    background-position: center;
    background-color: #f8ee9f;

}

.gallery-top {
    height: 80%;
    width: 100%
}

.gallery-thumbs {
    height: 20%;
    box-sizing: border-box;
    padding: 10px 0
}

.gallery-thumbs .swiper-slide {
    width: 25%;
    height: 100%;
    opacity: .4
}

.gallery-thumbs .swiper-slide-thumb-active {
    opacity: 1
}

.c-gallery__items img {
    max-width: 100%;
    height: auto;
    overflow: hidden;
    cursor: pointer;
    opacity: .7
}

.c-gallery__items li {
    border: 20px solid rgba(0, 0, 0, .1);
    padding: 5px;
    margin: auto 7px;
    border-radius: 20px;
}

.p-tabs {
    margin-top: 39px;
    position: relative;
    padding-top: 57px;
    line-height: 22px
}

.c-box-tabs {
    display: flex;
    background-color: #f8f8f8;
    border: 1px solid #dfdfdf;
    line-height: 1.294;
    letter-spacing: -.4px;
    position: absolute;
    top: 0;
    width: 100%
}

.c-box-tabs .desc,
.c-box-tabs__tab {
    border-left: 1px solid #dfdfdf;
    position: relative
}

.c-box-tabs__tab a {
    padding: 14px 20px;
    position: relative;
    color: #6f6f6f;
    display: block;
    line-height: 27px
}

.c-box-tabs__tab span {
    font-size: 1.3em;
    font-weight: 400
}

.c-box-tabs__tab i {
    color: #c3c3c3;
    display: inline-block;
    margin-left: 11px;
    font-size: 1.8em
}

.c-box-tabs__tab.is-active:first-of-type {
    border-right: none
}

.c-box-tabs__tab.is-active:before {
    display: block;
    left: -1px;
    right: -1px;
    bottom: 100%;
    height: 4px;
    background: #00bfd6
}

.c-box--tabs {
    padding: 35px 53px 35px 61px;
    margin-bottom: 58px;
    margin-top: 1px;
    border-top: none;
    background-color: #fff;
    position: relative
}

.p-tabs__content>div.is-active {
    display: block
}

.c-params__headline {
    color: #6f6f6f;
    font-size: 2.9em;
    line-height: 1.467;
    font-weight: 500;
    margin-bottom: 35px;
    letter-spacing: -.6px
}

.c-params__headline span {
    font-size: 16px;
    font-size: .5em;
    line-height: 1.375;
    letter-spacing: -.3px;
    display: block;
    color: #a7a7a7
}

.c-content-expert__summary {
    background: #fcfcfc;
    color: #404040;
    font-size: 1.143rem;
    line-height: 2.25;
    padding: 25px 322px 27px 50px;
    min-height: 256px;
    position: relative;
    margin-right: -24px;
    margin-left: -16px
}

.c-content-expert__summary:after {
    width: 165px;
    height: 165px;
    position: absolute;
    top: 30px;
    right: 81px;
    background: url(../images/pen.svg) 50% 50% no-repeat;
    background-size: 100%
}

.c-mask {
    position: relative;
    padding-bottom: 15px
}

.c-mask__text p {
    font-size: .9em
}

.c-mask__text.is-active {
    height: auto!important;
    max-height: unset!important;
    padding-bottom: 30px
}

.c-mask__text {
    overflow: hidden
}

.c-mask__handler {
    position: absolute;
    right: 0;
    left: 0;
    width: 100%;
    bottom: 15px;
    color: #2196f3;
    background: #fcfcfc;
    cursor: pointer;
    font-size: .9em;
    font-weight: 400
}

.c-mask__handler:after {
    position: absolute;
    right: 0;
    left: 0;
    opacity: 1;
    bottom: 30px;
    height: 105px;
    z-index: 1;
    background: linear-gradient(180deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 99%, .99) 99%, #fcfcfc)
}

.c-mask__handler.is-active {
    height: auto;
    transition: opacity .15s ease
}

.without-after:after {
    content: none
}

.br-theme-bars-movie .br-widget {
    display: flex;
    align-items: center;
    border-radius: 3px
}

.br-theme-bars-movie .br-current-rating {
    width: 70px!important;
    color: #666!important;
    font-size: 1.3em
}

.br-theme-bars-movie .br-widget a.br-active,
.br-theme-bars-movie .br-widget a.br-selected,
.br-theme-bars-movie a.br-active,
.br-theme-bars-movie a.br-selected {
    background-color: #00bfd6!important
}

.br-theme-bars-movie .br-widget a {
    background-color: #d5d5d5;
    margin: 0;
    height: 4px
}

.p-tabs__content>div {
    display: none
}

.c-params__title {
    color: #4d4d4d;
    margin-bottom: 25px;
    position: relative;
    padding-right: 19px;
    font-size: 1.5em;
    font-weight: 400
}

.c-params__title:before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 7px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 0 0 7px;
    border-color: transparent transparent transparent #00bfd6;
    transform: rotate(45deg)
}

.p-tabs.is-fixed .c-box-tabs {
    position: fixed;
    top: 0;
    width: calc(100% - 30px);
    min-width: 1005px;
    z-index: 123;
    box-shadow: 0 5px 10px 0 hsla(0, 0%, 71%, .2)
}

.c-checkout,
.c-checkout-summary,
.cart-empty,
.icon-wrapper {
    box-shadow: 0 12px 12px 0 hsla(0, 0%, 71%, .1)
}

.c-params__list {
    list-style: none;
    padding: 0;
    margin-bottom: 70px
}

.c-params__list li {
    display: flex;
    flex-wrap: wrap;
    margin: 8px -8px
}

.c-params__list-key,
.c-params__list-value {
    padding-right: 8px;
    padding-left: 8px
}

.c-params__list-key .block,
.c-params__list-value .block {
    display: block;
    background: #fafafa;
    padding: 14px 18px 12px;
    font-size: 1.5em;
    color: #666;
    letter-spacing: -.3px;
    min-height: 47px;
    position: relative
}

.c-params__list-key {
    flex-basis: 23%
}

.c-params__list-value {
    flex-basis: 76%
}

.c-params__list-value .block:not(:first-of-type) {
    margin-top: 3px
}

.c-comments__headline {
    font-size: 1.9em;
    line-height: 1.571;
    letter-spacing: -.6px;
    color: #6f6f6f
}

.c-comments__headline>span {
    margin-top: 10px;
    width: 100%;
    display: inline-flex;
    font-size: .8em;
    font-weight: 500
}

.c-comments__summary {
    display: flex;
    flex-wrap: wrap;
    margin: 25px -30px 60px
}

.c-comments__summary-box,
.c-comments__summary-note {
    flex: 0 0 50%;
    max-width: 50%
}

.c-comments__summary-note>span {
    font-size: 1.357rem;
    line-height: 1.158;
    color: #5a5a5a;
    letter-spacing: -.4px;
    margin-bottom: 20px;
    display: block
}

.c-comments__summary-note p {
    font-size: 1.071rem;
    line-height: 2.27;
    margin-bottom: 35px;
    color: #676767
}

.btn-add-comment.is-disabled {
    background-color: #7a7a7a;
    border-color: #7a7a7a;
    color: #fff
}

.btn-add-comment {
    font-size: 1.143rem;
    line-height: 1.375;
    padding: 16px 105px 16px 45px;
    border-radius: 8px;
    background-color: #7a7a7a;
    border: 1px solid #7a7a7a;
    overflow: hidden;
    text-align: right;
    letter-spacing: -.7px;
    position: relative
}

.btn-add-comment:before {
    content: "\f086";
    font-family: fontawesome;
    position: absolute;
    right: 27px;
    top: 8px;
    font-size: 32px
}

.btn-add-comment span:before {
    width: 96px;
    height: 96px;
    position: absolute;
    right: -11px;
    top: -17px;
    background: hsla(0, 0%, 100%, .21);
    content: "";
    border-radius: 50%;
    transition: .3s all ease-out
}

.btn-checked:not(.disabled):not(.is-inactive):not([disabled])::before,
.btn-checkout:not(.disabled):not(.is-inactive):not([disabled])::before,
.btn-notify-me:not(.disabled):not(.is-inactive):not([disabled])::before,
.btn-order-traking:not(.disabled):not(.is-inactive):not([disabled])::before,
.btn-payment:not(.disabled):not(.is-inactive):not([disabled])::before,
.c-checkout-pack {
    transition: all .3s ease-in-out
}

.btn-add-comment span {
    font-size: 1em;
    padding: 0 40px
}

.c-comments__filter {
    border-bottom: 1px solid #eee;
    display: flex;
    margin-top: 60px
}

.c-faq__filter-title {
    line-height: 1.375;
    padding: 14px 19px 14px 17px;
    position: relative;
    font-size: 1.7em;
    font-weight: 400
}

.c-faq__filter-title:before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 20px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 0 0 7px;
    border-color: transparent transparent transparent #00bfd6
}

.c-faq__filter-items {
    line-height: 1.375;
    margin-right: auto;
    padding: 0
}

.c-faq__filter-items[data-title]:before {
    display: inline-block;
    content: attr(data-title);
    padding: 14px 10px;
    font-size: 1.5em
}

.c-faq__filter-items li {
    display: inline-block;
    margin-right: 10px
}

.c-faq__filter-items li a.is-active {
    color: #00bfd6;
    padding-bottom: 17px
}

.c-faq__filter-items li a {
    display: block;
    position: relative;
    padding: 14px 17px;
    color: #4d4d4d;
    font-size: 1.5em
}

.c-faq__filter-items li a.is-active:after {
    left: 0;
    right: 0;
    top: 100%;
    height: 1px;
    content: "";
    position: absolute;
    background: #00bfd6
}

.c-comments__list {
    padding: 0;
    margin-top: 18px
}

.c-comments__list>li {
    border-radius: 5px;
    background-color: #fcfcfc;
    border: 1px solid #f3f3f3;
    padding: 57px 30px 30px;
    margin-bottom: 36px
}

.c-comments__list>li section {
    display: flex;
    flex-wrap: wrap;
    margin-right: -30px;
    margin-left: -30px
}

.c-comments__list>li section .aside {
    flex: 0 0 27%;
    max-width: 27%
}

.c-comments__list>li section .article {
    flex: 0 0 73%;
    max-width: 73%;
    padding-bottom: 50px
}

.c-comments__list>li .c-message-light {
    margin-bottom: 25px;
    position: relative
}

.c-message-light--purchased {
    font-size: .929rem;
    line-height: 2.23;
    background-color: #fdfff8;
    border: 1px solid #e2f0d5;
    border-radius: 3px;
    color: rgba(36, 90, 29, .98);
    padding: 7px 40px 7px 12px
}

.c-message-light--purchased:before {
    content: "\f07a";
    font-family: fontawesome;
    position: absolute;
    right: 9px;
    top: 13px;
    font-size: 17px;
    color: #818181
}

.c-message-light--opinion-negative {
    font-size: .929rem;
    line-height: 2.23;
    background-color: #fff8f9;
    border: 1px solid #ffbcc7;
    border-radius: 3px;
    color: #ff637d;
    padding: 7px 40px 7px 12px
}

.c-message-light--opinion-negative:before {
    content: "\f165";
    font-family: fontawesome;
    position: absolute;
    right: 9px;
    top: 14px;
    font-size: 17px;
    color: #818181
}

.c-message-light--opinion-noidea {
    font-size: .929rem;
    line-height: 2.23;
    background-color: #fff9f2;
    border: 1px solid #fcdfbf;
    border-radius: 3px;
    color: #dd7e19;
    padding: 7px 12px;
    text-align: right
}

.c-comments__user-shopping {
    padding: 5px 0 0
}

.c-comments__user-shopping>li {
    font-size: .929rem;
    line-height: 1.692;
    color: #777;
    margin: 5px 0
}

.c-comments__list>li .article,
.c-comments__list>li .aside {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 30px;
    padding-left: 30px
}

.c-comments__list>li section .article .header {
    border-bottom: 1px solid #eee;
    padding-bottom: 20px;
    margin-bottom: 20px
}

.c-comments__list>li section .article .header>span {
    font-size: 19px;
    font-size: 1.357rem;
    line-height: 1.158;
    color: #5f5f5f;
    font-weight: 500
}

.c-comments__list>li section .article .header>span:nth-child(2) {
    font-size: 1.5em;
    line-height: 1.571;
    display: block;
    color: #adadad;
    margin-top: 5px;
    font-weight: 400
}

.c-comments__evaluation {
    display: flex;
    flex-wrap: wrap;
    margin: 30px -10px 40px
}

.c-comments__evaluation-negative,
.c-comments__evaluation-positive {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
    flex: 0 0 50%;
    max-width: 50%;
    display: flex;
    align-items: center
}

.c-comments__evaluation-negative>span,
.c-comments__evaluation-positive>span {
    color: #00bfd6;
    padding: 20px
}

.c-comments__evaluation-negative ul li,
.c-comments__evaluation-positive ul li {
    margin: 6px 0;
    padding-right: 17px;
    color: #5f5f5f;
    position: relative;
    font-size: 1.3em
}

.c-comments__evaluation-positive ul li:before {
    background-color: #00bfd6!important
}

.c-comments__evaluation-negative ul li:before,
.c-comments__evaluation-positive ul li:before {
    background: #ccc;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    content: "";
    position: absolute;
    top: 8px;
    right: 0
}

.c-comments__evaluation-negative ul li:before {
    background-color: #ff637d
}

.c-comments__list>li .article p {
    font-size: 1.4em;
    line-height: 2.71;
    color: #505050
}

.c-comments__list>li .article .footer {
    margin-top: 15px;
    position: absolute;
    bottom: 0;
    left: 30px
}

.c-comments__likes {
    text-align: left;
    color: #777;
    font-size: 13px;
    font-size: .929rem;
    line-height: 1.692
}

.btn-like,
.c-comments__likes>span {
    font-size: .9em
}

.c-comments__likes .btn-like {
    margin-right: 17px
}

.btn-like {
    border-radius: 8px;
    border: 1px solid #ededed;
    background: #fff;
    padding: 2px 13px;
    color: #8c8c8c;
    line-height: 1.692
}

.c-comments__list>li section .aside>div:not(:first-of-type) {
    margin-top: 40px
}

.c-pager {
    display: flex;
    flex-wrap: wrap;
    margin: 10.5px -10px;
    align-items: center;
    justify-content: center
}

.c-pager__items li,
.c-pager__tabs li {
    display: inline-block
}

.c-pager__item.is-active {
    background-color: #00bfd6;
    border: 1px solid #00bfd6;
    color: #fff
}

.c-pager__item {
    border-radius: 8px;
    color: #535353;
    font-size: 1.6em;
    line-height: 34px;
    margin: 0 3px
}

.c-pager__item,
.c-pager__next,
.c-pager__prev {
    display: inline-block;
    width: 35px;
    height: 34px;
    text-align: center;
    vertical-align: top
}

.c-faq__headline {
    font-size: 2.3em;
    line-height: 1.571;
    letter-spacing: -.6px;
    color: #6f6f6f;
    font-weight: 700
}

.c-faq__headline span {
    display: block;
    font-size: .7em;
    line-height: 1.375;
    margin-top: 10px;
    font-weight: 400;
    color: #6f6f6f
}

.c-form-faq textarea,
.modal-checkout textarea {
    height: 180px;
    border: 1px solid #c8c8c8;
    border-radius: 5px;
    padding: 10px;
    color: #424242;
    width: 100%;
    resize: vertical;
    vertical-align: top;
    min-height: 56px;
    font-size: .857rem;
    line-height: 2.58;
    margin: 12px 0
}

.disabled {
    opacity: .5;
    cursor: default!important;
    user-select: none;
    pointer-events: none
}

.btn-tertiary {
    font-size: 17px;
    font-size: 1.214rem;
    line-height: 1.294;
    border-radius: 8px;
    background-color: #7a7a7a;
    padding: 18px 31px;
    color: #fff
}

.form-row {
    display: flex;
    align-items: center
}

.form-row .agreement {
    margin-right: 20px;
    font-size: 1.4em;
    line-height: 2.3
}

#questions c-comments__filter {
    flex-wrap: wrap
}

.c-faq__list {
    margin-top: 40px
}

.c-faq__list>li:first-child {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px
}

.c-faq__list>li {
    position: relative;
    border: 1px solid #dbdbdb;
    background: #fcfcfc;
    margin-right: 171px;
    padding: 19px 29px 50px;
    color: #4d4d4d;
    min-height: 220px
}

.c-faq__list>li:after,
.c-faq__list>li:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 11px 0 11px 11px;
    border-color: transparent transparent transparent #dbdbdb;
    left: 100%;
    top: 50px
}

.c-faq__list>li.is-question .section .header {
    font-size: 62px;
    padding-top: 69px;
    color: #35ccde
}

.c-faq__list>li.is-question .section .header:before {
    content: "\f059";
    font-family: fontawesome
}

.c-faq__list>li .section p {
    margin-bottom: 20px
}

.c-faq__list>li .section .header .h5 {
    color: #7a7a7a;
    font-size: .4em;
    line-height: 1.692;
    margin-top: 10px
}

.c-faq__list>li .section .header .h5 span {
    display: block;
    font-size: 12px;
    font-size: .857rem;
    line-height: 1.833;
    color: #959595
}

.c-faq__list>li .section .header {
    width: 122px;
    margin-left: 44px;
    padding-top: 64px;
    position: absolute;
    left: 100%;
    top: -10px;
    text-align: center
}

.c-faq__list>li .section>p {
    font-size: 1.5em;
    line-height: 2.4
}

.c-faq__list>li .section .footer {
    font-size: .857rem;
    line-height: 1.833;
    position: absolute;
    display: flex;
    align-items: center;
    width: 100%;
    right: 0;
    bottom: 25px;
    padding: 0 29px
}

.c-faq__list>li .section .footer em {
    color: #d3d3d3;
    font-style: normal;
    margin-left: auto
}

.c-faq__list>li .section .footer .btn-link-spoiler {
    margin-right: 20px;
    font-size: 1em
}

.c-faq__list>li.is-answer {
    background: #fff
}

.c-faq__list>li.is-answer .section .header {
    font-size: 79px;
    padding-top: 86px;
    color: #ffd188
}

.c-faq__list>li.is-answer .section .header:before {
    content: "\f0eb";
    font-family: fontawesome
}

.c-faq__likes {
    text-align: left;
    color: #777;
    line-height: 1.692;
    margin-right: auto;
    font-size: .9em
}

.c-faq__likes span {
    font-size: 1em
}

.c-faq__answer-row {
    display: flex;
    flex-wrap: wrap;
    margin-right: 0;
    margin-left: 0
}

.c-faq__answer-col {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 0;
    padding-left: 0
}

.c-faq__answer-col--form {
    flex: 0 0 54%;
    max-width: 54%;
    padding-left: 33px;
    padding-right: 26px
}

.c-faq__answer-col--form span.h3 {
    margin-bottom: 4px;
    font-size: 2em;
    line-height: 1.048;
    letter-spacing: -.8px;
    color: #7a7a7a;
    display: block
}

.c-form-faq-answer__col--submit .btn-default {
    width: 100%
}

.btn-default {
    line-height: 1.375;
    border-radius: 8px;
    background-color: #00bfd6;
    border: 1px solid #41a7b4;
    padding: 14px 31px;
    color: #fff
}

.c-faq__answer-col--rules {
    flex: 0 0 46%;
    max-width: 46%;
    border-right: 1px solid #f0f0f0;
    padding-right: 25px
}

.c-faq__answer-col--rules span.h4 {
    padding-right: 37px;
    margin-bottom: 25px;
    position: relative;
    font-weight: 700;
    letter-spacing: -.7px;
    line-height: 1.294;
    color: #7a7a7a;
    display: block;
    font-size: 1.5em
}

.c-faq__answer-col--rules span.h4:before {
    content: "\f14b";
    font-family: fontawesome;
    position: absolute;
    right: 0;
    top: -5px;
    font-size: 22px
}

.c-faq__rules-list li {
    margin: 15px 0 0;
    position: relative;
    padding-right: 33px
}

.c-faq__rules-list li:before {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    top: 7px;
    right: 8px;
    background: #e2e2e2;
    position: absolute;
    content: ""
}

.c-faq__answer-row textarea,
.comment-new form textarea {
    border: 1px solid #c8c8c8;
    width: 100%;
    resize: vertical;
    min-height: 56px;
    vertical-align: top
}

.c-faq__rules-list span.h5 {
    font-weight: 500;
    letter-spacing: -.5px;
    font-size: 1.4em;
    line-height: 1.571;
    color: #7a7a7a;
    display: block
}

.c-faq__rules-list p {
    line-height: 1.6;
    margin-top: 10px;
    color: #959595;
    letter-spacing: -.7px;
    font-size: 1.4em
}

.c-faq__answer-row textarea {
    height: 180px;
    border-radius: 5px;
    padding: 10px;
    color: #424242;
    font-size: .857rem;
    line-height: 2.58;
    margin: 12px 0
}

.add-comment {
    background-color: #fff;
    margin: 20px auto;
    padding: 20px 30px
}

.comment-info {
    display: flex;
    justify-content: space-between
}

.comment-info img {
    height: 300px
}

.comment--info {
    display: flex;
    flex-direction: column;
    flex: 0 0 68.5%;
    background: #fcfcfc;
    padding: 0 30px 39px 28px
}

.comment--info .headline {
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    padding-bottom: 13px
}

.comment--info .headline h4 {
    font-size: 2.2em;
    font-weight: 400;
    line-height: 1.8
}

.comment--info .headline span {
    line-height: 1.5;
    color: #b5b5b5
}

.comment-new {
    margin-top: 20px;
    display: flex;
    justify-content: space-between
}

.comment-new form>input,
.comment-new form>label {
    display: block;
    width: 100%
}

.comment-new form label,
.group-input span {
    margin-bottom: 12px;
    color: #565656;
    font-size: 1.143rem;
    line-height: 1.4;
    position: relative;
    font-weight: 400
}

.comment-new form input,
.comment-new form>input {
    border-radius: 5px;
    background: #fff;
    border: 1px solid #c8c8c8;
    color: #717171;
    font-size: 1.3em;
    line-height: 1.571;
    padding: 11px 12px;
    width: 100%;
    letter-spacing: -.8px
}

.group-input {
    display: flex
}

.group-input div {
    display: flex;
    flex-direction: column;
    margin-left: 20px
}

.comment-new form textarea {
    border-radius: 5px;
    outline: 0;
    padding: 10px;
    color: #424242;
    line-height: 2;
    height: 166px;
    font-size: 1.2em
}

.group-input .advantage span:before,
.group-input .disadvantage span:before {
    width: 8px;
    height: 8px;
    position: absolute;
    right: 7px;
    top: 6px;
    border-radius: 4px;
    content: ""
}

.comment-new label,
.comment-new span {
    margin-top: 25px
}

.comment-new span {
    padding-right: 20px
}

.group-input .advantage span:before {
    background: #00bfd6
}

.group-input .disadvantage span:before {
    background: #fb3449
}

.comment-new button {
    margin-top: 15px;
    display: block
}

.comment-new .form-holder {
    flex-basis: 55%;
    padding-left: 30px;
    position: relative
}

.comment-new .form-holder .btn-link-spoiler {
    position: absolute;
    bottom: 10px
}

.comment-new .description {
    border-right: 1px solid #ededed;
    padding: 40px 50px
}

.comment-new .description h3 {
    margin-bottom: 45px;
    letter-spacing: -.5px;
    font-size: 2em;
    line-height: 1.5;
    font-weight: 400
}

.comment-new .description p {
    line-height: 2.3
}

.cart-empty,
.icon-wrapper {
    margin: 27px auto;
    background: #fff;
    border: 1px solid #e7e7e7;
    padding: 30px;
    text-align: center;
    line-height: 22px
}

.cart-empty__icon {
    width: 167px;
    height: 170px;
    background: #f4f4f4;
    position: relative;
    border-radius: 50%;
    margin: 0 auto
}

.cart-empty__icon:before {
    content: "\f07a";
    font-family: fontawesome;
    position: absolute;
    font-size: 77px;
    left: 42px;
    top: 72px;
    color: #a8a8a8
}
.cart-sfl__icon{
    margin: 0 auto;
    width: 200px;
    height: 150px;
    background: url(../images/06d51c65.png) 50% no-repeat;
    background-size: auto;
    background-size: contain;
}
.cart-empty__title {
    font-size: 2.214rem;
    line-height: 1.419;
    letter-spacing: -.4px;
    margin: 25px 0;
    color: #858585;
    alignment: center;
    text-align: center;
}

.cart-empty__links {
    margin-bottom: 20px
}

.cart-empty__link-urls a {
    margin: 5px 0 0 10px;
    padding: 0 2px;
    position: relative
}

.btn-cart:not(.disabled):not(.is-inactive):not([disabled]) {
    position: relative;
    overflow: hidden
}

.cart-empty .btn-cart {
    padding-right: 100px;
    padding-left: 100px;
    margin-top: 15px;
    display: inline-block
}

.icon-wrapper .icon {
    border-bottom: none;
    justify-content: space-around;
    flex-wrap: wrap
}

.main-cart {
    display: flex;
    flex-wrap: wrap
}

.main-cart .o-page__content {
    flex: 0 0 70%;
    padding-right: 0;
    padding-left: 25px;
}
.main-cart .ob-page__content {
    flex: 0 0 50%;
    border: 1px solid #e7e7e7;
    background: #fff;
    padding-right: 0;

}

.c-checkout__tab--active {
    color: #ef394e !important;
    font-weight: 500;
}
.c-checkout__tab--active:before {
    background-color: #ef394e;
}
.c-checkout__tab--active:before, .c-checkout__tab--active .c-checkout__tab-counter {
    content: "";
    height: 4px;
    width: 100%;
    position: absolute;
    bottom: 0;
    right: 0;
    border-radius: 2px 2px 0 0;
}
.c-checkout__tab-counter {
    color: #f8f8f8;
    background-color: #ef394e/*#999*/;
    margin-right: -20px;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    display: inline-block;
    text-align: center;
}
.main-cart .c-checkout-text {
    cursor: pointer;
    color: #818181;
    text-align: center;
    position: relative;
    min-width: 140px;
    padding: 8px 24px 10px;
    font-size: .95rem;
    font-weight: 400;
    line-height: 1.467;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.main-cart  .o-headline {
    padding: 0 0 10px 0;
    border-bottom: 1px solid #ececec;
}
.c-cart-item__stock-info span {
    font-size: .7rem;
    line-height: 19px;
    color: #ef394e;
    font-weight: 500;
}
.c-cart-item__stock-info {
    margin-top: 12px;
}
.c-checkout__to-shipping-sticky {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 66px;
    position: -webkit-sticky;
    position: sticky;
    bottom: 50px;
    background-color: transparent;
    /*-webkit-box-shadow: 0 -3px 4px 0 rgba(0,0,0,.06);*/
    /*box-shadow: 0 -3px 4px 0 rgba(0,0,0,.06);*/
    /*border-bottom: transparent;*/
    /*!*border-color: red;*!*/
    /*border-style: solid;*/
    /*border-width: 1px 0;*/
    max-width: fit-content;
    -ms-content-zoom-limit-max: inherit;
    padding: 20px 10px;
    z-index: 1;
}
.c-checkout__to-shipping-link {
    padding: 12px 92px;
    background-color: #ef394e;
    border-radius: 5px;
    min-width: 300px;
    text-align: center;
    font-weight: 700;
    color: #fff;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    border: none;
    cursor: pointer;
    max-width: max-content;
    /*width: ;*/
}
.c-checkout__to-shipping-price-report {
    padding-left: 1px;
    alignment: center;
    align-content: center;
    align-items: center;
}
.c-checkout__to-shipping-price-report p {
    font-size: 10px;
    font-size: .714rem;
    line-height: 2.2;
    color: #777;
    text-align: left;
}
.c-checkout__to-shipping-price-report--price {
    color: #000;
    font-size: 1.1rem;
    line-height: 1.222;
    font-weight: 600;
    text-align: left;
    margin-top: 2px;
}
.c-checkout__to-shipping-price-report--price span {
    font-size: .8rem;
    line-height: 1.833;
    font-weight: 400;
}
.c-checkout__header {
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    padding: 13px 0 10px 0;
    margin: 0 12px;
}
.c-checkout__header-title {
    color: #777;
    font-size: 15px;
    font-size: .9rem;
    line-height: 1.5;
    font-weight: 700;
    margin-right: 8px;
}
.c-checkout__header-extra-info {
    position: absolute;
    color: #777;
    font-weight: 400;
    font-size: 13px;
    font-size: .8rem;
    line-height: 1.5;
    margin-right: 8px;
}
.c-checkout__header-delivery-cost {
    position: absolute;
    left: 0;
    color: #777;
    font-size: 13px;
    font-size: .8rem;
    line-height: 1.692;
}
.o-headline>h2,
.o-headline>span {
    font-size: 1.8em;
    line-height: 31px;
    font-weight: 500
}

.c-checkout {
    margin: 0 0 10px;
    border: 1px solid #e7e7e7;
    background: #fff
}

.c-checkout__item:first-child {
    border-top: none
}

.c-checkout__item {
    border-top: 1px solid #eaeaea
}

.c-checkout__row {
    display: flex;
    flex-wrap: wrap;
    margin-right: 0;
    margin-left: 0;
    padding-top: 20px;
    padding-bottom: 25px;
    position: relative;
    padding-left: 10px;
    border-bottom: 1px solid #eaeaea;
}

.c-checkout__col {
    line-height: 22px;
    /*position: relative;
    width: 100%;*/
    min-height: 1px;
    padding-right: 0;
    padding-left: 0
}

.c-checkout__col--thumb {
    flex: 0 0 19%;
    padding-right: 40px;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center
}

.c-checkout__col--thumb a {
    position: relative
}

.c-checkout__col--thumb img:not(.c-product-box__fmcg-symbol) {
    max-width: 70%;
    max-height: 80%;
    position: relative
}

.c-checkout__btn-remove {
    position: absolute;
    width: 26px;
    height: 26px;
    text-align: center;
    border: none;
    border-radius: 13px;
    color: #999;
    background: #f5f5f5;
    right: 14px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer
}

.c-checkout__btn-remove::before {
    content: "\f1f8";
    font-family: fontawesome;
    font-size: 12px;
    vertical-align: top;
    margin-top: 3px;
    display: inline-block
}

.c-checkout__col--desc {
    /*flex: 0 0 35%*/
    width: 80%;
}

.c-checkout__col--desc a {
    color: #000;
    font-size: 1.6em;
    line-height: 1.6;
    font-weight: 400
}

.c-checkout__col--desc p {
    font-size: 1.2em
}

.c-checkout__title {
    font-size: 1.071rem;
    line-height: 1.88;
    margin-bottom: 15px
}

.c-checkout__dealer {
    font-size: .929rem;
    line-height: 1.692;
    margin: 7px 0
}

.c-checkout__guarantee,
.c-checkout__special-deal {
    font-size: .857rem;
    line-height: 1.833;
    margin: 7px 0
}

.c-checkout__variant {
    font-size: 13px;
    font-size: .929rem;
    line-height: 1.692;
    margin: 7px 0
}

.c-checkout__col--information,
.c-checkout__col--message {
    display: flex
}

.c-checkout__col--information {
    /*flex: 0 0 46%;*/
    justify-content: space-between;
    align-items: center;
    margin-top: 25px;
}
.c-cart-item__save-for-later {
    font-size: .75rem !important;
    line-height: 1.833;
    color: #777 !important;
    padding-right: 20px;
    position: relative;
    cursor: pointer;
    padding-top: 8px;
}
.c-quantity-selector {
    width: 100px;
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border: 1px solid #eee;
    border-radius: 5px;
    color: #0fabc6;
    font-size: 15px;
    font-size: 1.071rem;
    line-height: 1.467;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.c-quantity-selector button {
    border: none;
    margin: 0;
    padding: 0;
    color: #0fabc6;
    background-color: #fff;
    cursor: pointer;
    width: 33%;
    text-align: center;
    height: 100%;
    border-radius: 5px;
}
.c-quantity-selector__add i {
    color: #00122a;
    font-size: 1rem;
}
.c-quantity-selector__remove i {
    font-size: 1.1rem;
}
.c-cart-item__quantity-row {
    display: flex;
}
.c-checkout__row--inner {
    display: flex;
    flex-wrap: wrap;
    margin-right: 0;
    margin-left: 0;
    width: 100%
}

.c-checkout__col--counter {
    /*flex: 0 0 52%;
    max-width: 52%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center*/
}

.c-checkout__quantity {
    position: relative;
    z-index: 12;
    user-select: none;
    line-height: 22px;
    font-size: 1.1em;
    text-align: center
}

.c-checkout__quantity select {
    border-radius: 8px;
    font-size: .8em;
    border: 1px solid rgba(0, 0, 0, .1)
}

.c-checkout__quantity-error {
    position: absolute;
    top: calc(100% + 10px);
    right: -5px;
    padding: 10px;
    color: #fff;
    background-color: #ef5661;
    white-space: nowrap;
    z-index: 9283;
    display: none;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571
}

.c-checkout__col--price {
   /* flex: 0 0 47%;
    max-width: 47%;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: right*/
}

.c-checkout__price:first-child,
.c-checkout__price:nth-child(3) {
    padding-right: 47px
}

.c-checkout__price {
    font-size: 1.7em;
    line-height: 1.294;
    margin: 2px 0;
    font-weight: 400
}

.main-cart .o-page__aside {
    flex: 0 0 24.5%;
    padding-left: 0
}

.c-checkout-aside {
    margin-bottom: 23px
}

.main-cart .c-checkout-aside {
    margin-top: 77px;
    margin-bottom: 10px
}

.c-checkout__row.is-incredible {
    padding-bottom: 40px;
    position: relative
}

/*.c-checkout__row.is-incredible::after {
    content: "";
    position: absolute;
    border-radius: 8px;
    border: 1px solid #fccdd2;
    width: 137px;
    height: 27px;
    background: url(../images/9ddbb0ae.png) 50% no-repeat #fff8f8;
    background-size: auto 12px;
    -o-object-fit: contain;
    object-fit: contain;
    bottom: 10px;
    right: 20px
}*/

.c-checkout__price--del {
    font-size: .929rem;
    line-height: 1.692;
    text-decoration: line-through;
    color: #a0a0a0
}

.c-checkout-summary__discount .discount-price{
    line-height: 1.571;
    color: #ef394e
}

.c-checkout__price--discount {
    font-size: .857rem;
    line-height: 1.833;
    color: #a0a0a0
}

.c-checkout-summary__content div:last-of-type>span {
    font-size: .9em
}

.c-checkout-summary {
    background-color: #fff;
    border: 1px solid #e7e7e7;
    line-height: 22px;
}
.c-checkout-summary span {
    color: #777;
    font-size: 1.3em;
}
.c-checkout-summary .has-devider {
    border-top: 1px solid #eaeaea;
    padding-top: 10px;
}
.c-checkout-summary .has-devider span{
    font-weight: 500;
    color: #2b2b2b;
}
.pd-10 { padding-top: 10px}
.pd-10 i {color: gold}
.c-checkout-summary__summary {
    list-style: none;
    padding: 15px 10px
}

.c-checkout-summary__summary li {
    padding-bottom: 5px;
    display: flex;
    margin: 5px 0;
    justify-content: space-between;
    font-weight: 400;
    font-size: 1.1em
}

.c-checkout-summary__devider {
    padding: 0 10px
}

.c-checkout-summary__devider div {
    width: 100%;
    border: 1px solid #e6e6e6;
    height: 4px;
    border-right: none;
    border-left: none
}

.c-checkout-summary__content {
    padding: 15px;
    color: #a0a0a0;
    font-size: .786rem;
    line-height: 2;
    padding-top: 0;
}
.cart-sfl__links p{
    font-size: 1.5em;
    width: 30%;
    margin: 0 auto;
    line-height: 1.7;
    text-align: center;
}
#cart-sfl {
    width: 100%;
    display: none;
    flex: 20%;
    /*border: 1px solid #e7e7e7;*/
    /*background: #fff;*/
    text-align: right;
    box-sizing: border-box;
    margin: 0;
    outline: none;
    direction: rtl;
    font-weight: 300;




}
.c-checkout-summary__price-title {
    text-align: center;
    color: #676767;
    font-size: 1.286rem;
    line-height: normal
}

.c-checkout-summary__price-value {
    text-align: center;
    font-size: 1.071rem;
    line-height: normal;
    color: #fb3449
}

.c-checkout-summary__price-value-amount {
    font-size: 1.429rem;
    line-height: 2;
    font-weight: 700
}

.btn-checkout:not(.disabled):not(.is-inactive):not([disabled]) {
    overflow: hidden
}

.c-checkout-summary__content .btn-checkout {
    width: 100%;
    text-align: center;
    margin-top: 2px;
    font-weight: 700;
    position: relative
}

.btn-checkout {
    font-size: 15px;
    /*font-size: 1.071rem;*/
    line-height: 1.467;
    padding: 15px 70px 15px 15px;
    border-radius: 8px;
    background-color: #00bfd6;
    border: 1px solid #41a7b4;
    color: #fff;
    overflow: hidden;
    text-align: right;
    letter-spacing: -.6px
}

.btn-checkout::before {
    width: 85px;
    height: 85px;
    position: absolute;
    right: -20px;
    top: -17px;
    background: hsla(0, 0%, 100%, .21);
    content: "";
    border-radius: 50%
}

.btn-checkout::after {
    content: "\f053";
    font-family: fontawesome;
    position: absolute;
    right: 21px;
    top: 14px;
    font-size: 21px
}

.btn-checkout:not(.disabled):not(.is-inactive):not([disabled]):hover::before {
    width: 900px;
    height: 900px;
    right: -450px;
    top: -450px;
    transform: unset
}

.c-checkout-summary__content div:last-child {
    padding-right: 5px;
    line-height: 2;
    margin-top: 9px
}

.c-checkout-feature-aside {
    border-radius: 5px;
    box-shadow: 0 8px 13px -7px rgba(0, 0, 0, .05);
    background-color: #fff;
    border: 1px solid #e6e6e6;
    margin-top: 10px;
    padding: 15px;
    letter-spacing: -.2px;
    line-height: 1.73;
    color: #aaa;
    font-weight: 500
}

.c-checkout-feature-aside__item {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    font-size: 1.3em;
    line-height: 1.692;
    font-weight: 500;
    margin-bottom: 10px;
    padding: 0 27px 0 20px
}

.c-checkout-steps,
.c-checkout-steps__item::before {
    position: absolute;
    left: 50%;
    transform: translateX(-50%)
}

.c-checkout-feature-aside__item--guarantee {
    background: url(../images/a8d65c7a.svg) 100% 50% no-repeat;
    background-size: 22px auto
}

.c-checkout-feature-aside__item--cash {
    background: url(../images/3e2ec4e5.svg) 100% 50% no-repeat;
    background-size: 22px auto
}

.c-checkout-feature-aside__item:last-child {
    margin-bottom: 0
}

.c-checkout-feature-aside__item--express {
    background: url(../images/0e30c4eb.svg) 100% 50% no-repeat;
    background-size: 22px auto
}

.c-checkout-feature-aside {
    font-size: 1em
}

header.shipping .logo {
    text-align: center;
    height: 75px;
    display: flex;
    justify-content: center
}

header.shipping .logo a {
    margin: 23px auto
}

header.shipping .logo img {
    width: 180px;
    height: auto
}

header.shipping {
    height: 110px;
    box-shadow: 0 2px 12px 0 hsla(0, 0%, 44%, .14);
    z-index: unset
}

.c-checkout-steps {
    display: flex;
    list-style: none;
    padding: 0;
    color: #a0a0a0;
    justify-content: space-between;
    width: 60%;
    line-height: 1.692;
    top: 100px;
    margin: 0;
    z-index: 1000
}

.c-checkout-steps li.is-active,
.c-checkout-steps li.is-completed {
    color: #00bfd6
}

.c-checkout-steps li:first-of-type {
    margin-left: 0
}

.c-checkout-steps__item::before {
    top: -25px;
    content: attr(data-title);
    white-space: nowrap;
    font-size: 1.3em;
    font-weight: 400
}

.c-checkout-steps li.is-completed:before,
.c-checkout-steps:before {
    content: "";
    position: absolute;
    height: 3px;
    border-radius: 3.5px;
    z-index: 0;
    top: 50%;
    transform: translateY(-50%)
}

.c-checkout-steps:before {
    width: 98%;
    background-color: #d0d0d0;
    left: 10px
}

.c-checkout-steps li.is-completed:before {
    width: 49%;
    background-color: #00bfd6;
    right: 10px
}

.c-checkout-steps li.is-completed:last-of-type:before {
    left: 10px
}

.c-checkout-steps li.is-active .c-checkout-steps__item,
.c-checkout-steps li.is-active::before {
    background-color: #00bfd6
}

.c-checkout-steps__item {
    position: relative;
    text-align: center;
    border-radius: 100%;
    width: 20px;
    height: 20px;
    background-color: #d0d0d0;
    z-index: 1
}

.o-headline--checkout {
    padding-left: 0;
    align-items: flex-end;
    color: #858585;
    margin-top: 36px;
    margin-bottom: 10px;
    justify-content: space-between
}

.o-headline--checkout>span {
    color: inherit;
    font-weight: 400
}

.c-checkout-contact.is-completed .c-checkout-contact__badge {
    width: 41px;
    height: 41px;
    background-color: #f3feff;
    box-shadow: 0 8px 9px 0 rgba(0, 0, 0, .05);
    border: 1px solid #8dd4dd;
    position: absolute;
    right: -20px;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 50%
}

.c-checkout-contact,
.c-checkout-pack {
    box-shadow: 0 12px 12px 0 hsla(0, 0%, 71%, .1)
}

.c-checkout-contact.is-completed .c-checkout-contact__badge::before {
    content: "\f00c";
    font-family: fontawesome;
    font-size: 17px;
    position: absolute;
    top: 10px;
    right: 11px;
    color: #00bfd6
}

.c-checkout-contact {
    border: 1px solid #e7e7e7;
    background: #fff;
    margin-bottom: 20px;
    position: relative
}

.c-checkout-contact__content {
    padding: 20px 43px 22px 20px;
    position: relative;
    color: #6d6d6d
}

.c-checkout-contact__content::before {
    width: 5px;
    top: 0;
    bottom: 0;
    right: -1px;
    position: absolute;
    background-color: #8dd4dc;
    content: ""
}

.c-checkout-contact__item:first-child {
    margin-top: 0;
    margin-bottom: 5px
}

.c-checkout-contact__item--message,
.c-checkout-contact__item--mobile {
    display: inline-block;
    white-space: nowrap;
    line-height: 1.571;
    font-size: 1.4em;
    font-weight: 400
}

.c-checkout-contact__item--location {
    margin: 15px 0
}

.c-checkout-contact__item--message {
    margin-right: 10px
}

.c-checkout-contact__item--username {
    font-weight: 500
}

.c-checkout-contact__btn-edit {
    line-height: 21px;
    font-size: 12px;
    margin-right: 11px;
    border: none;
    position: relative;
    color: #00bfd6;
    border-bottom: 1px dashed #00bfd6;
    background-color: transparent;
    font-weight: 700
}

.c-checkout-contact__location {
    padding: 3px 10px 4px;
    line-height: 25px;
    background-color: #ededed;
    position: absolute;
    border: none;
    top: 20px;
    left: 20px;
    border-radius: 5px;
    color: #6d6d6d
}

.c-checkout-pack {
    background: #fff;
    position: relative
}

.c-checkout-pack__row {
    display: flex;
    flex-wrap: wrap;
    margin-right: 0;
    margin-left: 0
}

.c-checkout-pack__row:not(:last-child) {
    border-bottom: 1px solid #e7e7e7
}

.c-checkout-time-table {
    padding: 18px;
    width: 100%
}

.c-checkout-time-table__title-bar {
    font-size: 1.5em;
    font-weight: 400;
    line-height: 2;
    letter-spacing: -.3px;
    color: #858585
}

.c-checkout-time-table__subtitle-bar {
    line-height: 2;
    letter-spacing: -.2px;
    color: #a2a2a2;
    display: flex;
    font-size: 1.3em
}

.c-checkout-time-table__subtitle-bar>:not(:last-child) {
    padding-left: 10px;
    margin-left: 10px;
    border-left: 1px solid #e0e0e0
}

.c-checkout-shipment__invoice-type {
    background-color: #fff;
    padding: 24px 16px 32px;
    border-top: 7px solid #f5f7fa;
    position: relative;
}
.c-checkout-shipment__invoice-type-info {
    font-size: .9rem;
    line-height: 26px;
    color: #f57f17;
    position: relative;
    padding-right: 40px;
    font-weight: 400;
}
.c-checkout-shipment__invoice-type-info::before {
    content: "\f05a";
    font-family: "fontawesome";
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    color: #f9a825;
    font-size: 24px;
}
span.full-address {
    font-size: 1.3em;
    margin-top: 10px;
    display: inline-block
}

.c-checkout__actions {
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
    padding: 5px 10px;
    margin-top: 15px;
    width: 100%
}

.c-checkout__actions button {
    background: 0 0
}

.c-product-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    padding: 26px 0 20px;
    border: 1px solid rgba(0, 0, 0, .1)
}

.c-product-box__img {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin-bottom: 7px
}

.c-product-box--compact .c-product-box__img {
    height: 90px;
    padding: 0 10px 5px
}

.c-product-box--compact .c-product-box__title {
    margin-top: 13px;
    width: 65%;
    line-height: 22px;
    letter-spacing: -.3px;
    position: relative;
    display: block;
    overflow: hidden;
    text-align: center;
    font-size: 1.2em
}

.modal-checkout {
    display: none;
    position: fixed;
    top: 2%;
    right: 22%;
    width: 60%;
    border-radius: 5px;
    box-shadow: 0 8px 13px -7px rgba(0, 0, 0, .05);
    background-color: #fff;
    border: 1px solid #e6e6e6;
    margin-top: 10px;
    padding: 15px;
    letter-spacing: -.2px;
    font-size: .786rem;
    line-height: 1.73;
    color: #aaa;
    font-weight: 500;
    max-height: 95vh;
    overflow: auto;
    z-index: 9992
}

.btn-checked,
.btn-order-traking,
.btn-order-traking:not(.disabled):not(.is-inactive):not([disabled]),
.btn-payment,
.btn-payment:not(.disabled):not(.is-inactive):not([disabled]) {
    overflow: hidden
}

.main-cart-overlay:before {
    position: fixed;
    content: "";
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .5);
    z-index: 9991
}

.modal-checkout .container {
    min-width: unset;
    width: 100%;
    max-width: 100%!important;
    padding: 30px 30px 30px 140px!important
}

.c-form-checkout__headline {
    width: 100%;
    background-color: #f6f6f6;
    padding: 7px 15px 8px;
    line-height: 1.39;
    color: #858585;
    font-size: 1.4em;
    margin-bottom: 10px
}

.modal-checkout .group-input {
    margin-top: 12px
}

.modal-checkout .group-input span {
    letter-spacing: -.3px;
    margin-bottom: 2px;
    line-height: 1.67;
    color: #858585;
    font-size: 1.3em;
    padding: 5px 0 1px
}

.modal-checkout input:not([type=button]),
.modal-checkout select {
    border-radius: 5px;
    background: #fff;
    border: 1px solid #c8c8c8;
    color: #717171;
    line-height: 1.571;
    padding: 11px 12px;
    width: 100%;
    letter-spacing: -.8px;
    font-size: 1.1em
}

.modal-checkout select {
    cursor: pointer
}

.modal-checkout .group-input>div {
    flex-basis: 50%
}

.modal-checkout .textarea-area span {
    line-height: 1.67;
    padding-top: 10px;
    color: #858585;
    font-size: 1.3em;
    display: inline-block;
    font-weight: 400
}

.modal-checkout .foot {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
    align-items: baseline;
    flex-wrap: wrap
}

.modal-checkout .foot button {
    flex: 0 0 67%
}

.btn-checked {
    font-size: 1.3em;
    line-height: 1.222;
    padding: 20px 100px 20px 20px;
    border-radius: 8px;
    background-color: #00bfd6;
    border: 1px solid #41a7b4;
    color: #fff;
    text-align: center;
    letter-spacing: -.7px;
    position: relative
}

.btn-checked::before {
    width: 95px;
    height: 95px;
    position: absolute;
    right: -15px;
    top: -20px;
    background: hsla(0, 0%, 100%, .21);
    content: "";
    border-radius: 50%
}

.btn-checked::after {
    position: absolute;
    right: 23px;
    top: 16px;
    font-size: 27px;
    content: "\f00c";
    font-family: fontawesome
}

.modal-checkout textarea {
    resize: none;
    height: 100px
}

.modal-checkout .close-modal {
    background-color: #f5f5f5;
    border-radius: 50%;
    width: 38px;
    height: 38px;
    position: absolute;
    top: 10px;
    left: 17px;
    text-decoration: none;
    color: #989898;
    font-size: 23px;
    line-height: 1;
    padding: 5px;
    z-index: 100;
    transform: rotate(45deg)
}
/* form errors and request messages and alerts */
.badge-light {
    margin-top: 2.5em;
}
.errorlist {
    list-style: none;
    padding-left: 0px;
    opacity: 0.8;
    color: #dc3545;
    font-size: 12px;
}
.msg {
    margin: 0 !important;
    margin-bottom: 4px !important;
    margin-top: 4px !important;
}
.messages {
    z-index: 100;
    position: fixed;
    right: 2em;
    margin-top: -1em;
    list-style: none;
    text-align: right;
}
.alert {
    text-overline-color: red;
    margin-top: 1rem;
}
.alert-error {
    background-color: #f2dede;
    border-color: #ebcccc;
    color: #a94442;
}

/*.alert {*/
/*    positition: relative;*/
/*    border-color: green;*/
/*    border-width: 10px;*/
/*    background-color: yellow;*/
/*    opacity: 80%;*/
/*    visibility: visible;*/
/*    transform: translateX(0px);*/
/*    transition: visibility 0s, opacity 250ms, transform 250ms;*/
/*}*/
/*.alert.hide {*/
/*    positition: relative;*/
/*    opacity: 0;*/
/*    visibility: hidden;*/
/*    transform: translateX(-100px); // translateX, translateY, translateZ works well*/
/*    transition: visibility 0s 10ms, opacity 10ms, transform 10ms;*/
/*}*/

.c-checkout-paymethod {
    box-shadow: 0 12px 12px 0 hsla(0, 0%, 71%, .1);
    border: 1px solid #e7e7e7;
    background: #fff;
    list-style: none;
    padding: 0
}

.c-checkout-paymethod>li:first-child {
    border-top: none
}

.c-checkout-paymethod>li {
    border-top: 1px solid #efefef
}

.c-checkout-paymethod__item.is-select-mode {
    background-color: #fbffff
}

.c-checkout-paymethod__item {
    position: relative;
    display: flex;
    align-items: center;
    padding: 30px 135px 33px 0
}

.c-checkout-paymethod__options {
    border-top: 1px solid #e2f2f4;
    padding: 18px 20px 24px;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    position: relative;
    display: none
}

.c-checkout-paymethod__item.is-select-mode+.c-checkout-paymethod__options {
    display: block;
    background-color: #fbffff
}

.c-checkout-paymethod__item.is-select-mode::before {
    color: #00bfd6
}

.c-checkout-paymethod__item--cc::before {
    content: "\f09d";
    font-family: fontawesome;
    position: absolute;
    top: 38px;
    right: 86px;
    color: #c6c6c6;
    font-size: 25px
}

.c-checkout-paymethod__item .c-ui-radio {
    position: absolute;
    top: 41px;
    right: 40px
}

.c-ui-radio--primary {
    width: 19px;
    height: 19px
}

.c-ui-radio {
    width: 14px;
    height: 14px;
    display: inline-block;
    position: relative
}

.c-ui-radio input[type=radio] {
    visibility: hidden;
    position: absolute
}

.c-ui-radio--primary input[type=radio]:checked+.c-ui-radio__check::before {
    width: 15px;
    height: 15px
}

.c-ui-radio input[type=radio]:checked+.c-ui-radio__check::before {
    content: "";
    position: absolute;
    left: 1px;
    top: 1px;
    width: 10px;
    height: 10px;
    background: #00bfd6;
    border-radius: inherit
}

.c-checkout-paymethod__title {
    font-size: 1.143rem;
    line-height: 1.375;
    font-weight: 500;
    letter-spacing: -.7px
}

.c-checkout-paymethod__title span {
    font-size: .8em;
    line-height: 1.571;
    font-weight: 500;
    letter-spacing: -.5px;
    display: block;
    margin-top: 5px;
    color: #a0a0a0
}

.c-checkout-paymethod__providers {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin: -16px -16px 0 0;
    position: relative
}

.c-checkout-paymethod__item.is-select-mode+.c-checkout-paymethod__options .c-checkout-paymethod__providers-arrow {
    background-color: #fbffff
}

.c-checkout-paymethod__providers-arrow {
    width: 14px;
    height: 14px;
    transform: rotate(45deg);
    border-left: 1px solid #cbf1f5;
    position: absolute;
    top: -10px;
    right: 100px;
    background-color: #fbffff
}

.c-checkout-paymethod__providers label.is-selected {
    border-color: #cbf1f5;
    background-color: #cbfdff
}

.c-checkout-paymethod__providers label {
    border-radius: 11px;
    background: #fff;
    border: 1px solid #cbf1f5;
    position: relative;
    display: flex;
    height: 64px;
    margin-top: 16px;
    cursor: pointer;
    padding: 10px 57px 10px 20px;
    align-items: center;
    margin-right: 16px
}

.c-checkout-paymethod__providers label .c-ui-radio {
    position: absolute;
    right: 31px;
    top: 50%;
    transform: translateY(-50%)
}

.c-ui-radio__check {
    cursor: pointer;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border-radius: 50%;
    background: #fff;
    border: 1px solid #ccc
}
.Radio {
  display: inline-flex;
  align-items: center;
}

.Radio--large {
  font-size: 2rem;
}

.Radio-Input {
  margin: 0 0.5rem 0;
}

.c-checkout-paymethod__source-title {
    display: block;
    font-size: .9em;
    font-weight: 400
}

.c-checkout-paymethod__providers label img {
    margin-right: auto;
    max-height: 50px;
    max-width: 80px
}

.c-checkout-order-summary {
    background-color: #fff;
    box-shadow: 0 12px 12px 0 hsla(0, 0%, 71%, .1);
    border: 1px solid #e7e7e7;
    padding: 15px 20px;
    margin-bottom: 29px
}

.c-checkout-order-summary__item:first-child {
    margin-top: 0
}

.c-checkout-order-summary__item {
    border: 1px solid #e7e7e7;
    border-radius: 6px;
    margin-top: 20px
}

.c-checkout-order-summary__header {
    border-radius: 6px;
    background-color: #fcfcfc;
    padding: 9px 25px 9px 50px;
    position: relative;
    cursor: pointer
}

.c-checkout-order-summary__header .c-checkout-order-summary__row {
    align-items: baseline
}

.c-checkout-order-summary__row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -10px;
    margin-left: -10px
}

.c-checkout-order-summary__col--post-time {
    font-size: 1.1em;
    line-height: 25px;
    font-weight: 700;
    letter-spacing: -.7px;
    color: #858585;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center
}

.c-checkout-order-summary__col {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
    flex: 0 0 20%;
    flex-grow: 1;
    max-width: unset
}

.c-checkout-order-summary__col span {
    font-size: 1.3em;
    line-height: 21px;
    vertical-align: middle;
    display: block;
    font-weight: 400;
    color: #919191
}

.c-checkout-order-summary__header::after {
    content: "\f078";
    font-family: fontawesome;
    position: absolute;
    left: 30px;
    top: 50%;
    transform: translateY(-50%);
    color: #c6c6c6;
    font-size: 20px;
    cursor: pointer
}

.c-checkout-order-summary__content {
    border-radius: 0 0 6px 6px;
    padding: 30px 0;
    display: none
}

.c-checkout-order-summary__content .c-product-box {
    padding: 0 10px;
    width: 23%;
    border: 0
}

.c-checkout-order-summary__content .c-product-box h4 {
    font-size: 1.3em;
    font-weight: 500;
    padding: 10px 0
}

.c-checkout-price-options__container {
    box-shadow: 0 12px 12px 0 hsla(0, 0%, 71%, .11);
    background-color: #fff;
    padding: 15px;
    height: 100%;
    min-width: 50%
}

.c-checkout-price-options__header {
    padding-right: 5px;
    margin-bottom: 9px
}

.c-checkout-price-options__header>span:first-of-type {
    font-size: 1.6em;
    line-height: 31px;
    color: #777676;
    font-weight: 600
}

.c-checkout-price-options__row {
    margin-top: 10px
}

.c-checkout-price-options__row input {
    border-radius: 5px;
    background: #fff;
    border: 1px solid #c8c8c8;
    color: #717171;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    padding: 11px 12px;
    width: 60%;
    letter-spacing: -.8px
}

.c-checkout-price-options__content p {
    font-size: 1.4em
}

.c-checkout-price-options__messages {
    width: 100%;
    margin-top: 15px
}

.c-checkout-price-options__message {
    border-radius: 5px;
    padding: 10px 21px;
    position: relative;
    line-height: 22px;
    font-size: .9em;
    font-weight: 400
}

.c-checkout-price-options__message span {
    display: block;
    width: 100%
}

.c-checkout-price-options__message--error {
    background-color: snow;
    border: 1px solid #ffc1c6;
    color: #ef5662
}

.c-checkout-price-options__message--success {
    background-color: #eeffde;
    border: 1px solid #b7ebb7;
    color: #538f0d
}


.c-checkout-alert {
    margin: 20px auto;
    box-shadow: 0 8px 13px -7px rgba(0, 0, 0, .05);
    background-color: #fff;
    border: 1px solid #e8e8e8;
    padding: 25px 0
}

.c-checkout-alert__icon.failed {
    background-color: rgba(251, 52, 73, .18);
    color: #ff637d
}

.c-checkout-alert__icon.success {
    background-color: #b3e17c;
    color: #4CAF50
}

.c-checkout-alert__icon {
    margin: 0 auto 6px;
    padding: 27px;
    border-radius: 50%;
    width: 95px;
    height: 95px
}

.c-checkout-alert__icon.failed i {
    font-size: 2.929rem;
    line-height: 1.073;
    transform: rotate(45deg)
}

.btn-order-traking::after,
.btn-payment::after {
    transform: translateY(-50%);
    font-family: fontawesome
}

.c-checkout-alert__icon.success i {
    font-size: 4em;
    line-height: 1.073
}

.c-checkout-alert__title h4 {
    color: #737373;
    font-size: 1.8em;
    line-height: 2;
    font-weight: 500;
    letter-spacing: -.5px;
    text-align: center;
    margin-bottom: 10px
}

.c-checkout-alert__content {
    text-align: center;
    font-weight: 400;
    line-height: 1.5
}

.c-checkout-alert__content p {
    font-size: 1.071rem;
    line-height: 1.67;
    color: #7d7d7d;
    text-align: center
}

.c-checkout-alert__content--failed {
    color: #fb3449
}

.c-checkout-alert__content--success {
    color: green
}

.c-checkout-alert__content--small {
    font-size: .857rem;
    line-height: 2.08
}

.c-checkout-alert__highlighted--success {
    color: #00bfd6;
    background-color: #ebfdff
}

.c-checkout-alert__highlighted {
    border-radius: 8px;
    padding: 3px 5px 0;
    margin: 0 5px;
    font-weight: 700;
    font-size: 1.1em
}

.btn-container {
    display: flex;
    justify-content: flex-end;
    padding: 0;
    margin-top: 10px
}

.payment-methods {
    padding: 0
}

.btn-payment {
    font-size: 1.071rem;
    line-height: 1.467;
    padding: 15px 80px 15px 15px;
    border-radius: 8px;
    background-color: #00bfd6;
    border: 1px solid #41a7b4;
    color: #fff;
    text-align: right;
    letter-spacing: -.6px;
    position: relative
}

.btn-payment--large {
    padding: 15px 130px;
    text-align: center
}

.btn-payment::before {
    width: 85px;
    height: 85px;
    position: absolute;
    right: -20px;
    top: -17px;
    background: hsla(0, 0%, 100%, .21);
    content: "";
    border-radius: 50%
}

.btn-payment::after {
    content: "\f09d";
    position: absolute;
    right: 15px;
    top: 50%;
    font-size: 21px;
    font-size: 1.5rem;
    line-height: 1.048
}

.c-checkout-details {
    margin: 20px auto;
    box-shadow: 0 12px 12px 0 hsla(0, 0%, 71%, .1);
    border: 1px solid #e7e7e7;
    padding: 40px 40px 40px 44px;
    background: #fff;
    overflow: hidden
}

.c-checkout-details__title {
    font-size: 1.5rem;
    line-height: 1.048;
    font-weight: 600;
    letter-spacing: -.7px
}

.c-checkout-details__row {
    display: flex;
    flex-wrap: wrap;
    margin-right: 0;
    margin-left: 0;
    padding-top: 25px;
    padding-bottom: 25px;
    position: relative;
    justify-content: space-between
}

.c-checkout-details__col--text {
    flex: 0 0 70%;
    line-height: 1.5;
    font-weight: 400
}

.c-checkout-details__title p {
    font-size: 1.071rem;
    line-height: 1.467;
    font-weight: 500;
    letter-spacing: -.5px;
    display: block;
    margin-top: 5px;
    color: #a0a0a0
}

.c-checkout-details .text-highlight--error {
    color: #fb3449;
    background-color: #fff1f2
}

.c-checkout-details .text-highlight--ok {
    background-color: #b3e17c;
    color: #4CAF50
}

.c-checkout-details .text-highlight {
    padding: 4px 6px;
    margin: 0 3px;
    border-radius: 8px;
    font-size: 1em
}

.c-checkout-details__col--text .btn-link-spoiler {
    font-size: 1em
}

.c-checkout-details__col--button {
    flex: 0 0 30%;
    text-align: left
}

.btn-order-traking {
    font-size: 1.071rem;
    line-height: 1.467;
    padding: 15px 130px 15px 100px;
    border-radius: 8px;
    background-color: #00bfd6;
    border: 1px solid #41a7b4;
    color: #fff;
    text-align: right;
    letter-spacing: -.6px;
    position: relative
}

.btn-order-traking--gray {
    background-color: #7a7a7a;
    border-color: #7a7a7a
}

.btn-order-traking::before {
    width: 85px;
    height: 85px;
    position: absolute;
    right: -20px;
    top: -17px;
    background: hsla(0, 0%, 100%, .21);
    content: "";
    border-radius: 50%;
    overflow: hidden
}

.c-checkout-orders-table,
.c-checkout-table {
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0 8px 13px -7px rgba(0, 0, 0, .05)
}

.btn-order-traking::after {
    content: "\f290";
    position: absolute;
    right: 17px;
    top: 50%;
    font-size: 28px;
    line-height: 22px
}

.c-checkout-details__col--table {
    flex: 0 0 100%;
    max-width: 100%;
    padding-top: 10px;
    padding-bottom: 10px
}

.c-checkout-table {
    background-color: #fff;
    border: 1px solid #e8e8e8
}

.c-checkout-table__row {
    display: flex;
    flex-wrap: wrap;
    margin-right: 0;
    margin-left: 0;
    border-top: 1px solid #f1f1f1;
    border-left: 1px solid #f1f1f1
}

.c-checkout-table__col {
    position: relative;
    width: 100%;
    min-height: 1px;
    flex: 0 0 50%;
    padding: 20px 30px
}

.c-checkout-table__col p {
    font-size: 1.6em;
    line-height: 1.222;
    letter-spacing: -.5px;
    color: #737373
}

.c-checkout-table__col span.red {
    color: #f63b4f;
    font-size: 1.1em
}

.c-checkout-table__col span.green {
    color: #4CAF50;
    font-size: 1.1em
}

.c-checkout-table__col span {
    font-size: 1.6em;
    font-weight: 400
}

.c-checkout-table__row:nth-of-type(2n+1) {
    background-color: #fafafa
}

.c-checkout-table__row:first-of-type {
    background-color: #ededed!important
}

.c-checkout-table__col.full-col {
    flex: 0 0 100%;
    max-width: 100%;
    border-bottom: 1px solid #f1f1f1
}

.c-checkout-orders-table {
    background-color: #fff;
    border: 1px solid #e8e8e8
}

.c-checkout-orders-table__row {
    flex-wrap: wrap;
    margin-right: 0;
    margin-left: 0;
    display: flex;
    justify-content: space-around;
    align-items: baseline;
    padding: 10px
}

.c-checkout-orders-table__row:first-of-type {
    background-color: #ededed!important;
    font-weight: 400
}

.c-checkout-orders-table__row:nth-of-type(2n+1) {
    background-color: #fafafa
}

.c-checkout-orders-table__row>div {
    flex-basis: 8%;
    border-left: 1px solid #f1f1f1
}

.not-found img {
    max-width: 100%
}

.c-message {
    color: #4e4e4e;
    font-size: 1rem;
    padding: 22px;
    position: relative;
    border-radius: 5px;
    line-height: 22px
}

.c-product .c-message--disabled,
.c-product .c-message--info,
.c-product .c-message--timer {
    margin-top: 83px;
    margin-bottom: 58px
}

.c-message--info {
    background-color: #fffde4;
    border: 1px solid #f6e8a1;
    padding-right: 100px;
    width: 620px;
    height: 86px
}

.c-message--info::before {
    content: "\f06a";
    font-family: fontawesome;
    font-size: 50px;
    color: #f6e8a1;
    right: 25px;
    top: 28px;
    position: absolute
}
/* suppliers*/
.c-box-suppliers__headline-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.o-headline {
    margin: 26px 0 20px;
    padding: 0 30px;
    padding-right: 30px;
    position: relative;
    display: flex;
    align-items: center;
}
.o-headline--delivery {padding-right: 60px;}
.c-box-suppliers .o-headline--delivery {
    padding-right: 0;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    font-weight: 700;
}

.o-headline > h2, .o-headline > span {
    color: inherit;
    font-size: 18px;
    font-size: 1.286rem;
    line-height: 31px;
    font-weight: 700;
}
.o-headline--delivery > span { font-weight: 400;}
.c-table-suppliers {
    display: flex;
    flex-flow: column nowrap;
    justify-content: space-between;
    color: #3c3c3c;
}

.c-table-suppliers-less, .c-table-suppliers-more {
    padding: 23px 30px 31px;
    border-top: 1px solid #ededed;
    text-align: center;
    font-size: 1.2em;
    line-height: 1.375;
}
.c-table-suppliers-hidden {display: none;}
.c-table-suppliers-less, .c-table-suppliers-more {
    padding: 23px 30px 31px;
    border-top: 1px solid #ededed;
    text-align: center;
    font-size: 1.2em;
    line-height: 1.375;
}
.c-table-suppliers__row {
    display: flex;
    border-bottom: 1px solid #e8e8e8;
    justify-content: space-between;
    padding: 25px;/*15px;*/
    align-items: center;
    flex-wrap: wrap;
    position: relative;
}
.c-table-suppliers__row--active {
    background: #f4fbff;
    border: 1px solid #19bfd3;
}
.c-table-suppliers__cell--price {
    flex-basis: 16.5%;
    justify-content: center;
    justify-content: flex-start;
    font-weight: 400;
    min-width: 150px;
}
.c-table-suppliers__cell--price .price-val {font-size: 2em;}
.c-table-suppliers__cell--price .price-currency {font-size: 1.6em;}

.c-table-suppliers__cell--action {
    flex-basis: 17.7% !important;
    justify-content: center;
    padding-left: 28px;
    padding-right: 28px;
    flex: 0 0 104px;
}
.c-btn-seller-add-cart {
    border-radius: 8px;
    background-color: transparent;
    border: 2px solid #00bfd6;
    padding: 10px 24px;
    color: #00bfd6;
    font-weight: 500;
    font-size: 1rem !important;
    line-height: 1.571;
    text-align: center;
    transition: all .3s ease;
}
.c-table-suppliers--main .c-table-suppliers__body .c-table-suppliers__row:not(.in-list) {
    display:none
}
.c-table-suppliers__cell.c-product__variants {margin: 0}
.bgf-w {background-color: #fff}
.seller-product__variant {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-top: -3px;
}
.c-product__delivery-warehouse--delay {
    color: #3d3d3d;
    font-weight: 300;
    position: relative;
    margin-right: 20px;
}

.c-table-suppliers__row .c-product__delivery-warehouse--delay::before, .c-table-suppliers__row .c-product__delivery-warehouse--no-lead-time::before {
    right: -41px;
    top: -1px;
}
.c-table-suppliers__row .c-product__delivery-warehouse--delay, .c-table-suppliers__row .c-product__delivery-warehouse--no-lead-time {
    margin-right: 2px;
    line-height: 2.5;
}
.seller-product__guarantee::before {
    right: -31px;
    top: -7px;
}
.c-product__add,
.c-product__add.is-added .c-product__add-substitute {
    display: flex;
     text-align: center;
}

.c-product__add {
    text-align: center;
    margin-top: 10px;
    white-space: nowrap;
    position: relative;
}
.c-product__delivery-warehouse--no-lead-time {
    color: #00bfd6;
    font-weight: 700;
}
.delivery-warehouse i{
    font-size: 17px;
    width: 28px;
    height: 24px;
    color: #00bfd6;
    font-weight: 700;
}

.btn-notify-me:not(.disabled):not(.is-inactive):not([disabled]) {
    overflow: hidden
}

.btn-notify-me {
    font-size: 1.6em;
    line-height: 1.222;
    padding: 16px 98px 16px 18px;
    border-radius: 8px;
    background-color: #7a7a7a;
    border: 1px solid #fcfcfc;
    color: #fff;
    overflow: hidden;
    text-align: right;
    letter-spacing: -.7px;
    position: relative
}

.c-product__config .btn-add-to-cart,
.c-product__config .btn-notify-me {
    text-align: center;
    width: 100%
}

.c-product__config:not(.c-product__config--quick-view) .btn-add-to-cart,
.c-product__config:not(.c-product__config--quick-view) .btn-notify-me,
.c-product__config:not(.c-product__config--quick-view) .c-price {
    max-width: 380px
}

.btn-notify-me::before {
    width: 95px;
    height: 95px;
    position: absolute;
    right: -15px;
    top: -20px;
    background: hsla(0, 0%, 100%, .21);
    content: "";
    border-radius: 50%
}

.btn-notify-me::after {
    content: "\f0f3";
    font-family: fontawesome;
    position: absolute;
    right: 23px;
    top: 12px;
    font-size: 25px
}

.profile-page {
    display: flex;
    flex-wrap: wrap;
    margin-top: 17px;
}

.profile-page .o-page__aside {
    padding-right: 0;
    padding-left: 0;
    margin-bottom: 19px;
    flex: 0 0 20%
}

.c-profile-aside {
    position: sticky;
    top: 10px
}

.c-profile-box {
    margin-bottom: 21px;
    background-color: #fff;
    box-shadow: 0 12px 12px 0 hsla(0, 0%, 71%, .1);
    border: 1px solid #dedede
}

.c-profile-box__header {
    position: relative;
    background-color: #00bfd6;
    height: 47px
}

.c-profile-box__avatar {
    width: 54px;
    height: 54px;
    background: 50% no-repeat #fff;
    background-size: contain;
    box-shadow: 0 0 0 4px hsla(0, 0%, 100%, .61);
    position: absolute;
    left: 50%;
    top: 12px;
    transform: translate(-50%);
    border-radius: 50%;
    overflow: hidden
}

.c-profile-box__btn-edit {
    width: 16px;
    height: 16px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .08);
    border: 1px solid #e3e3e3;
    border-radius: 50%;
    position: absolute;
    top: 50px;
    left: 60%;
    margin-left: -52px;
    background: #fff
}

.c-profile-box__btn-edit::before {
    content: "\f044";
    font-family: fontawesome;
    font-size: 9px;
    color: #909090;
    position: absolute;
    left: 3px;
    top: 3px
}

.c-profile-box__username {
    padding: 23px 20px 19px;
    text-align: center;
    font-size: 1.7em;
    line-height: 1.2;
    font-weight: 400;
    letter-spacing: -.5px
}

.c-profile-box__tabs {
    display: flex;
    border-top: 1px solid #f1f1f1;
    background-color: #fcfcfc;
    min-height: 47px;
    text-align: center
}

.c-profile-box__tab:first-child {
    border-left: 1px solid #ebebeb
}

.c-profile-box__tab {
    flex: 0 0 50%;
    padding: 23px 10px 0;
    font-weight: 400;
    letter-spacing: -.3px;
    font-size: 1.3em;
    line-height: 2;
    color: #7b7b7b;
    position: relative
}

.c-profile-box__tab--access::before {
    content: "\f023";
    font-family: fontawesome;
    font-size: 17px;
    top: 8px
}

.c-profile-box__tab::before {
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%)
}

.c-profile-box__tab--sign-out::before {
    content: "\f14d";
    font-family: fontawesome;
    font-size: 13px;
    top: 3px
}

.c-profile-menu {
    background-color: #fff;
    box-shadow: 0 12px 12px 0 hsla(0, 0%, 71%, .1);
    border: 1px solid #dedede;
    margin-bottom: 21px
}

.c-profile-menu__header {
    padding: 18px 39px 18px 0;
    border-bottom: 1px solid #f3f3f3;
    font-weight: 700;
    letter-spacing: .2px;
    color: #535353;
    font-size: .929rem;
    line-height: 1.692
}

.c-profile-menu__url.is-active,
.c-profile-menu__url:hover {
    background-color: #f6ffff;
    color: #009ec9
}

.c-profile-menu__url {
    display: flex;
    align-items: center;
    position: relative;
    padding: 12px 53px 12px 0;
    color: #5b5b5b;
    font-weight: 400
}

.c-profile-menu__url::before {
    position: absolute;
    color: #c7c7c7;
    font-family: fontawesome;
    font-size: 16px;
    top: 11px;
    right: 25px
}

.c-message-light,
.c-profile-recent-fav,
.o-headline,
.private-info--table {
    position: relative
}

.c-profile-menu__url--accesss::before {
    content: "\f023"
}

.c-profile-menu__url--sign-outt::before {
    content: "\f14d"
}

.c-profile-menu__url--dashboard::before {
    content: "\f109"
}

.c-profile-menu__url--orders::before {
    content: "\f290"
}

.c-profile-menu__url--return::before {
    content: "\f04e"
}

.c-profile-menu__url--wishlist::before {
    content: "\f005"
}

.c-profile-menu__url--comments::before {
    content: "\f075"
}

.c-profile-menu__url--gifts::before {
    content: "\f06b"
}

.c-profile-menu__url--address::before {
    content: "\f2b9"
}

.c-profile-menu__url--notif::before {
    content: "\f0f3"
}

.c-profile-menu__url--notification::before {
    content: "\f0e0"
}

.c-profile-menu__url--personal::before {
    content: "\f2c2"
}

.c-profile-menu__url.is-active::before,
.c-profile-menu__url:hover::before {
    color: inherit
}

.profile-page .o-page__content {
    padding-left: 0;
    padding-right: 22px;
    flex: 0 0 79%
}

.c-message-light {
    font-size: .8rem;
    padding: 15px 32px;
    border-radius: 5px;
    line-height: 22px;
}

.o-page__content .c-message-light:first-child {
    margin-bottom: 20px
}

.c-message-light--info {
    background-color: #fffde4;
    border: 1px solid #f6e8a1;
    color: #a37731
}

.c-message-light__justify {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.btn-light:not(.disabled):not(.is-inactive):not([disabled]) {
    overflow: hidden
}

.btn-light {
    line-height: 1.467;
    border-radius: 8px;
    background-color: #00bfd6;
    padding: 13px 29px;
    color: #fff
}

.btn-light--verify {
    height: 35px;
    width: 151px;
    padding: 0 20px;
    line-height: 2.9;
    font-size: .8em;
    text-align: center
}

.btn-light--gray {
    background-color: #7a7a7a
}

.c-message-light--text {
    margin-left: 33px;
    font-size: .9em
}

.o-headline--profile {
    padding-left: 0;
    align-items: flex-end;
    color: #858585;
    margin: 10px 0 15px
}

.o-headline {
    margin: 26px 0 20px;
    padding: 0 30px;
    display: flex;
    align-items: center
}

.c-profile-recent-fav,
.private-info--table {
    border: 1px solid #dedede;
    margin-bottom: 23px;
    padding-bottom: 43px;
    height: calc(100% - 68px);
    background-color: #fff;
    box-shadow: 0 12px 12px 0 hsla(0, 0%, 71%, .1)
}

.user-main {
    display: flex;
    flex-wrap: wrap
}

.user-main>div {
    flex: 0 0 50%;
    padding-right: 10px;
    padding-left: 10px
}

.private-info--row,
.wishlit-item {
    border-bottom: 1px solid #f1f1f1;
    display: flex
}

.private-info--row {
    flex-wrap: wrap;
    margin-right: 0;
    margin-left: 0
}

.private-info--col:first-child {
    border-right: none
}

.private-info--col {
    display: flex;
    flex-direction: column;
    position: relative;
    width: 100%;
    min-height: 1px;
    flex: 0 0 50%;
    max-width: 50%;
    border-right: 1px solid #f1f1f1;
    padding: 20px 30px
}

.private-info--col .col-title {
    font-size: 1.5em;
    line-height: 1.158;
    letter-spacing: -.5px;
    color: #aeabab;
    font-weight: 500;
    padding-bottom: 13px
}

.private-info--col .col-value {
    font-size: .829rem;
    line-height: 1.692;
    letter-spacing: -.3px;
    margin-bottom: 4px;
    font-weight: 600;
    color: #7d7c7c;
    overflow: paged-x-controls;
}

.c-profile-stats__action {
    padding: 14px 30px 17px;
    text-align: center;
    font-size: 1em;
    position: absolute;
    bottom: 6px;
    height: 54px;
    left: 0;
    right: 0
}

/* ط·آ§ط·آ³ط·ع¾ط·آ§ط؛إ’ط¸â€‍ ط¹آ©ط¸â€‍ط؛إ’ ط·آ¢ط؛إ’ط·ع¾ط¸â€¦ ط¸â€‍ط؛إ’ط·آ³ط·ع¾ ط·آ¹ط¸â€‍ط·آ§ط¸â€ڑط¸â€،أ¢â‚¬إ’ط¸â€¦ط¸â€ ط·آ¯ط؛إ’ */
.wishlit-item {
    display: flex; /* ط·آ§ط·آ³ط·ع¾ط¸ظ¾ط·آ§ط·آ¯ط¸â€، ط·آ§ط·آ² Flexbox ط·آ¨ط·آ±ط·آ§ط؛إ’ ط¹â€ ط؛إ’ط·آ¯ط¸â€¦ط·آ§ط¸â€  ط·آ§ط¸ظ¾ط¸â€ڑط؛إ’ */
    align-items: center; /* ط¸ث†ط·آ³ط·آ· ط¹â€ ط؛إ’ط¸â€  ط¹آ©ط·آ±ط·آ¯ط¸â€  ط·آ¹ط¸â€¦ط¸ث†ط·آ¯ط؛إ’ ط·آ¢ط؛إ’ط·ع¾ط¸â€¦أ¢â‚¬إ’ط¸â€،ط·آ§ */
    padding: 15px 10px; /* ط·آ§ط¸ظ¾ط·آ²ط·آ§ط؛إ’ط·آ´ padding ط·آ¨ط·آ±ط·آ§ط؛إ’ ط¸ظ¾ط·آ¶ط·آ§ط؛إ’ ط·آ¨ط¸â€،ط·ع¾ط·آ± */
    position: relative; /* ط·آ¨ط·آ±ط·آ§ط؛إ’ ط¸â€¦ط¸ث†ط¸â€ڑط·آ¹ط؛إ’ط·ع¾أ¢â‚¬إ’ط·آ¯ط¸â€،ط؛إ’ ط·آ¯ط¹آ©ط¸â€¦ط¸â€، ط·آ­ط·آ°ط¸ظ¾ */
    border-bottom: 1px solid #eee; /* ط·آ®ط·آ· ط·آ¬ط·آ¯ط·آ§ط¹آ©ط¸â€ ط¸â€ ط·آ¯ط¸â€، ط·آ¨ط؛إ’ط¸â€  ط·آ¢ط؛إ’ط·ع¾ط¸â€¦أ¢â‚¬إ’ط¸â€،ط·آ§ */
    margin-bottom: 10px; /* ط¸ظ¾ط·آ§ط·آµط¸â€‍ط¸â€، ط·آ¨ط؛إ’ط¸â€  ط·آ¢ط؛إ’ط·ع¾ط¸â€¦أ¢â‚¬إ’ط¸â€،ط·آ§ */
    background-color: #fff; /* ط¸آ¾ط·آ³أ¢â‚¬إ’ط·آ²ط¸â€¦ط؛إ’ط¸â€ ط¸â€، ط·آ³ط¸ظ¾ط؛إ’ط·آ¯ ط·آ¨ط·آ±ط·آ§ط؛إ’ ط¸â€،ط·آ± ط·آ¢ط؛إ’ط·ع¾ط¸â€¦ */
    border-radius: 8px; /* ط¹آ©ط¸â€¦ط؛إ’ ط¹آ¯ط·آ±ط·آ¯ ط¹آ©ط·آ±ط·آ¯ط¸â€  ط¹آ¯ط¸ث†ط·آ´ط¸â€،أ¢â‚¬إ’ط¸â€،ط·آ§ */
    box-shadow: 0 2px 4px rgba(0,0,0,0.05); /* ط·آ³ط·آ§ط؛إ’ط¸â€، ط¸â€¦ط¸â€‍ط·آ§ط؛إ’ط¸â€¦ */
}

/* ط·آ§ط·آ³ط·ع¾ط·آ§ط؛إ’ط¸â€‍ ط·ع¾ط·آµط¸ث†ط؛إ’ط·آ± ط¸â€¦ط·آ­ط·آµط¸ث†ط¸â€‍ */
.wishlit-item img {
    width: 80px; /* ط·آ¹ط·آ±ط·آ¶ ط·آ«ط·آ§ط·آ¨ط·ع¾ ط·آ¨ط·آ±ط·آ§ط؛إ’ ط·ع¾ط·آµط¸ث†ط؛إ’ط·آ± */
    height: 80px; /* ط·آ§ط·آ±ط·ع¾ط¸ظ¾ط·آ§ط·آ¹ ط·آ«ط·آ§ط·آ¨ط·ع¾ */
    object-fit: cover; /* ط¸آ¾ط¸ث†ط·آ´ط·آ´ ط·آ¯ط·آ§ط·آ¯ط¸â€  ط¸ظ¾ط·آ¶ط·آ§ ط·آ¨ط·آ¯ط¸ث†ط¸â€  ط·ع¾ط·ط›ط؛إ’ط؛إ’ط·آ± ط¸â€ ط·آ³ط·آ¨ط·ع¾ ط·ع¾ط·آµط¸ث†ط؛إ’ط·آ± */
    margin-right: 15px; /* ط¸ظ¾ط·آ§ط·آµط¸â€‍ط¸â€، ط·آ¨ط؛إ’ط¸â€  ط·ع¾ط·آµط¸ث†ط؛إ’ط·آ± ط¸ث† ط·آ¹ط¸â€ ط¸ث†ط·آ§ط¸â€  */
    border-radius: 4px; /* ط¹آ¯ط¸ث†ط·آ´ط¸â€،أ¢â‚¬إ’ط¸â€،ط·آ§ط؛إ’ ط¹آ¯ط·آ±ط·آ¯ ط·آ¨ط·آ±ط·آ§ط؛إ’ ط·ع¾ط·آµط¸ث†ط؛إ’ط·آ± */
    flex-shrink: 0; /* ط·آ¬ط¸â€‍ط¸ث†ط¹آ¯ط؛إ’ط·آ±ط؛إ’ ط·آ§ط·آ² ط¹آ©ط¸ث†ط¹â€ ط¹آ© ط·آ´ط·آ¯ط¸â€  ط·ع¾ط·آµط¸ث†ط؛إ’ط·آ± */
}

/* ط·آ§ط·آ³ط·ع¾ط·آ§ط؛إ’ط¸â€‍ ط·آ¹ط¸â€ ط¸ث†ط·آ§ط¸â€  ط¸â€¦ط·آ­ط·آµط¸ث†ط¸â€‍ */
.wishlit-item__title {
    flex-grow: 1; /* ط·آ§ط·آ¬ط·آ§ط·آ²ط¸â€، ط¸â€¦ط؛إ’أ¢â‚¬إ’ط·آ¯ط¸â€،ط·آ¯ ط·آ¹ط¸â€ ط¸ث†ط·آ§ط¸â€  ط¸ظ¾ط·آ¶ط·آ§ ط·آ±ط·آ§ ط·آ§ط·آ´ط·ط›ط·آ§ط¸â€‍ ط¹آ©ط¸â€ ط·آ¯ */
    display: flex;
    flex-direction: column;
    color: #333; /* ط·آ±ط¸â€ ط¹آ¯ ط·ع¾ط؛إ’ط·آ±ط¸â€،أ¢â‚¬إ’ط·ع¾ط·آ± ط·آ¨ط·آ±ط·آ§ط؛إ’ ط·آ®ط¸ث†ط·آ§ط¸â€ ط·آ§ط؛إ’ط؛إ’ ط·آ¨ط¸â€،ط·ع¾ط·آ± */
    margin-right: 10px; /* ط¸ظ¾ط·آ§ط·آµط¸â€‍ط¸â€، ط·آ§ط·آ² ط·آ¯ط¹آ©ط¸â€¦ط¸â€، ط·آ­ط·آ°ط¸ظ¾ */
}

.wishlit-item__title a {
    color: #333; /* ط·آ±ط¸â€ ط¹آ¯ ط¸â€‍ط؛إ’ط¸â€ ط¹آ© ط·آ¹ط¸â€ ط¸ث†ط·آ§ط¸â€  */
    text-decoration: none; /* ط·آ­ط·آ°ط¸ظ¾ ط·آ®ط·آ· ط·آ²ط؛إ’ط·آ± ط¸â€‍ط؛إ’ط¸â€ ط¹آ© */
    font-weight: 500;
}
.wishlit-item__title a:hover {
    color: #007bff; /* ط·ع¾ط·ط›ط؛إ’ط؛إ’ط·آ± ط·آ±ط¸â€ ط¹آ¯ ط¸â€،ط¸â€ ط¹آ¯ط·آ§ط¸â€¦ ط¸â€،ط·آ§ط¸ث†ط·آ± */
}


/* ط·آ§ط·آ³ط·ع¾ط·آ§ط؛إ’ط¸â€‍ ط¸ث†ط·آ¶ط·آ¹ط؛إ’ط·ع¾ ط¸â€ ط·آ§ط¸â€¦ط¸ث†ط·آ¬ط¸ث†ط·آ¯ */
.wishlit-item__title .out-stock {
    color: #dc3545; /* ط·آ±ط¸â€ ط¹آ¯ ط¸â€ڑط·آ±ط¸â€¦ط·آ² ط·آ¨ط·آ±ط·آ§ط؛إ’ ط¸â€ ط·آ§ط¸â€¦ط¸ث†ط·آ¬ط¸ث†ط·آ¯ */
    font-size: 0.85em; /* ط¹آ©ط¸â€¦ط؛إ’ ط¹آ©ط¸ث†ط¹â€ ط¹آ©ط·ع¾ط·آ± */
    margin-top: 5px; /* ط¸ظ¾ط·آ§ط·آµط¸â€‍ط¸â€، ط·آ§ط·آ² ط·آ¹ط¸â€ ط¸ث†ط·آ§ط¸â€  */
}

/* ط·آ§ط·آ³ط·ع¾ط·آ§ط؛إ’ط¸â€‍ ط·آ¯ط¹آ©ط¸â€¦ط¸â€، ط·آ­ط·آ°ط¸ظ¾ */
.wishlit-item button.remove-wishlist-btn {
    position: absolute; /* ط¸â€¦ط¸ث†ط¸â€ڑط·آ¹ط؛إ’ط·ع¾أ¢â‚¬إ’ط·آ¯ط¸â€،ط؛إ’ ط¸â€ ط·آ³ط·آ¨ط·ع¾ ط·آ¨ط¸â€، .wishlit-item */
    left: 15px; /* ط¸ظ¾ط·آ§ط·آµط¸â€‍ط¸â€، ط·آ§ط·آ² ط·آ³ط¸â€¦ط·ع¾ ط¹â€ ط¸آ¾ */
    top: 50%; /* ط¸â€ڑط·آ±ط·آ§ط·آ± ط¹آ¯ط·آ±ط¸ظ¾ط·ع¾ط¸â€  ط·آ¯ط·آ± ط¸ث†ط·آ³ط·آ· ط·آ¹ط¸â€¦ط¸ث†ط·آ¯ط؛إ’ */
    transform: translateY(-50%); /* ط·ع¾ط¸â€ ط·آ¸ط؛إ’ط¸â€¦ ط·آ¯ط¸â€ڑط؛إ’ط¸â€ڑ ط¸ث†ط·آ³ط·آ· ط¹â€ ط؛إ’ط¸â€  ط·آ¹ط¸â€¦ط¸ث†ط·آ¯ط؛إ’ */
    background-color: transparent; /* ط¸آ¾ط·آ³أ¢â‚¬إ’ط·آ²ط¸â€¦ط؛إ’ط¸â€ ط¸â€، ط·آ´ط¸ظ¾ط·آ§ط¸ظ¾ */
    border: none; /* ط·آ­ط·آ°ط¸ظ¾ ط·آ­ط·آ§ط·آ´ط؛إ’ط¸â€، */
    width: 35px; /* ط·آ§ط¸â€ ط·آ¯ط·آ§ط·آ²ط¸â€، ط·آ¯ط¹آ©ط¸â€¦ط¸â€، */
    height: 35px;
    border-radius: 50%; /* ط·آ¯ط·آ§ط؛إ’ط·آ±ط¸â€،أ¢â‚¬إ’ط·آ§ط؛إ’ ط¹آ©ط·آ±ط·آ¯ط¸â€  ط·آ¯ط¹آ©ط¸â€¦ط¸â€، */
    color: #6c757d; /* ط·آ±ط¸â€ ط¹آ¯ ط·آ¢ط؛إ’ط¹آ©ط¸ث†ط¸â€  ط·آ­ط·آ°ط¸ظ¾ */
    cursor: pointer; /* ط·ع¾ط·ط›ط؛إ’ط؛إ’ط·آ± ط¸â€ ط·آ´ط·آ§ط¸â€ ط¹آ¯ط·آ± ط¸â€¦ط·آ§ط¸ث†ط·آ³ */
    display: flex; /* ط·آ¨ط·آ±ط·آ§ط؛إ’ ط¸ث†ط·آ³ط·آ· ط¹â€ ط؛إ’ط¸â€  ط¹آ©ط·آ±ط·آ¯ط¸â€  ط·آ¢ط؛إ’ط¹آ©ط¸ث†ط¸â€  ط·آ¯ط·آ§ط·آ®ط¸â€‍ ط·آ¯ط¹آ©ط¸â€¦ط¸â€، */
    align-items: center;
    justify-content: center;
    transition: background-color 0.3s ease, color 0.3s ease; /* ط·آ§ط¸â€ ط؛إ’ط¸â€¦ط؛إ’ط·آ´ط¸â€  ط¸â€¦ط¸â€‍ط·آ§ط؛إ’ط¸â€¦ */
}

.wishlit-item button.remove-wishlist-btn:hover {
    background-color: #f8d7da; /* ط¸آ¾ط·آ³أ¢â‚¬إ’ط·آ²ط¸â€¦ط؛إ’ط¸â€ ط¸â€، ط¸â€ڑط·آ±ط¸â€¦ط·آ² ط·آ±ط¸ث†ط·آ´ط¸â€  ط¸â€،ط¸â€ ط¹آ¯ط·آ§ط¸â€¦ ط¸â€،ط·آ§ط¸ث†ط·آ± */
    color: #dc3545; /* ط·آ±ط¸â€ ط¹آ¯ ط¸â€ڑط·آ±ط¸â€¦ط·آ² ط·آ¨ط·آ±ط·آ§ط؛إ’ ط·آ¢ط؛إ’ط¹آ©ط¸ث†ط¸â€  ط¸â€،ط¸â€ ط¹آ¯ط·آ§ط¸â€¦ ط¸â€،ط·آ§ط¸ث†ط·آ± */
}

/* ط·آ§ط·آ³ط·ع¾ط·آ§ط؛إ’ط¸â€‍ ط·آ¢ط؛إ’ط¹آ©ط¸ث†ط¸â€  ط·آ­ط·آ°ط¸ظ¾ ط·آ¯ط·آ§ط·آ®ط¸â€‍ ط·آ¯ط¹آ©ط¸â€¦ط¸â€، */
.wishlit-item button.remove-wishlist-btn i.fa-trash-alt {
    font-size: 1em; /* ط·آ§ط¸â€ ط·آ¯ط·آ§ط·آ²ط¸â€، ط·آ¢ط؛إ’ط¹آ©ط¸ث†ط¸â€  */
}

/* ط¸â€¦ط·آ®ط¸ظ¾ط؛إ’ ط¹آ©ط·آ±ط·آ¯ط¸â€  ط·آ¯ط¹آ©ط¸â€¦ط¸â€، ط·آ­ط·آ°ط¸ظ¾ ط¸ث†ط¸â€ڑط·ع¾ط؛إ’ ط¸â€‍ط؛إ’ط·آ³ط·ع¾ ط·آ®ط·آ§ط¸â€‍ط؛إ’ ط·آ§ط·آ³ط·ع¾ (ط·آ§ط¹آ¯ط·آ± ط·آ§ط·آ² ط·آ§ط؛إ’ط¸â€  ط¹آ©ط¸â€‍ط·آ§ط·آ³ ط·آ§ط·آ³ط·ع¾ط¸ظ¾ط·آ§ط·آ¯ط¸â€، ط¸â€¦ط؛إ’أ¢â‚¬إ’ط¹آ©ط¸â€ ط؛إ’ط·آ¯) */
.c-profile-recent-fav__content.empty .wishlit-item button.remove-wishlist-btn {
    display: none;
}

/* ط·آ§ط·آ³ط·ع¾ط·آ§ط؛إ’ط¸â€‍ ط·آ¨ط·آ±ط·آ§ط؛إ’ ط¸ث†ط¸â€ڑط·ع¾ط؛إ’ ط¹آ©ط¸â€، ط¸â€‍ط؛إ’ط·آ³ط·ع¾ ط·آ®ط·آ§ط¸â€‍ط؛إ’ ط·آ§ط·آ³ط·ع¾ */
.empty-wishlist {
    text-align: center;
    padding: 30px;
    color: #6c757d;
    font-style: italic;
}

/* ط¸â€¦ط·آ¯ط؛إ’ط·آ§ ط¹آ©ط¸ث†ط·آ¦ط·آ±ط؛إ’ ط·آ¨ط·آ±ط·آ§ط؛إ’ ط·آµط¸ظ¾ط·آ­ط·آ§ط·ع¾ ط¹آ©ط¸ث†ط¹â€ ط¹آ©أ¢â‚¬إ’ط·ع¾ط·آ± (ط¸â€¦ط·آ«ط¸â€‍ط·آ§ط¸â€¹ ط¸â€¦ط¸ث†ط·آ¨ط·آ§ط؛إ’ط¸â€‍) */
@media (max-width: 768px) {
    .wishlit-item {
        flex-wrap: wrap; /* ط·آ§ط·آ¬ط·آ§ط·آ²ط¸â€، ط¸â€¦ط؛إ’أ¢â‚¬إ’ط·آ¯ط¸â€،ط·آ¯ ط·آ¢ط؛إ’ط·ع¾ط¸â€¦أ¢â‚¬إ’ط¸â€،ط·آ§ ط·آ¯ط·آ± ط·آµط¸ث†ط·آ±ط·ع¾ ط¹آ©ط¸â€¦ط·آ¨ط¸ث†ط·آ¯ ط¸ظ¾ط·آ¶ط·آ§ ط·آ¨ط¸â€، ط·آ®ط·آ· ط·آ¨ط·آ¹ط·آ¯ط؛إ’ ط·آ¨ط·آ±ط¸ث†ط¸â€ ط·آ¯ */
        justify-content: center; /* ط¸ث†ط·آ³ط·آ· ط¹â€ ط؛إ’ط¸â€  ط¹آ©ط·آ±ط·آ¯ط¸â€  ط¸â€¦ط·آ­ط·ع¾ط¸ث†ط·آ§ ط·آ¯ط·آ± ط¸â€¦ط¸ث†ط·آ¨ط·آ§ط؛إ’ط¸â€‍ */
        text-align: center;
    }

    .wishlit-item img {
        width: 60px;
        height: 60px;
        margin-right: 0;
        margin-bottom: 10px; /* ط¸ظ¾ط·آ§ط·آµط¸â€‍ط¸â€، ط·آ²ط؛إ’ط·آ± ط·ع¾ط·آµط¸ث†ط؛إ’ط·آ± */
    }

    .wishlit-item__title {
        width: 100%; /* ط·آ¹ط¸â€ ط¸ث†ط·آ§ط¸â€  ط·ع¾ط¸â€¦ط·آ§ط¸â€¦ ط·آ¹ط·آ±ط·آ¶ ط·آ±ط·آ§ ط·آ¨ط¹آ¯ط؛إ’ط·آ±ط·آ¯ */
        margin-right: 0;
        margin-bottom: 10px;
    }

    .wishlit-item button.remove-wishlist-btn {
        position: static; /* ط¸â€¦ط¸ث†ط¸â€ڑط·آ¹ط؛إ’ط·ع¾ ط¸â€¦ط·آ·ط¸â€‍ط¸â€ڑ ط·آ±ط·آ§ ط·آ­ط·آ°ط¸ظ¾ ط¸â€¦ط؛إ’أ¢â‚¬إ’ط¹آ©ط¸â€ ط؛إ’ط¸â€¦ */
        transform: none; /* ط·آ­ط·آ°ط¸ظ¾ ط·ع¾ط·آ¨ط·آ¯ط؛إ’ط¸â€‍ */
        margin-top: 10px; /* ط¹آ©ط¸â€¦ط؛إ’ ط¸ظ¾ط·آ§ط·آµط¸â€‍ط¸â€، ط·آ§ط·آ² ط·آ¨ط·آ§ط¸â€‍ط·آ§ */
        margin-left: auto; /* ط·آ¨ط·آ±ط·آ§ط؛إ’ ط·آ¨ط·آ±ط·آ¯ط¸â€  ط·آ¨ط¸â€، ط·آ³ط¸â€¦ط·ع¾ ط·آ±ط·آ§ط·آ³ط·ع¾ */
        margin-right: 15px; /* ط¸ظ¾ط·آ§ط·آµط¸â€‍ط¸â€، ط·آ§ط·آ² ط¸â€‍ط·آ¨ط¸â€، ط·آ±ط·آ§ط·آ³ط·ع¾ */
        order: 2; /* ط·آ¬ط·آ§ط·آ¨ط·آ¬ط·آ§ط؛إ’ط؛إ’ ط·آ¯ط¹آ©ط¸â€¦ط¸â€، ط·آ¨ط¸â€، ط·آ§ط¸â€ ط·ع¾ط¸â€،ط·آ§ط؛إ’ ط·آ±ط·آ¯ط؛إ’ط¸ظ¾ */
    }

    .wishlit-item a[href^="{{ item.product.get_absolute_url }}"] {
        display: block; /* ط·آ¨ط·آ±ط·آ§ط؛إ’ ط·آ§ط؛إ’ط¸â€ ط¹آ©ط¸â€، ط¸â€‍ط؛إ’ط¸â€ ط¹آ© ط·ع¾ط·آµط¸ث†ط؛إ’ط·آ± ط¸â€،ط¸â€¦ ط¹آ©ط¸â€‍ط؛إ’ط¹آ© ط·آ¨ط·آ®ط¸ث†ط·آ±ط·آ¯ */
        order: 1; /* ط·آ¬ط·آ§ط·آ¨ط·آ¬ط·آ§ط؛إ’ط؛إ’ ط·ع¾ط·آµط¸ث†ط؛إ’ط·آ± ط¸ث† ط·آ¹ط¸â€ ط¸ث†ط·آ§ط¸â€  */
        width: 100%; /* ط¹آ¯ط·آ±ط¸ظ¾ط·ع¾ط¸â€  ط·ع¾ط¸â€¦ط·آ§ط¸â€¦ ط·آ¹ط·آ±ط·آ¶ */
        margin-bottom: 10px;
    }
     .wishlit-item__title a {
        font-size: 0.9em; /* ط¹آ©ط¸â€¦ط؛إ’ ط¹آ©ط¸ث†ط¹â€ ط¹آ©ط·ع¾ط·آ± ط¹آ©ط·آ±ط·آ¯ط¸â€  ط¸ظ¾ط¸ث†ط¸â€ ط·ع¾ ط·آ¹ط¸â€ ط¸ث†ط·آ§ط¸â€  */
    }
}


/*table {*/
/*  border-collapse: collapse;*/
/*  width: 100%;*/
/*}*/

/*th, td {*/
/*  text-align: center;*/
/*  padding: 8px;*/
/*}*/

/*tr:nth-child(even){background-color: #f2f2f2; }*/

/*th {*/
/*  background-color: #00bfd6 ;*/
/*  color: white;*/
/*}*/


/*.c-table-orders {*/
/*    background-color: #fff;*/
/*    box-shadow: 0 12px 12px 0 hsla(0, 0%, 71%, .1);*/
/*    border: 1px solid #e7e7e7;*/
/*    margin-bottom: 20px;*/
/*    padding-bottom: 0;*/
/*    border-radius: 5px*/
/*}*/

/*.c-table-orders__show-more {*/
/*    line-height: 45px;*/
/*    letter-spacing: -.4px;*/
/*    color: #535353;*/
/*    width: 100%;*/
/*    border-radius: 0 0 5px 5px;*/
/*    background-color: #fafafa;*/
/*    height: 45px;*/
/*    vertical-align: middle;*/
/*    text-align: center;*/
/*    display: block;*/
/*    transition: background-color .3s ease-in-out;*/
/*    font-weight: 400*/
/*}*/

/*.c-table-orders__body .table-row>div,*/
/*.c-table-orders__head--highlighted>div {*/
/*    letter-spacing: .2px;*/
/*    font-size: 1.4em;*/
/*    line-height: 1.692;*/
/*    min-height: 45px;*/
/*    text-align: center*/
/*}*/

/*.c-table-orders__show-more:hover {*/
/*    background-color: #e5e5e5*/
/*}*/

/*.c-table-orders__head--highlighted {*/
/*    margin-top: 15px;*/
/*    display: flex;*/
/*    justify-content: space-between;*/
/*    align-items: center;*/
/*    background-color: #85b3be;*/
/*    border-right-color: #85b3be*/
/*}*/

/*.c-table-orders__head--highlighted>div {*/
/*    font-weight: 500;*/
/*    color: #fff;*/
/*    padding-top: 12px;*/
/*    padding-bottom: 12px;*/
/*    flex-basis: 12%*/
/*}*/

/*.c-table-orders__body .table-row {*/
/*    width: 100%;*/
/*    display: flex;*/
/*    flex-flow: row nowrap;*/
/*    border-bottom: 1px solid #f2f2f2;*/
/*    justify-content: space-between;*/
/*    align-items: center*/
/*}*/

/*.c-table-orders__body .table-row>div {*/
/*    font-weight: 400;*/
/*    flex-basis: 12%;*/
/*    color: #7e7e7e;*/
/*    padding: 15px 10px;*/
/*    transition: .3s all;*/
/*    user-select: none*/
/*}*/

/*.c-table-orders__body .table-row:hover div:last-child {*/
/*    background-color: #eaeaea*/
/*}*/

/*.c-table-orders__body .table-row>div:last-child {*/
/*    cursor: pointer*/
/*}*/

/*.c-table-orders__body .table-row>div:last-child a {*/
/*    display: block*/
/*}*/

/*.c-table-orders__payment-status--ok {*/
/*    color: #46a651;*/
/*    font-size: 1em;*/
/*    font-weight: 400*/
/*}*/

/*.c-table-orders__body .table-row:nth-child(2n) {*/
/*    background-color: #fbfbfb*/
/*}*/

.modal-avatar__content {
    display: none;
    padding: 20px 35px 40px;
    background-color: #fff;
    margin: 0 auto;
    position: fixed;
    top: 2%;
    right: 22%;
    width: 60%;
    z-index: 9999;
    overflow: auto
}

.c-remodal-avatar__title {
    color: #656565;
    font-size: 1.5em;
    line-height: 1.294;
    font-weight: 700;
    margin-bottom: 35px
}

.c-profile-avatars {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 87%;
    margin: 0 auto;
    height: 50vh
}

.c-profile-avatars__item {
    width: 112px;
    height: 112px;
    background: 50% 50% no-repeat;
    background-size: cover;
    display: block;
    margin-bottom: 30px;
    cursor: pointer
}

.remodal-close {
    position: absolute;
    top: 10px;
    left: 17px;
    display: block;
    overflow: visible;
    margin: 0;
    cursor: pointer;
    transition: color .2s;
    text-decoration: none;
    color: #989898;
    border: 0;
    outline: 0;
    background: 0 0;
    font-size: 23px;
    line-height: 1;
    padding: 5px;
    z-index: 100
}

.c-profile-return__box {
    border: 1px solid #e8e8e8;
    box-shadow: 0 8px 13px -7px rgba(0, 0, 0, .05);
    border-radius: 5px;
    background: #fff;
    margin-top: 21px;
    padding: 20px
}

.c-profile-empty,
.profile-address-card {
    box-shadow: 0 12px 12px 0 hsla(0, 0%, 71%, .1)
}

.c-profile-return form p {
    margin-right: 20px;
    margin-bottom: 11px;
    color: #737373;
    font-size: 15px;
    font-size: 1.071rem;
    line-height: 1.467
}

.c-profile-return__box form>div {
    display: flex;
    flex-wrap: wrap;
    margin: 15px auto;
    justify-content: space-between
}

.c-profile-return__box input {
    border-radius: 5px;
    background: #fff;
    border: 1px solid #acacac;
    color: #717171;
    line-height: 1.571;
    padding: 11px 12px;
    width: 83%;
    letter-spacing: -.8px
}

.btn-cart,
.btn-primary {
    font-size: 1.071rem;
    line-height: 1.467;
    border-radius: 8px;
    background-color: #00bfd6;
    border: 1px solid #148693;
    padding: 11px 31px;
    color: #fff
}

.c-profile-return__box .c-message>p {
    font-size: .9em;
    font-weight: 500
}

.grey-txt {
    border-right: 1px solid #ccc;
    padding: 0 13px;
    color: #b7b7b7;
    font-size: 1.7em!important;
    margin-right: 13px
}

.wishlist-item-content .title,
.wishlist-item-info .price {
    font-size: 1.5em;
    font-weight: 500
}

.wishlist-wrapper .wishlist-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.wishlist-list .wishlist-item {
    display: flex;
    flex-wrap: wrap;
    flex-basis: calc(50% - 10.5px);
    padding: 30px 0 20px;
    background-color: #fff;
    margin-bottom: 15px
}

.wishlist-item-thumb {
    flex: 0 0 36%;
    padding: 0 40px 0 20px;
    height: 100%;
    text-align: center;
    position: relative
}

.wishlist-item-thumb .fa-plus {
    transform: rotate(45deg)
}

.wishlist-item-content {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    padding: 5px 0 0;
    flex-basis: 58%
}

.wishlist-item-content .wishlist-item-info {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap
}

.wishlist-item-info .price {
    color: #fb3449
}

.wishlist-item-content .btn-primary {
    font-size: 1.3em
}

.c-profile-wishlist__list-item-remove {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: #f5f5f5;
    position: absolute;
    top: 50%;
    right: 16px;
    transform: translateY(-50%);
    border: none;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 8px;
    color: #999;
    cursor: pointer
}

.comment-wrapper .comment-item {
    display: flex;
    justify-content: space-between;
    padding: 0
}

.comment-item .img img {
    max-width: 80%
}

.comment-item .img {
    padding-left: 0
}

.comment-item>div {
    padding: 20px
}

.comment-item .content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex-basis: 66%;
    background-color: #fcfcfc
}

.comment-item .content .foot,
.comment-item .content .head {
    display: flex;
    justify-content: space-between;
    text-align: center;
    align-items: center
}

.comment-item .content .head .title {
    font-weight: 400;
    font-size: 1.6em
}

.c-profile-comment__status {
    padding: 2.5px 8px;
    border-radius: 3px;
    border: 1px solid;
    font-size: 10px;
    font-size: .714rem;
    line-height: 19px
}

.c-profile-comment__status--approved {
    color: #8dc08c;
    background-color: #f5fff0;
    border-color: #bbedae
}

.c-profile-comment__status--waiting {
    color: #4E342E;
    background-color: #a1887f78;
    border-color: #4E342E
}

.comment-item .content .body p {
    font-size: 1.2em
}

.btn-helpful {
    border-radius: 5px;
    border: 1px solid #efefef;
    background: #fff;
    padding: 5px 6px;
    color: #8c8c8c;
    font-size: 13px;
    font-size: .929rem;
    line-height: 1
}

.comment-item .like button:not(:first-child) {
    margin-right: 5px
}

.btn-note {
    border-radius: 5px;
    background-color: #e3e3e3;
    font-size: 1.2em;
    line-height: 1.571;
    color: #6d6d6d;
    padding: 5px 20px
}

.c-profile-empty {
    background-color: #fff;
    border: 1px solid #dedede;
    padding: 37px 15px 50px;
    min-height: 337px;
    display: flex;
    font-size: 1.6em;
    color: #c8c8c8;
    text-align: center;
    flex-direction: column
}

.c-profile-empty:before {
    content: "\f06a";
    font-family: fontawesome;
    font-size: 154px;
    margin-bottom: 30px;
    display: block;
    color: #dadada
}

.full-col {
    flex-basis: 100%!important
}

.notify-wrapper .wishlist-item {
    position: relative
}

.remove-btn {
    position: absolute;
    top: 5%;
    left: 10px;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: #f5f5f5;
    transform: rotate(45deg);
    color: #666
}

.notify-wrapper .content .title a,
.notify-wrapper .notify-on {
    color: #858585;
    border-bottom: 1px solid #ededed;
    display: block;
    font-weight: 500
}

.notify-wrapper .content .title a {
    font-size: 1.5em;
    padding-bottom: 13px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.notify-wrapper .notify-on {
    line-height: 2;
    letter-spacing: -.2px;
    font-size: 1em;
    padding: 13px 0
}

.notify-wrapper .checkboxs label {
    display: block;
    color: #515151;
    margin-top: 15px;
    font-weight: 500
}

.profile-navbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 15px 0;
    padding: 0 9px
}

.profile-navbar .title {
    color: #858585;
    font-size: 2em;
    font-weight: 400
}

.c-profile-navbar__btn-location {
    background: 0 0;
    font-size: 1.5em;
    line-height: 1.833;
    letter-spacing: -.4px;
    color: #767676;
    margin-right: auto;
    position: relative
}

.c-profile-navbar__btn-location i {
    font-size: 1.8em
}

.c-profile-address-add {
    display: flex;
    background: 0 0;
    border: 4px dashed #b8b8b8;
    height: 280px;
    width: 100%;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    font-size: 2em;
    line-height: 1.913;
    font-weight: 600;
    letter-spacing: -.5px;
    cursor: pointer;
    color: #989898;
    margin-bottom: 25px
}

.c-profile-address-add:before {
    content: "\f041";
    font-family: fontawesome;
    color: #8f8f8f;
    font-size: 75px
}

.profile-address-card {
    background-color: #fff;
    margin-bottom: 25px;
    position: relative;
    height: 280px;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.profile-address-card::before {
    content: "";
    height: 3px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background: linear-gradient(90deg, #00bfd6 48px, #ff7e7e 0) repeat-x;
    background-size: 96px 3px
}

.c-profile-address-card__desc {
    padding: 25px 30px 15px;
    min-height: 120px
}

.c-profile-address-card__desc h4 {
    font-size: 1.7em;
    line-height: 1.048;
    letter-spacing: -.4px;
    margin-bottom: 5px;
    color: #6d6d6d
}

.c-profile-address-card__desc p {
    font-size: 1.5em;
    line-height: 1.571;
    letter-spacing: -.3px;
    color: #979797;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis
}

.c-profile-address-card__data {
    display: flex;
    padding: 25px 30px;
    align-items: flex-end;
    flex-wrap: wrap;
    justify-content: space-between;
    border-top: 1px solid #f4f4f4
}

.c-profile-address-card__methods {
    padding: 0;
    color: #979797
}

.c-profile-address-card__method {
    margin-top: 22px;
    font-size: 1.6em;
    line-height: 1.375;
    position: relative;
    color: #979797;
    font-weight: 500;
    padding-right: 30px
}

.c-profile-address-card__method:first-child {
    margin-top: 0
}

.c-profile-address-card__method--post:before {
    content: "\f0e0";
    font-family: fontawesome;
    position: absolute;
    top: -2px;
    right: 0;
    font-size: 18px
}

.c-profile-address-card__method--mobile:before {
    content: "\f10b";
    font-family: fontawesome;
    position: absolute;
    top: -12px;
    right: 0;
    font-size: 35px
}

.c-profile-address-card__actions {
    margin-top: 10px
}

.search {
    margin: 17px auto;
    display: flex;
    flex-wrap: wrap
}

.search .o-page__aside {
    flex: 0 0 19.2%
}

.search .o-page__content {
    flex: 0 0 80.8%;
    padding-right: 15px
}

.c-listing-sidebar {
    position: sticky;
    top: 15px
}

.c-box {
    background-color: #fff;
    position: relative
}

.c-listing-sidebar .c-box {
    background-color: #fff;
    box-shadow: 0 12px 12px 0 hsla(0, 0%, 71%, .11);
    border: 1px solid #dedede;
    margin: 0 0 10px
}

.c-box__header {
    position: relative;
    color: #535353;
    letter-spacing: .2px;
    font-weight: 500;
    font-size: 1.4em;
    line-height: 1.571;
    padding: 8px 16px 10px 15px;
    border-bottom: 1px solid #f2f2f2;
    margin-right: 6px;
    margin-left: 6px
}

.c-box__content {
    padding: 10px 13px 8px 12px
}

.c-box__content input {
    font-size: 1.1em;
    line-height: 2;
    color: #555;
    background: #f8f8f8;
    border: 1px solid transparent;
    transition: .15s ease-in;
    letter-spacing: 0;
    padding-top: 7px;
    padding-bottom: 8px;
    padding-right: 38px;
    position: relative;
    width: 100%
}

.c-filter,
.c-listing {
    line-height: 22px
}

.c-box__content:before {
    content: "\f002";
    font-family: fontawesome;
    position: absolute;
    right: 25px;
    z-index: 9;
    font-size: 1.7em;
    bottom: 20px;
    color: #979797
}

.c-box .scroll {
    position: absolute;
    width: 45px;
    height: 20px;
    right: 12px;
    top: 10px;
    background: #ddd;
    border-radius: 6px
}

.c-box .scroll span {
    width: 30px;
    height: 30px;
    background: url(../images/icon/circle.jpg) no-repeat;
    position: absolute;
    top: -5px;
    right: 20px
}

.scroll input {
    width: 100%;
    height: 100%;
    cursor: pointer;
    opacity: 0
}

.c-filter--switcher {
    padding: 8px 73px 8px 20px;
    position: relative;
    font-size: .9em
}

.c-listing {
    background-color: #fff;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .03);
    border: 1px solid #e4e4e4;
    position: relative
}

.search .c-breadcrumb {
    justify-content: space-between;
    padding: 0
}

.c-listing__header {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #ebe9e9;
    position: relative;
    padding: 7px;
    z-index: 2
}

.c-listing__header ul:first-child:before {
    content: "\f0c9";
    font-family: fontawesome;
    right: 13px;
    color: #cecece
}

.c-listing__sort {
    line-height: 34px;
    padding: 0;
    margin-top: 1px;
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    min-height: 44px;
    flex-wrap: wrap
}

.c-listing__sort:before {
    display: inline-block;
    content: attr(data-label);
    color: #3b3b3b;
    margin-left: 5px;
    font-size: 1.2em;
    line-height: 21px;
    vertical-align: middle
}

.c-listing__sort li {
    display: inline-block;
    margin-left: 15px
}

.c-listing__sort li a.is-active {
    background-color: #00bfd6;
    color: #fff
}

.c-listing__sort li a {
    display: block;
    padding: 0 5px;
    position: relative;
    font-size: .857rem;
    line-height: 25px;
    vertical-align: middle;
    border-radius: 5px
}

.c-listing__type {
    padding: 0;
    left: 20px;
    display: inline-flex;
    flex-wrap: nowrap;
    max-width: 76px
}

.c-listing__type li {
    margin-right: 4px
}

.c-listing__type li button {
    width: 34px;
    height: 30px;
    border: 1px solid #cbcbcb;
    background: 0 0;
    vertical-align: top;
    cursor: pointer;
    border-radius: 5px;
    line-height: 1;
    color: #8a8a8a;
    opacity: .46
}

.c-listing__type li button.is-active {
    opacity: 1
}

.c-listing__items {
    display: flex;
    flex-wrap: wrap;
    margin-right: -1px;
    margin-bottom: -1px;
    padding: 0
}

.c-listing__items>li {
    flex-basis: 24.999%
}

.c-product-box__img {
    height: unset
}

.search .o-page__content .c-product-box img {
    max-width: 100%
}

.c-listing__items .c-product-box {
    border: 1px solid #ebebeb;
    position: relative;
    margin-left: -1px;
    margin-top: -1px;
    margin-bottom: -1px;
    border-top: none;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 26px 20px 0;
    transition: .1s all
}

.c-listing__items .c-product-box__content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex-grow: 1;
    line-height: 2.3
}

.c-product-box__content .price {

    font-weight: 600;
    font-size: 1.6em;
    text-align: left;
    /*font-family: FontAwesome;*/
    /*font-family: "B Homa"*/
}

.c-product-box__tags {
    padding: 11px 0 12px;
    border-top: 1px solid #f5f5f5;
    margin: 0;
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
    height: 53px;
    width: 100%
}

.c-tag {
    display: inline-block;
    position: relative;
    border-radius: 5px;
    background: #f9f9f9;
    color: #9a9a9a;
    padding: 4px 4px 4px 4.5px;
    font-size: 12px;
    font-size: .857rem;
    line-height: 1.833
}

.c-tag--rate:after {
    content: "\f005";
    font-family: fontawesome;
    margin-left: 8px
}

.c-tag--rate {
    background-color: #f9f9f9;
    color: #9a9a9a;
    padding-right: 12px
}

.c-product-box__content .title {
    font-size: 1.3em;
    color: #393939;
    font-weight: 400
}

.c-listing__items .c-product-box:hover {
    box-shadow: 0 2px 17px 0 rgba(0, 0, 0, .09);
    z-index: 11
}

.c-listing__sort li a:hover {
    background-color: #ece9e9
}
.sticky {
    position: fixed;
    top: 0;
    width: 100%
}
.nav-shadow {
    box-shadow: 0 7px 8px 0 rgba(0,0,0,.04);
}
.account-box + footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

.c-swiper-specials--incredible {overflow: hidden;}


.button_edit {

  alignment: left;
  margin: 20px;
  width: 120px;
  height: 50px;
  /*font-size: 16px;*/
  /*font-family: 'Bebas Neue', cursive;*/
  background: linear-gradient(45deg, transparent 5%, #FF013C 5%);
  border: 10px;
  border-color: yellow;
  color: #fff;
  letter-spacing: 3px;
  line-height: 20px;
  box-shadow: 6px 0px 0px #00E6F6;
  outline: transparent;
  position: relative;
}

.button_edit::after {
  --slice-0: inset(50% 50% 50% 50%);
  --slice-1: inset(80% -6px 0 0);
  --slice-2: inset(50% -6px 30% 0);
  --slice-3: inset(10% -6px 85% 0);
  --slice-4: inset(40% -6px 43% 0);
  --slice-5: inset(80% -6px 5% 0);

  content: 'AVAILABLE NOW';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(45deg, transparent 3%, #00E6F6 3%, #00E6F6 5%, #FF013C 5%);
  text-shadow: -3px -3px 0px #F8F005, 3px 3px 0px #00E6F6;
  clip-path: var(--slice-0);
}

.button_edit:hover::after {
  animation: 1s glitch;
  animation-timing-function: steps(2, end);
}

@keyframes glitch {
  0% {
    clip-path: var(--slice-1);
    transform: translate(-20px, -10px);
  }
  10% {
    clip-path: var(--slice-3);
    transform: translate(10px, 10px);
  }
  20% {
    clip-path: var(--slice-1);
    transform: translate(-10px, 10px);
  }
  30% {
    clip-path: var(--slice-3);
    transform: translate(0px, 5px);
  }
  40% {
    clip-path: var(--slice-2);
    transform: translate(-5px, 0px);
  }
  50% {
    clip-path: var(--slice-3);
    transform: translate(5px, 0px);
  }
  60% {
    clip-path: var(--slice-4);
    transform: translate(5px, 10px);
  }
  70% {
    clip-path: var(--slice-2);
    transform: translate(-10px, 10px);
  }
  80% {
    clip-path: var(--slice-5);
    transform: translate(20px, -10px);
  }
  90% {
    clip-path: var(--slice-1);
    transform: translate(-10px, 0px);
  }
  100% {
    clip-path: var(--slice-1);
    transform: translate(0);
  }
}

.radio_circle_color {
  height: 25px;
  width: 25px;
  /*background-color: black;*/
  border-radius: 50%;
  border-color: black;
  border-width: 20px;
  display: inline-block;
}
.color-box {
    width: 18px;
    height: 18px;
    display: inline-block;
    border-radius: 3px;
    margin-left: 5px;
    margin-right: 5px;
}


input[type="radio"] {
  /* remove standard background appearance */
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  /* create custom radiobutton appearance */
  display: inline-block;
  width: 40px;
  height: 40px;
  padding: 6px;
  /* background-color only for content */
  background-clip: content-box;
  border: 2px solid var(--color-radio);
  background-color: #e7e6e7;
  border-radius: 20%;
}

/* appearance for checked radiobutton */
input[type="radio"]:checked {
  background-color: var(--color-radio);
}

/* optional styles, I'm using this for centering radiobuttons */
/*.flex {*/
/*  display: flex;*/
/*  align-items: center;*/
/*}*/









/* ===== main_new.css ===== */
/************ EUROPEAN DIGIKALA HEADER + MEGA MENU ************/

.dk-eu-header {
    width: 100%;
    background: #fff;
    position: sticky;
    top: 0;
    z-index: 9999;
    box-shadow: 0 4px 20px rgba(0,0,0,0.08);
}
.dk-header-line {
    height: 4px;
    width: 100%;
    background: #ff3b50;
    border-radius: 2px 2px 0 0;
}


/************ TOP BAR ************/
.dk-top {
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:14px 0;
    gap:20px;
}

.dk-left {
    display:flex;
    align-items:center;
    gap:20px;
}
.dk-logo {
    display: flex;
    align-items: center;
    gap: 10px;
}

.dk-logo-text {
    font-size: 1.2rem;
    font-weight: 600;
    color: #ff3b50;
}

.dk-logo img {
    height: 56px;
    transition: transform 0.3s ease;
}
.dk-logo:hover img {
    transform: scale(1.08);
}


/************ CATEGORY BUTTON ************/
.dk-category-btn {
    display:flex;
    align-items:center;
    gap:8px;
    background: linear-gradient(135deg, #ff6b6b, #ff8787);
    color: #fff;
    padding:10px 20px;
    border-radius:12px;
    border:none;
    font-weight:500;
    cursor:pointer;
    transition: all 0.3s ease;
}
.dk-category-btn:hover {
    background: linear-gradient(135deg, #ff8787, #ff6b6b);
    transform: translateY(-2px);
    box-shadow: 0 6px 15px rgba(0,0,0,0.1);
}


/************ MEGA MENU ************/
.dk-cat-wrapper {
    position:relative;
}

.dk-mega-menu {
    position:absolute;
    top:115%;
    right:0;
    width:280px;
    background:#fff;
    border-radius:16px;
    box-shadow:0 12px 35px rgba(0,0,0,0.15);
    padding:12px 0;
    display:none;
    animation: fadeIn .3s ease;
}

.dk-mega-list li a {
    color:#333;
    font-size:1rem;
    display:block;
    padding:12px 20px;
    border-radius:8px;
    transition: all 0.2s ease;
}

.dk-mega-list li a:hover {
    background:#ffe6e6;
    color:#ff3b50;
}


@keyframes fadeIn {
    from {opacity:0; transform:translateY(10px);}
    to {opacity:1; transform:translateY(0);}
}



/************ SEARCH ************/
.dk-search {
    width: 400px;
    max-width: 100%;
    position: relative;
}

.dk-search input {
    width: 100%;
    padding: 10px 45px 10px 16px;
    border-radius: 12px;
    border: 1px solid #e4e4e4;
    font-size: 0.95rem;
    transition: all 0.3s ease;
}

.dk-search input:focus {
    outline: none;
    border-color: #ff3b50;
    box-shadow: 0 4px 15px rgba(255, 59, 80, 0.2);
}

.dk-search button {
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    background: #ff3b50;
    border: none;
    padding: 8px 12px;
    border-radius: 10px;
    cursor: pointer;
    color: #fff;
    transition: all 0.3s ease;
}

.dk-search button:hover {
    background: #ff5b6b;
    transform: translateY(-50%) scale(1.05);
}









/* =========================
   RIGHT HEADER SECTION
========================= */

.dk-right {
    display: flex;
    align-items: center;
    gap: 20px;
    font-family: IRANSansWeb(FaNum);
}

/* =========================
   LOGIN BUTTON
========================= */

.dk-login-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 16px;
    background: #f5f5f5;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 500;
    color: #333;
    text-decoration: none;
    transition: all 0.25s ease;
    border: 1px solid #e0e0e0;
}

.dk-login-btn:hover {
    background: #ef394e;
    color: #fff;
    border-color: #ef394e;
    /*border-color: #f845dd;*/
    box-shadow: 0 4px 12px rgba(239, 57, 78, 0.3);
}

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

.user-navigation-wrapper {
    position: relative;
    /*background-color: #0d7f3a !important;*/
}

.dk-user-box {
    position: relative;
}

.dk-user-trigger {
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    padding: 8px 14px;
    border-radius: 8px;
    transition: all 0.2s ease;
    background: #fafafa;
    border: 1px solid #e6e6e6;
}

.dk-user-trigger {
    /* ط·آ³ط·آ§ط؛إ’ط·آ± ط·آ§ط·آ³ط·ع¾ط·آ§ط؛إ’ط¸â€‍أ¢â‚¬إ’ط¸â€،ط·آ§ط؛إ’ ط·آ´ط¸â€¦ط·آ§ */
    font-family: IRANSans, Tahoma, sans-serif !important; /* ط¸ظ¾ط¸ث†ط¸â€ ط·ع¾ ط·آ¬ط·آ§ط؛إ’ط¹آ¯ط·آ²ط؛إ’ط¸â€  ط·آ¨ط·آ±ط·آ§ط؛إ’ ط·آ§ط·آ·ط¸â€¦ط؛إ’ط¸â€ ط·آ§ط¸â€  */

    /* ط·آ§ط؛إ’ط¸â€  ط·آ¯ط¸ث† ط·آ®ط·آ· ط·آ¨ط·آ±ط·آ§ط؛إ’ ط·ع¾ط·آ¨ط·آ¯ط؛إ’ط¸â€‍ ط·آ§ط·آ¹ط·آ¯ط·آ§ط·آ¯ ط·آ¨ط¸â€، ط¸ظ¾ط·آ§ط·آ±ط·آ³ط؛إ’ ط·آ¯ط·آ± ط·آ§ط¹آ©ط·آ«ط·آ± ط¸â€¦ط·آ±ط¸ث†ط·آ±ط¹آ¯ط·آ±ط¸â€،ط·آ§ط؛إ’ ط¸â€¦ط·آ¯ط·آ±ط¸â€  ط·آ§ط·آ³ط·ع¾ */
    font-feature-settings: 'ss02' on;
    font-variant-numeric: tabular-nums;
}

.dk-user-trigger:hover {
    background: #f0f0f0;
}

.dk-user-trigger i {
    font-size: 16px;
    color: #555;
}

.dk-user-trigger span {
    font-size: 14px;
    font-weight: 500;
    color: #333;
    font-family: IRANSans !important;
}

/* =========================
   DROPDOWN MENU
========================= */

.dk-user-dropdown {
    position: absolute;
    top: 120%;
    right: 0;
    min-width: 200px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 8px 25px rgba(0,0,0,0.08);
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: all 0.25s ease;
    z-index: 999;
}

.dk-user-box:hover .dk-user-dropdown {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.dk-user-dropdown ul {
    list-style: none;
    margin: 0;
    padding: 8px 0;
}

.dk-user-dropdown li {
    padding: 0;
}

.dk-user-dropdown a {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 16px;
    text-decoration: none;
    font-size: 14px;
    color: #333;
    transition: all 0.2s ease;
}

.dk-user-dropdown a:hover {
    background: #f8f8f8;
    color: #ef394e;
}

.dk-user-dropdown i {
    font-size: 14px;
    width: 18px;
    text-align: center;
}

@media (max-width: 768px) {

    .dk-right {
        gap: 10px;
    }

    .dk-user-trigger span {
        display: none; /* ط¸ظ¾ط¸â€ڑط·آ· ط·آ¢ط؛إ’ط¹آ©ط¸â€  ط¸â€ ط·آ´ط·آ§ط¸â€  ط·آ¯ط·آ§ط·آ¯ط¸â€، ط·آ´ط¸ث†ط·آ¯ */
    }

    .dk-cart a {
        padding: 8px 10px;
        font-size: 13px;
    }
}










/* =========================
   CART
========================= */

.dk-cart a {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 14px;
    background: #ef394e;
    color: #fff;
    border-radius: 8px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    transition: all 0.25s ease;
}

.dk-cart a:hover {
    background: #ff3b50;
    box-shadow: 0 4px 12px rgba(239, 57, 78, 0.4);
}

.dk-cart i {
    font-size: 15px;
}

.dk-user-trigger .fa-angle-down {
    transition: transform 0.3s ease;
}

.dk-user-box:hover .fa-angle-down {
    transform: rotate(180deg);
}
.dk-user-dropdown {
    backdrop-filter: blur(8px);
    background: rgba(255,255,255,0.9);
}


/*!************ USER DROPDOWN ************!*/
.dk-user-box {
    position: relative;
    box-shadow: 0 2px 5px #ff3b50;
    border: 2px #ff3b50 solid;
    border-radius: 12px;
    /*font-family: IRANSansWeb(FaNum);*/
}

.dk-user-dropdown {
    position: absolute;
    top: 105%;
    right: 0;
    width: 190px;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 8px 22px rgba(0, 0, 0, .12);
    visibility: hidden; /* ط·آ§ط·آ² visibility ط·آ§ط·آ³ط·ع¾ط¸ظ¾ط·آ§ط·آ¯ط¸â€، ط¸â€¦ط؛إ’أ¢â‚¬إ’ط¹آ©ط¸â€ ط؛إ’ط¸â€¦ */
    opacity: 0; /* ط¸ث† opacity ط·آ¨ط·آ±ط·آ§ط؛إ’ ط·آ§ط¸â€ ط؛إ’ط¸â€¦ط؛إ’ط·آ´ط¸â€  */
    transition: opacity .2s ease-in-out, visibility .2s ease-in-out; /* ط·آ§ط·آ¶ط·آ§ط¸ظ¾ط¸â€، ط¹آ©ط·آ±ط·آ¯ط¸â€  transition */
    pointer-events: none; /* ط·آ¯ط·آ± ط·آ­ط·آ§ط¸â€‍ط·ع¾ ط·آ¹ط·آ§ط·آ¯ط؛إ’ ط¹آ©ط¸â€‍ط؛إ’ط¹آ© ط·آ±ط¸ث†ط؛إ’ ط·آ¢ط¸â€  ط¸â€ ط·آ¨ط·آ§ط·آ´ط·آ¯ */
}

/* ط¸ث†ط¸â€ڑط·ع¾ط؛إ’ ط·آ±ط¸ث†ط؛إ’ dk-user-box ط¸â€،ط·آ³ط·ع¾ط؛إ’ط¸â€¦ط·إ’ ط¸â€¦ط¸â€ ط¸ث† ط·آ±ط·آ§ ط¸â€ ط¸â€¦ط·آ§ط؛إ’ط·آ´ ط·آ¨ط·آ¯ط¸â€، */
.dk-user-box:hover .dk-user-dropdown {
    visibility: visible;
    opacity: 1;
    pointer-events: auto; /* ط¸ث†ط¸â€ڑط·ع¾ط؛إ’ ط¸â€ڑط·آ§ط·آ¨ط¸â€‍ ط·آ¯ط؛إ’ط·آ¯ط¸â€  ط·آ§ط·آ³ط·ع¾ط·إ’ ط·آ±ط¸ث†ط؛إ’ ط·آ¢ط¸â€  ط¹آ©ط¸â€‍ط؛إ’ط¹آ© ط·آ´ط¸ث†ط·آ¯ */
}

.dk-user-dropdown li a {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px;
    color: #444;
    transition: background .2s; /* ط¸ظ¾ط¸â€ڑط·آ· transition ط·آ¨ط·آ±ط·آ§ط؛إ’ ط¸آ¾ط·آ³أ¢â‚¬إ’ط·آ²ط¸â€¦ط؛إ’ط¸â€ ط¸â€، */
}

.dk-user-dropdown li a:hover {
    background: #f5f5f5;
}


/************ NAV BAR ************/
.dk-nav ul {
    display:flex;
    gap:26px;
    padding:14px 0;
}

.dk-nav ul li a {
    font-size:.93rem;
    color:#444;
    padding-bottom:5px;
    transition:.2s;
}
.dk-nav ul li a:hover {
    color:#ef394e;
    border-bottom:2px solid #ef394e;
}


/*------------------------------sider base ------------------------------------------*/
/* === ط·آ§ط·آ³ط¸â€‍ط·آ§ط؛إ’ط·آ¯ط·آ± ط¸â€¦ط·آ­ط·آµط¸ث†ط¸â€‍ط·آ§ط·ع¾ === */
.product-swiper {
    width: 100%;
    /*width: 7500px;*/
    padding: 20px 0 40px 0;
    position: relative;
    overflow: hidden;
}

/* ط¸ظ¾ط·آ§ط·آµط¸â€‍ط¸â€، ط·آ¨ط؛إ’ط¸â€  ط·آ§ط·آ³ط¸â€‍ط·آ§ط؛إ’ط·آ¯ط¸â€،ط·آ§ */
.product-swiper .swiper-wrapper {
    padding: 0 20px;
}

.product-swiper .swiper-slide {
    flex: 0 0 25%; /* ط¸â€،ط·آ± ط¹آ©ط·آ§ط·آ±ط·ع¾ 25ط¸ع¾ ط·آ§ط·آ² ط·آ¹ط·آ±ط·آ¶ ط·آ§ط·آ³ط¸â€‍ط·آ§ط؛إ’ط·آ¯ط·آ± */
    max-width: 270px; /* ط·آ­ط·آ¯ط·آ§ط¹آ©ط·آ«ط·آ± ط·آ¹ط·آ±ط·آ¶ */
}



.product-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 10px 26px rgba(0,0,0,.18);
}

/* ط·آ¯ط¹آ©ط¸â€¦ط¸â€،أ¢â‚¬إ’ط¸â€،ط·آ§ط؛إ’ ط¸â€ ط·آ§ط¸ث†ط·آ¨ط·آ±ط؛إ’ */
.product-swiper .swiper-button-next,
.product-swiper .swiper-button-prev {
    color: white;
    background: rgba(0,0,0,.5);
    width: 42px;
    height: 42px;
    border-radius: 50%;
}

.product-swiper .swiper-button-next:hover,
.product-swiper .swiper-button-prev:hover {
    background: #f44336;
}

/*-------------------------------- slider product--------------------------------------*/
/* === ط·آ¸ط·آ§ط¸â€،ط·آ± ط¹آ©ط¸â€‍ط؛إ’ ط·آ§ط·آ³ط¸â€‍ط·آ§ط؛إ’ط·آ¯ط·آ± ط¸â€¦ط·آ­ط·آµط¸ث†ط¸â€‍ === */
.new-products-slider_newproduct {
    background: linear-gradient(135deg, #6b0f1a, #b9132f, #f15a24);
    padding: 55px 0 65px 0;
    border-radius: 20px;
    margin: 40px auto;
    position: relative;
    overflow: hidden;
}
.new-products-slider_bazdidproduct {
    background: linear-gradient(
        /*135deg,*/
        180deg,
        #b9132f,   /* ط¸â€ڑط·آ±ط¸â€¦ط·آ² ط¸â€،ط¸â€¦ط·آ§ط¸â€،ط¸â€ ط¹آ¯ ط·آ¨ط·آ§ ط·آ§ط·آ³ط¸â€‍ط·آ§ط؛إ’ط·آ¯ط·آ± ط·آ¨ط·آ§ط¸â€‍ط·آ§ */
        #512da8,   /* ط·آ¨ط¸â€ ط¸ظ¾ط·آ´ 1 */
        #673ab7,   /* ط·آ¨ط¸â€ ط¸ظ¾ط·آ´ 2 */
        #7e57c2,   /* ط·آ¨ط¸â€ ط¸ظ¾ط·آ´ 3 */
        #ffe259    /* ط·آ²ط·آ±ط·آ¯ ط¸â€،ط¸â€¦ط·آ§ط¸â€،ط¸â€ ط¹آ¯ ط·آ¨ط·آ§ ط·آ§ط·آ³ط¸â€‍ط·آ§ط؛إ’ط·آ¯ط·آ± ط¸آ¾ط·آ§ط؛إ’ط؛إ’ط¸â€  */
    );
    padding: 55px 0 65px;
    border-radius: 20px;
    margin: 40px auto;
    position: relative;
    overflow: hidden;
}


.new-products-slider_forushproduct {
    background: linear-gradient(
        135deg,
        #ff7a18,   /* ط¸â€ ط·آ§ط·آ±ط¸â€ ط·آ¬ط؛إ’ ط·آ²ط¸â€ ط·آ¯ط¸â€، */
        #ffb347,   /* ط¸â€ ط·آ§ط·آ±ط¸â€ ط·آ¬ط؛إ’ ط¸â€¦ط·آ§ط؛إ’ط¸â€‍ ط·آ¨ط¸â€، ط·آ²ط·آ±ط·آ¯ (ط¹آ©ط¸â€،ط·آ±ط·آ¨ط·آ§ط؛إ’ط؛إ’) */
        #ffe259    /* ط·آ²ط·آ±ط·آ¯ ط¹آ¯ط·آ±ط¸â€¦ */
    );
    padding: 55px 0 65px;
    border-radius: 20px;
    margin: 40px auto;
    position: relative;
    overflow: hidden;
}


/* ط·ع¾ط¸â€ ط·آ¸ط؛إ’ط¸â€¦ ط¸â€،ط·آ¯ط·آ± ط·آ§ط·آ³ط¸â€‍ط·آ§ط؛إ’ط·آ¯ط·آ± ط·آ¨ط·آ±ط·آ§ط؛إ’ ط¸â€ڑط·آ±ط·آ§ط·آ±ط¹آ¯ط؛إ’ط·آ±ط؛إ’ ط·آ¯ط·آ±ط·آ³ط·ع¾ ط·آ¹ط¸â€ ط¸ث†ط·آ§ط¸â€  ط¸ث† ط¢آ«ط¸â€¦ط·آ´ط·آ§ط¸â€،ط·آ¯ط¸â€، ط¸â€،ط¸â€¦ط¸â€،ط¢آ» */
.new-products-slider_newproduct .headline, .new-products-slider_bazdidproduct .headline, .new-products-slider_forushproduct .headline {
    display: flex;
    justify-content: space-between;
    align-items: center;
    /*flex-direction: row-reverse; !* ط¸â€¦ط¸â€،ط¸â€¦: ط·آ¯ط¹آ©ط¸â€¦ط¸â€، ط·آ¨ط·آ±ط¸â€، ط¹â€ ط¸آ¾ *!*/
}

/* === ط·آ¹ط¸â€ ط¸ث†ط·آ§ط¸â€  ط·آ¨ط·آ®ط·آ´ === */
.new-products-slider_newproduct .headline h3, .new-products-slider_bazdidproduct .headline h3, .new-products-slider_forushproduct .headline h3 {
    font-size: 1.8rem;
    font-weight: 700;
    color: #fff;
    position: relative;
    padding-right: 14px;
}

.new-products-slider_newproduct .headline h3::before, .new-products-slider_bazdidproduct .headline h3::before, .new-products-slider_forushproduct .headline h3::before {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
    height: 28px;
    background: linear-gradient(45deg, #ff3d3d, #ffa726);
    border-radius: 4px;
}

/* ط¸â€‍ط؛إ’ط¸â€ ط¹آ© أ¢â‚¬إ“ط¸â€¦ط·آ´ط·آ§ط¸â€،ط·آ¯ط¸â€، ط¸â€،ط¸â€¦ط¸â€،أ¢â‚¬â€Œ */
.new-products-slider_newproduct .headline a, .new-products-slider_bazdidproduct .headline a, .new-products-slider_forushproduct .headline a {
    color: #ffe9e9;
    border: 1px solid #ffc5c5;
    padding: 7px 18px;
    border-radius: 25px;
    transition: .3s ease;
    font-size: .95rem;
    background: rgba(255,255,255,0.1);
}

.new-products-slider_newproduct .headline a:hover, .new-products-slider_bazdidproduct .headline a:hover, .new-products-slider_forushproduct .headline a:hover {
    background: #ff3d3d;
    color: #fff;
    border-color: #ff3d3d;
}


/* === ط·آ§ط·آ³ط¸â€‍ط·آ§ط؛إ’ط·آ¯ط·آ± === */
.new-products-slider_newproduct .swiper-container, .new-products-slider_bazdidproduct .swiper-container, .new-products-slider_forushproduct .swiper-container {
    padding: 20px 0 45px 0;
}

/* === ط¹آ©ط·آ§ط·آ±ط·ع¾ ط¸â€¦ط·آ­ط·آµط¸ث†ط¸â€‍ === */
.product-card {
    border-radius: 16px;
    text-align: center;
    position: relative;
    overflow: hidden;
    min-height: 450px;
    max-height: 450px;
    min-width: 420px;
    max-width: 420px;
    width: 420px;  /* ط؛إ’ط·آ§ 300px */
    padding: 12px;
    box-shadow: 0 5px 18px rgba(0,0,0,.1);
    transition: .35s ease;
    background: #fff;
    margin-left: 20px;}

/* ط·آ¹ط¹آ©ط·آ³ ط¸â€¦ط·آ­ط·آµط¸ث†ط¸â€‍ */
.product-image {
    width: 180px;
    height: 180px;
    display: block;
    margin-bottom: 10px; /* ط¸ظ¾ط·آ§ط·آµط¸â€‍ط¸â€، ط·آ²ط؛إ’ط·آ± ط·آ¹ط¹آ©ط·آ³ */
    border-radius: 14px;
    overflow: hidden;
    background: #fff;
    align-items: flex-end;
}

.product-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: .3s ease;
}

.product-card:hover img {
    transform: scale(1.1);
}

/* ط¸â€ڑط؛إ’ط¸â€¦ط·ع¾ */
.product-price {
    margin-top: 10px;
    font-size: 1.05rem;
    font-weight: bold;
    color: #2e7d32;
}

/* ط·آ¯ط¹آ©ط¸â€¦ط¸â€،أ¢â‚¬إ’ط¸â€،ط·آ§ط؛إ’ ط¸â€ ط·آ§ط¸ث†ط·آ¨ط·آ±ط؛إ’ */
.new-products-slider_newproduct .swiper-button-next, .new-products-slider_bazdidproduct .swiper-button-next, .new-products-slider_forushproduct .swiper-button-next,
.new-products-slider_newproduct .swiper-button-prev, .new-products-slider_bazdidproduct .swiper-button-prev, .new-products-slider_forushproduct .swiper-button-prev {
    background: #b9132f;
    color: #fff;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    transition: .3s ease;

}

.new-products-slider_newproduct .swiper-button-next:hover, .new-products-slider_bazdidproduct .swiper-button-next:hover, .new-products-slider_forushproduct .swiper-button-next:hover,
.new-products-slider_newproduct .swiper-button-prev:hover, .new-products-slider_bazdidproduct .swiper-button-prev:hover, .new-products-slider_forushproduct .swiper-button-prev:hover {
    background: #f15a24;
}

.new-products-slider_newproduct .swiper-button-next::after, .new-products-slider_bazdidproduct .swiper-button-next::after, .new-products-slider_forushproduct .swiper-button-next::after,
.new-products-slider_newproduct .swiper-button-prev::after, .new-products-slider_bazdidproduct .swiper-button-prev::after, .new-products-slider_forushproduct .swiper-button-prev::after {
    font-size: 18px;
}
.product-slide-wrapper {
    gap: 10px;
    margin-top: 10px;
    display: flex;
    flex-direction: row-reverse; /* ط·آ¹ط¹آ©ط·آ³ ط·آ³ط¸â€¦ط·ع¾ ط·آ±ط·آ§ط·آ³ط·ع¾ */
    gap: 15px;
    align-items: flex-start;
}

.product-image-box {
    flex-shrink: 0;
    margin-top: 60px;
}

.product-image-box img {
    width: 170px;
    height: 170px;
    object-fit: contain; /* ط·آ¹ط¹آ©ط·آ³ ط¹آ©ط·آ§ط¸â€¦ط¸â€‍ ط·آ¯ط·آ§ط·آ®ط¸â€‍ ط¸â€ڑط·آ§ط·آ¨ ط¸â€ڑط·آ±ط·آ§ط·آ± ط¸â€¦ط؛إ’أ¢â‚¬إ’ط¹آ¯ط؛إ’ط·آ±ط¸â€، */
    border-radius: 10px;
    background: #fff; /* ط؛إ’ط·آ§ ط·آ±ط¸â€ ط¹آ¯ ط·آ¯ط¸â€‍ط·آ®ط¸ث†ط·آ§ط¸â€، ط¸آ¾ط·آ´ط·ع¾ ط·آ¹ط¹آ©ط·آ³ */
}


.product-title-under-image {
    flex: 1;
    text-align: right;
}

.product-title {
    font-size: 22px;
    font-weight: bold;
    color: #333;
    display: block;         /* ط·آ¨ط¸â€‍ط·آ§ط¹آ© ط¹آ©ط·آ§ط¸â€¦ط¸â€‍ */
    margin-bottom: 16px;
    width: 185%;            /* ط·آ¹ط·آ±ط·آ¶ ط¹آ©ط·آ§ط¸â€¦ط¸â€‍ ط¹آ©ط·آ§ط·آ±ط·ع¾ */
    white-space: normal;    /* ط·آ§ط·آ¬ط·آ§ط·آ²ط¸â€، ط¸â€¦ط؛إ’ط·آ¯ط¸â€، ط¸â€¦ط·ع¾ط¸â€  ط¹â€ ط¸â€ ط·آ¯ ط·آ®ط·آ· ط·آ¨ط·آ´ط¸â€، */
    word-break: break-word; /* ط¸â€¦ط·ع¾ط¸â€  ط·آ·ط¸ث†ط¸â€‍ط·آ§ط¸â€ ط؛إ’ ط¸â€¦ط؛إ’ط·آ´ط¹آ©ط¸â€ ط¸â€، ط¸ث† ط·آ§ط·آ² ط¹آ©ط·آ§ط·آ±ط·ع¾ ط·آ®ط·آ§ط·آ±ط·آ¬ ط¸â€ ط¸â€¦ط؛إ’ط·آ´ط¸â€، */
    margin-top: 10px;
}

.product-title:hover {
    color: #b9132f;
}

.product-price-wrapper {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin-bottom: 6px;
    align-items: center;
}

.product-final-price {
    font-size: 1.2rem;
    font-weight: 700;
    color: #d32f2f;
    margin-bottom: 16px;
}

.product-old-price {
    font-size: 1rem;
    color: #888;
    text-decoration: line-through;
    margin-bottom: 16px;
}

.product-takhfif {
    font-size: 1rem;
    font-weight: 600;
    color: #fff;
    background: linear-gradient(135deg, #ff6b6b, #ff3b50);
    padding: 2px 6px;
    border-radius: 4px;
    display: inline-block;
    box-shadow: 0 2px 6px rgba(0,0,0,0.15);
    margin-bottom: 20px;
}

/* ط·ع¾ط¸ث†ط·آ¶ط؛إ’ط·آ­ط·آ§ط·ع¾ ط¸â€¦ط·آ­ط·آµط¸ث†ط¸â€‍ */
.product-specs {
    flex-shrink: 0;
    font-size: 15px;
    color: #444;
    line-height: 1.7;
    direction: rtl;
    text-align: right;

    white-space: normal;
    word-break: break-word;

    flex-grow: 1;

    /* ط·آ¬ط¸â€‍ط¸ث†ط¹آ¯ط؛إ’ط·آ±ط؛إ’ ط·آ§ط·آ² ط¸â€،ط¸â€¦أ¢â‚¬إ’ط¸آ¾ط¸ث†ط·آ´ط·آ§ط¸â€ ط؛إ’ */
    clear: both;
    margin-top: 10px;

    /*max-height: 120px;   !* ط¸â€¦ط·آ­ط·آ¯ط¸ث†ط·آ¯ط؛إ’ط·ع¾ ط·آ§ط·آ±ط·ع¾ط¸ظ¾ط·آ§ط·آ¹ ط¸â€¦ط·آ´ط·آ®ط·آµط·آ§ط·ع¾ *!*/
    /*overflow-y: auto;    !* ط·آ§ط·آ³ط¹آ©ط·آ±ط¸ث†ط¸â€‍ ط·آ¹ط¸â€¦ط¸ث†ط·آ¯ط؛إ’ ط¸ظ¾ط¸â€ڑط·آ· ط·آ¯ط·آ± ط·آµط¸ث†ط·آ±ط·ع¾ ط¸â€ ط؛إ’ط·آ§ط·آ² *!*/
    padding-left: 0;   /* ط¹آ©ط¸â€¦ط؛إ’ ط¸ظ¾ط·آ§ط·آµط¸â€‍ط¸â€، ط·آ¨ط·آ±ط·آ§ط؛إ’ ط·آ²ط؛إ’ط·آ¨ط·آ§ط؛إ’ط؛إ’ */

}

.product-specs::-webkit-scrollbar {
    width: 4px;
}

.product-specs::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 10px;
}

.product-specs::-webkit-scrollbar-track {
    background: transparent;
}

/* ط¸â€،ط·آ± ط·آ¢ط؛إ’ط·ع¾ط¸â€¦ ط¸â€¦ط·آ´ط·آ®ط·آµط·آ§ط·ع¾ */
.spec-item {
    display: none;
}

.spec-item.active {
    display: block;
}

.product-specs .spec-item:last-child {
    margin-bottom: 15px;
}

.product-stock {
    position: absolute;
    left: 12px;
    bottom: 12px;
    background: #e8f9e9;
    color: #1b5e20;
    padding: 5px 12px;
    border-radius: 10px;
    font-size: 0.9rem;
    font-weight: 600;
    box-shadow: 0 0 6px rgba(0,0,0,0.12);
}

.product-stock.out-of-stock {
    background: #ffe5e5;
    color: #c40000;
}


/* === ط¸â€ ط·آ³ط·آ®ط¸â€، ط¸ظ¾ط·آ´ط·آ±ط·آ¯ط¸â€،أ¢â‚¬إ’ط·آ´ط·آ¯ط¸â€، ط·آ§ط·آ³ط¸â€‍ط·آ§ط؛إ’ط·آ¯ط·آ± ط¸â€¦ط·آ­ط·آµط¸ث†ط¸â€‍ط·آ§ط·ع¾ === */
.new-products-slider_newproduct, .new-products-slider_bazdidproduct, .new-products-slider_forushproduct {
    padding: 25px 0 0 0;   /* ط¹آ©ط·آ§ط¸â€،ط·آ´ 50% ط·آ§ط·آ±ط·ع¾ط¸ظ¾ط·آ§ط·آ¹ */
}

/* ط¸â€،ط·آ¯ط·آ± ط·آ§ط·آ³ط¸â€‍ط·آ§ط؛إ’ط·آ¯ط·آ± */
.new-products-slider_newproduct .headline, .new-products-slider_bazdidproduct .headline, .new-products-slider_forushproduct .headline {
    margin-bottom: 10px;  /* ط¹آ©ط¸â€¦ط·ع¾ط·آ± ط·آ´ط·آ¯ط¸â€  ط¸ظ¾ط·آ§ط·آµط¸â€‍ط¸â€، */
}



/*//---------------------------product_list.html -------------------------------------------------------//*/

/* ----------------- Container ----------------- */
.nn-products-section {
    display: flex;
    gap: 20px;
    padding: 30px 15px;
    flex-wrap: wrap;
}

/* ----------------- Sidebar ----------------- */
.nn-aside {
    flex: 0 0 260px; /* ط¹آ©ط¸â€¦ط؛إ’ ط¸آ¾ط¸â€،ط¸â€ أ¢â‚¬إ’ط·ع¾ط·آ± */
}
.nn-sidebar {
    background: #ffffff;
    border-radius: 20px;
    padding: 25px 20px;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);
    border: 1px solid #f0f0f0;
}

.nn-box {
    margin-bottom: 25px;
}

.nn-box__header {
    font-weight: 700;
    font-size: 1rem;
    margin-bottom: 12px;
    color: #222;
}

.nn-box__content input {
    width: 100%;
    padding: 12px 18px;
    border-radius: 14px;
    border: 1px solid #ddd;
    font-size: 0.95rem;
    transition: all 0.35s ease;
    margin-bottom: 12px;
    background-color: #fafafa;
}
.nn-box__content input:focus {
    outline: none;
    border-color: #ff3b50;
    box-shadow: 0 6px 18px rgba(255, 59, 80, 0.2);
    background-color: #fff;
}

/* ----------------- Switch ----------------- */
.nn-switch {
    position: relative;
    display: inline-block;
    width: 50px; /* ط¹آ©ط¸â€¦ط؛إ’ ط·آ¨ط·آ²ط·آ±ط¹آ¯أ¢â‚¬إ’ط·ع¾ط·آ± */
    height: 26px;
}

.nn-switch input {
    display: none;
}

.nn-slider {
    position: absolute;
    cursor: pointer;
    top: 0; left: 0; right: 0; bottom: 0;
    background-color: #e0e0e0; /* ط¸â€¦ط¸â€‍ط·آ§ط؛إ’ط¸â€¦أ¢â‚¬إ’ط·ع¾ط·آ± */
    border-radius: 34px;
    transition: all 0.4s ease;
    box-shadow: inset 0 1px 3px rgba(0,0,0,0.2);
}

.nn-slider:before {
    position: absolute;
    content: "";
    height: 22px;  /* ط·آ¨ط·آ²ط·آ±ط¹آ¯أ¢â‚¬إ’ط·ع¾ط·آ± ط¸ث† ط¹آ¯ط·آ±ط·آ¯ */
    width: 22px;
    left: 2px;
    bottom: 2px;
    background-color: #ffffff;
    border-radius: 50%;
    transition: all 0.4s ease;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
}

.nn-switch input:checked + .nn-slider {
    background: linear-gradient(135deg, #ff3b50, #ff6b6b); /* ط¹آ¯ط·آ±ط·آ§ط·آ¯ط؛إ’ط·آ§ط¸â€  ط·آ¬ط·آ°ط·آ§ط·آ¨ */
}

.nn-switch input:checked + .nn-slider:before {
    transform: translateX(24px);
}

/* ----------------- Labels ----------------- */
.nn-filter-switcher span {
    font-size: 0.95rem;
    font-weight: 500;
    color: #555;
    margin-right: 10px;
}

/* ----------------- Hover Effect ----------------- */
.nn-switch:hover .nn-slider {
    box-shadow: 0 0 10px rgba(255,59,80,0.3);
}

/* ----------------- Main Content ----------------- */
.nn-content {
    flex: 1;
}

/* Breadcrumb */
.nn-breadcrumb {
    list-style: none;
    display: flex;
    gap: 10px;
    margin-bottom: 20px;
}
.nn-breadcrumb li span {
    font-size: 0.9rem;
    color: #555;
}

/* Listing Header - Sorting */
.nn-listing-header {
    margin-bottom: 20px;
}
.nn-sort {
    list-style: none;
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}
.nn-sort li a {
    padding: 6px 12px;
    border-radius: 12px;
    text-decoration: none;
    font-size: 0.95rem;
    color: #333;
    transition: all 0.3s ease;
    border: 1px solid transparent;
}
.nn-sort li a:hover,
.nn-sort li a.is-active {
    background: #ff3b50;
    color: #fff;
    border-color: #ff3b50;
}
/* ----------------- Products Grid ----------------- */
.nn-products-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); /* auto-fill ط·آ¨ط¸â€، ط·آ¬ط·آ§ط؛إ’ auto-fit */
    gap: 20px;
    height:300px ;
    list-style: none;
    padding: 0;
    justify-items: center; /* ط¹آ©ط·آ§ط·آ±ط·ع¾أ¢â‚¬إ’ط¸â€،ط·آ§ ط¸ث†ط·آ³ط·آ· ط¹â€ ط؛إ’ط¸â€  ط·آ´ط¸ث†ط¸â€ ط·آ¯ */
}

/* Product Card */
.nn-product-card {
    background: #fff;
    border-radius: 16px;
    overflow: hidden;
    position: relative;
    box-shadow: 0 5px 18px rgba(0,0,0,0.08);
    transition: transform 0.3s ease, box-shadow 0.3s ease;

    width: 100%;
    max-width: 180px;

    display: flex;
    flex-direction: column;
}

.nn-product-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 10px 28px rgba(0,0,0,0.15);
}

/* Badges */
.nn-badge {
    position: absolute;
    top: 12px;
    left: 12px;
    padding: 4px 8px;
    border-radius: 8px;
    font-size: 0.75rem;
    font-weight: 600;
    color: #fff;
    z-index: 5;
}
.nn-badge.featured { background: #ff3b50; }
.nn-badge.sale { background: linear-gradient(135deg,#ff6b6b,#ff3b50); }

/* Product Image */
.nn-product-image {
    position: relative;
    width: 100%;
    padding-top: 70%; /* ط¸â€¦ط·آ±ط·آ¨ط·آ¹ */
    overflow: hidden;
    flex: 0 0 auto;
}
.nn-product-image img {
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}
.nn-product-card:hover .nn-product-image img {
    transform: scale(1.1);
}

.nn-quick-add {
    position: absolute;
    bottom: 10px;
    right: 10px;
    padding: 6px 12px;
    background:  #ff3b50;
    color: #fff;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    font-size: 0.85rem;
    opacity: 0.9;
    transition: opacity 0.2s, background 0.2s;
}

.nn-quick-add:hover:not(:disabled) {
    opacity: 1;
}

.nn-quick-add:disabled {
    background: #ccc;
    cursor: not-allowed;
    opacity: 0.6;
}







/* Product Details */
.nn-product-details-det {
    padding: 12px 15px 20px 15px;
    text-align: right;
    flex: 1;
}
.nn-product-title {
    display: block;
    font-weight: 600;
    font-size: 0.9rem;
    color: #333;
    margin-bottom: 8px;
}
.nn-product-price-wrapper {
    display: flex;
    gap: 10px;
    align-items: center;
}
.nn-product-price {
    font-weight: bold;
    font-size: 1rem;
    color: #2e7d32; /* ط·آ³ط·آ¨ط·آ² */
}
.nn-product-old-price {
    font-size: 0.9rem;
    color: #888;
    text-decoration: line-through;
}

/* ----------------- Pagination ----------------- */
.nn-pager {
    margin-top: 30px;
    text-align: center;
}
.nn-pager-items {
    list-style: none;
    display: inline-flex;
    gap: 6px;
    padding: 0;
}
.nn-pager-items li a {
    display: block;
    padding: 6px 12px;
    border-radius: 8px;
    text-decoration: none;
    color: #333;
    border: 1px solid #e4e4e4;
    transition: all 0.3s ease;
}
.nn-pager-items li a:hover,
.nn-pager-items li a.is-active {
    background: #ff3b50;
    color: #fff;
    border-color: #ff3b50;
}

/* ----------------- Responsive ----------------- */
@media(max-width:1024px) {
    .nn-products-section { flex-direction: column; }
    .nn-aside { flex: 0 0 100%; margin-bottom: 20px; }
}
@media(max-width:600px) {
    .nn-sort { justify-content: flex-start; flex-wrap: wrap; }
    .nn-products-grid { grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); }
}



/* ط¸ث†ط·آ¶ط·آ¹ط؛إ’ط·ع¾ ط¸â€¦ط¸ث†ط·آ¬ط¸ث†ط·آ¯ط؛إ’ */
.product-availability {
    display: inline-block;
    padding: 4px 10px;
    font-size: 0.8rem;
    font-weight: bold;
    border-radius: 20px;
    color: #fff;
    text-align: center;
    min-width: 70px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.15);
    margin-bottom: 8px;
}

.product-availability.available {
    background: linear-gradient(135deg, #28a745, #4cd964);
}

.product-availability.unavailable {
    background: linear-gradient(135deg, #dc3545, #ff6b6b);
}









/* =========================
   Product Detail Page
========================= */
.product-detail {
    margin-top: 32px;
}

/* Layout */
.product-detail__wrapper {
    display: flex;
    gap: 32px;
    align-items: stretch; /* ط·آ§ط·آ±ط·ع¾ط¸ظ¾ط·آ§ط·آ¹ ط¸â€¦ط·آ³ط·آ§ط¸ث†ط؛إ’ gallery ط¸ث† info */
    flex-wrap: wrap;
}

@media (max-width: 992px) {
    .product-detail__wrapper {
        flex-direction: column;
        gap: 24px;
    }
}

/* =========================
   Product Gallery
========================== */
.product-gallery {
    flex: 1 1 45%;
    background: #fff;
    border-radius: 18px;
    padding: 16px;
    box-shadow: 0 6px 18px rgba(0,0,0,0.05);
    display: flex;
    flex-direction: column;
    align-items: center;
}

.product-gallery__main {
    /*width: 100%;*/
    max-width: 500px;
    min-width: 500px;

    max-height: 500px;
    min-height: 500px;
    cursor: zoom-in;
    text-align: center;
}

.product-gallery__main img {
    /*width: 100%;*/
    max-width: 500px;
    max-height: 500px;
    min-width: 500px;
    min-height: 500px;
    border-radius: 14px;
    transition: transform 0.3s ease;
}

.product-gallery__main.zoom-active img {
    transform: scale(1.8);
    cursor: zoom-out;
}

.product-gallery__thumbs-wrapper {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 12px;
    min-width: 80px;
    min-height: 80px;
    width: 100%;
}

.product-gallery__thumbs {
    display: flex;
    gap: 8px;
    flex: 1;
    /*overflow-x: auto;*/
}

.product-gallery__thumbs::-webkit-scrollbar {
    display: none;
}

.product-gallery__thumb img {
    width: 60px;
    height: 60px;
    object-fit: cover;
    border-radius: 10px;
    cursor: pointer;
    transition: all 0.2s ease;
}

.product-gallery__thumb img.is-active {
    outline: 2px solid #ff3b50;
    outline-offset: -2px;
    transform: scale(1.05);
}

.thumb-nav {
    border: none;
    background: #f3f3f4;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    cursor: pointer;
    font-size: 20px;
    flex-shrink: 0;
}

.thumb-nav:hover {
    background: #e0e0e0;
}

/* =========================
   Product Info
========================== */
.product-info {
    flex: 1 1 50%;
    background: #fff;
    border-radius: 18px;
    padding: 24px;
    box-shadow: 0 6px 18px rgba(0,0,0,0.05);
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.product-info__title {
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1.4;
}

.product-info__meta {
    font-size: 0.85rem;
    color: #777;
}


/* =========================
   Price + Actions Wrapper
========================== */
.price-actions-wrapper {
    display: flex;
    justify-content: space-between; /* ط¸â€ڑط؛إ’ط¸â€¦ط·ع¾ ط·آ³ط¸â€¦ط·ع¾ ط·آ±ط·آ§ط·آ³ط·ع¾ط·إ’ ط¸ظ¾ط·آ±ط¸â€¦ ط·آ³ط¸â€¦ط·ع¾ ط¹â€ ط¸آ¾ */
    align-items: flex-start;        /* ط·آ´ط·آ±ط¸ث†ط·آ¹ ط·آ§ط·آ² ط·آ¨ط·آ§ط¸â€‍ط·آ§ */
    gap: 16px;
    margin-top: 16px;
    flex-wrap: wrap;
}

/* ط¸ظ¾ط·آ±ط¸â€¦ ط·آ®ط·آ±ط؛إ’ط·آ¯ / ط·آ§ط¹آ©ط·آ´ط¸â€ أ¢â‚¬إ’ط¸â€،ط·آ§ */
.product-actions {
    display: flex;
    flex-direction: column; /* ط¸ظ¾ط·آ±ط¸â€¦ ط¸ث† wishlist ط·آ¹ط¸â€¦ط¸ث†ط·آ¯ط؛إ’ */
    gap: 8px;
    flex: 1 1 60%;           /* ط·آ¹ط·آ±ط·آ¶ ط¸ظ¾ط·آ±ط¸â€¦ ط·آ¨ط؛إ’ط·آ´ط·ع¾ط·آ± */
    order: 1;                 /* ط·آ³ط¸â€¦ط·ع¾ ط¹â€ ط¸آ¾ */
}

.product-actions__add {
    flex: unset;
    padding: 14px 22px;       /* ط·آ¨ط·آ²ط·آ±ط¹آ¯أ¢â‚¬إ’ط·ع¾ط·آ± ط¹آ©ط·آ±ط·آ¯ط¸â€  ط·آ¯ط¹آ©ط¸â€¦ط¸â€، */
    font-size: 16px;
    border-radius: 14px;
}

.product-actions__wishlist {
    width: 36px;
    height: 36px;
    font-size: 16px;
}

/* ط¸â€ڑط؛إ’ط¸â€¦ط·ع¾ */
.product-price {
    display: flex;
    flex-direction: column;  /* ط·آ§ط¹آ¯ط·آ± ط·آ¨ط·آ®ط¸ث†ط·آ§ط¸â€،ط؛إ’ط¸â€¦ ط·ع¾ط·آ®ط¸ظ¾ط؛إ’ط¸ظ¾ ط·آ²ط؛إ’ط·آ± ط¸â€ڑط؛إ’ط¸â€¦ط·ع¾ ط·آ¨ط·آ§ط·آ´ط·آ¯ */
    align-items: flex-end;   /* ط¸â€ڑط؛إ’ط¸â€¦ط·ع¾ ط·آ³ط¸â€¦ط·ع¾ ط·آ±ط·آ§ط·آ³ط·ع¾ */
    order: 2;
    gap: 6px;
}

.product-price__current {
    font-size: 28px;
    font-weight: 800;
    color: #ff3b50;
}

.product-price__old {
    font-size: 14px;
    color: #999;
    text-decoration: line-through;
}

.product-price__badge {
    font-size: 0.75rem;
    padding: 4px 10px;
    background: rgba(255,59,80,0.1);
    color: #ff3b50;
    border-radius: 50px;
    font-weight: 600;
}

/* ط¸â€¦ط¸ث†ط·آ¨ط·آ§ط؛إ’ط¸â€‍ */
@media (max-width: 768px) {
    .price-actions-wrapper {
        flex-direction: column;
        align-items: stretch;
    }
    .product-actions {
        flex-direction: row; /* ط¸ظ¾ط·آ±ط¸â€¦ ط¸ث† wishlist ط¹آ©ط¸â€ ط·آ§ط·آ± ط¸â€،ط¸â€¦ */
        order: 2;
    }
    .product-price {
        align-items: flex-start; /* ط¸â€ڑط؛إ’ط¸â€¦ط·ع¾ ط·آ²ط؛إ’ط·آ± ط¸ظ¾ط·آ±ط¸â€¦ */
        order: 1;
    }
    .product-actions__wishlist {
        width: 32px;
        height: 32px;
        font-size: 14px;
    }
}


.product-attributes {
    margin-top: 16px;
    border-top: 1px solid #eee;
    padding-top: 16px;
}

.product-attributes ul {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
}

.product-attributes li {
    background: #f8f8f9;
    padding: 8px 12px;
    border-radius: 12px;
    font-size: 0.85rem;
    display: flex;
    justify-content: space-between;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.product-attributes li span:last-child {
    display: inline-block;      /* ط؛إ’ط·آ§ block */
    max-width: 120px;           /* ط؛إ’ط·آ§ 100% ط·آ¨ط·آ³ط·ع¾ط¸â€، ط·آ¨ط¸â€، layout */
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    vertical-align: middle;
}
/* =========================
   Description (Full Width)
========================== */
.product-description {
    width: 100%;
    max-width: 100%;        /* ط¸â€¦ط·آ·ط¸â€¦ط·آ¦ط¸â€  ط·آ´ط·آ¯ط¸â€  ط·آ§ط·آ² ط·آ¹ط·آ¯ط¸â€¦ ط¸â€¦ط·آ­ط·آ¯ط¸ث†ط·آ¯ط؛إ’ط·ع¾ */
    margin: 32px 0;         /* ط¸ظ¾ط·آ§ط·آµط¸â€‍ط¸â€، ط·آ§ط·آ² ط·آ¨ط·آ§ط¸â€‍ط·آ§ ط¸ث† ط¸آ¾ط·آ§ط؛إ’ط؛إ’ط¸â€  */
    padding: 20px;          /* ط¸ظ¾ط·آ§ط·آµط¸â€‍ط¸â€، ط·آ¯ط·آ§ط·آ®ط¸â€‍ط؛إ’ */
    background: #fff;
    border-radius: 18px;
    box-shadow: 0 6px 18px rgba(0,0,0,0.05);
    box-sizing: border-box; /* ط·آ§ط·آ·ط¸â€¦ط؛إ’ط¸â€ ط·آ§ط¸â€  ط·آ§ط·آ² ط¸â€¦ط·آ­ط·آ§ط·آ³ط·آ¨ط¸â€، ط·آµط·آ­ط؛إ’ط·آ­ padding */
}

.product-description h3 {
    font-size: 1.2rem;
    font-weight: 700;
    margin-bottom: 12px;
}

.product-description p {
    font-size: 0.95rem;
    line-height: 1.8;
    color: #555;
}


/* =========================
   Related Products
========================== */
.related-products {
    /*margin-top: 48px;*/
    width: 100%;
    margin: 32px 0;         /* ط¸ظ¾ط·آ§ط·آµط¸â€‍ط¸â€، ط·آ§ط·آ² ط·آ¨ط·آ§ط¸â€‍ط·آ§ ط¸ث† ط¸آ¾ط·آ§ط؛إ’ط؛إ’ط¸â€  */
    padding: 20px;
    background: #fff;
    border-radius: 18px;
    box-shadow: 0 6px 18px rgba(0,0,0,0.05);
    box-sizing: border-box; /* ط·آ§ط·آ·ط¸â€¦ط؛إ’ط¸â€ ط·آ§ط¸â€  ط·آ§ط·آ² ط¸â€¦ط·آ­ط·آ§ط·آ³ط·آ¨ط¸â€، ط·آµط·آ­ط؛إ’ط·آ­ padding */
}

.related-products__title {
    font-size: 1.2rem;
    font-weight: 700;
    margin-bottom: 20px;
    color: #222;
}

/* =========================
   Grid
========================== */
.related-products__grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    gap: 20px;
    align-items: stretch;
}

/* =========================
   Card
========================== */
.related-product-card {
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 4px 14px rgba(0,0,0,0.06);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    height: 100%;
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.related-product-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 12px 28px rgba(0,0,0,0.12);
}

/* =========================
   Image
========================== */
.related-product-card__image {
    position: relative;
    width: 100%;
    aspect-ratio: 1 / 1;
    background: #f6f6f6;
    overflow: hidden;
}

.related-product-card__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.related-product-card:hover .related-product-card__image img {
    transform: scale(1.05);
}

/* =========================
   Body
========================== */
.related-product-card__body {
    padding: 14px 12px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    flex-grow: 1;
}

/* =========================
   Title
========================== */
.related-product-card__title {
    font-size: 0.9rem;
    font-weight: 600;
    line-height: 1.5;
    color: #333;

    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* =========================
   Price
========================== */
.related-product-card__price {
    margin-top: auto;
    font-size: 0.95rem;
    font-weight: 700;
    color: #2e7d32;
}


/* =========================
   Responsive
========================== */
@media (max-width: 768px) {
    .product-gallery__main.zoom-active img {
        transform: scale(1.4);
    }
    .product-gallery,
    .product-info {
        flex: 1 1 100%;
    }
    .product-actions {
        flex-direction: column;
        width: 100%;
    }
    .product-actions__wishlist {
        width: 32px;
        height: 32px;
        font-size: 14px;
    }
}

/* ===============================
   Product Summary (SAFE CSS)
================================ */

.c-product__summary {
    background: #fff;
    border: 1px solid #eee;
    border-radius: 14px;
    padding: 20px;
    max-width: 420px;
    /*font-family: inherit;*/
}

/* ط¸ظ¾ط·آ±ط¸â€¦ */
.c-product__summary .from-product-order {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

/* ط¸ظ¾ط؛إ’ط¸â€‍ط·آ¯ ط·ع¾ط·آ¹ط·آ¯ط·آ§ط·آ¯ */
.c-product__summary input#id_count {
    width: 90px;
    height: 38px;
    border-radius: 8px;
    border: 1px solid #ddd;
    text-align: center;
    font-size: 15px;
}

.c-product__summary input#id_count:focus {
    outline: none;
    border-color: #ef394e;
}

/* ط¸â€ڑط؛إ’ط¸â€¦ط·ع¾ */
.c-product__summary .c-price {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #fafafa;
    padding: 12px 14px;
    border-radius: 10px;
    font-size: 18px;
    font-weight: bold;
    color: #ef394e;
}

/* ط·آ¯ط¹آ©ط¸â€¦ط¸â€، ط·آ§ط¸ظ¾ط·آ²ط¸ث†ط·آ¯ط¸â€  */
.c-product__summary .c-product__add {
    margin-top: 10px;
}

.c-product__summary .btn-add-to-cart {
    width: 100%;
    height: 46px;
    background: #ef394e;
    color: #fff;
    border: none;
    border-radius: 12px;
    font-size: 15px;
    cursor: pointer;
    transition: background 0.25s ease, transform 0.15s ease;
}

.c-product__summary .btn-add-to-cart:hover {
    background: #d93145;
    transform: translateY(-1px);
}

.inventory-error {
    margin-top: 6px;
    font-size: 13px;
    color: #d32f2f;
}

input.is-invalid {
    border-color: #d32f2f;
}

.cart-body { display: none; }
.cart-body.active { display: block; }



/* ======================= TABS ======================= */
.new-tabs-container { margin:0; }
.new-tabs-header { font-size: 8px; font-weight: 600; color: #333; }
.new-tabs { display: flex; gap: 12px; border-radius: 14px 14px 0 0; padding: 6px 6px 0 6px; box-shadow: 0 4px 14px rgba(0,0,0,0.04); }

.new-tab { position: relative; display: flex; align-items: center; gap: 10px; padding: 12px 25px; border-radius: 10px 10px 0 0; text-decoration: none; color: #666; background: #fafafa; transition: all 0.25s ease; cursor: pointer; }
.new-tab:hover { background: #f1f1f1; color: #222; transform: translateY(-1px); }

.new-tab-counter { display: inline-flex; justify-content: center; align-items: center; min-width: 24px; height: 24px; padding: 3px 10px; font-size: 12px; font-weight: 600; text-align: center; background: #e4e4e4; border-radius: 50%; transition: all 0.2s ease; }

.new-tab-active { background: #fff; color: #ef394e; font-weight: 600; box-shadow: 0 -2px 10px rgba(239,57,78,0.15); }
.new-tab-active::after { content: ""; position: absolute; bottom: 0; left: 15%; width: 70%; height: 4px; background: linear-gradient(90deg,#ff6b81,#ef394e); border-radius: 3px 3px 0 0; }
.new-tab-active .new-tab-counter { background: #ef394e; color: #fff; box-shadow: 0 2px 6px rgba(239,57,78,0.25); }

/* ======================= CART CONTAINER ======================= */
.new-cart-container { display: flex; gap: 20px; padding: 0 0 10px 10px ;  background-color: white; border-color: red; gap-top:0; margin: 0 15px 0 15px; }
.new-cart-content { flex: 1; }
.new-cart-aside { width: 380px; flex-shrink: 0; }

/* ======================= CART BODY ======================= */
.new-cart-body { display: none; }
.new-cart-body.new-active { display: flex; gap: 25px; padding: 20px; }

/* ======================= EMPTY CART ======================= */
.new-cart-empty { text-align: center; padding: 50px 0; }
.new-cart-empty-title { font-size: 20px; font-weight: 600; margin-bottom: 15px; }

/* ======================= CHECKOUT ITEMS ======================= */
.new-checkout { background: #fff; border-radius: 14px; padding: 10px; box-shadow: 0 6px 18px rgba(0,0,0,0.05); }
.new-checkout-items { list-style: none; margin: 0; padding: 0; }
.new-checkout-item { border-bottom: 1px solid #eee; padding: 18px 10px; }
.new-checkout-item:last-child { border-bottom: none; }
.new-checkout-row { display: flex; gap: 18px; }
.new-checkout-thumb img { width: 110px; height: 110px; object-fit: cover; border-radius: 12px; border: 1px solid #eee; }
.new-checkout-desc { flex: 1; }
.new-checkout-desc a { font-size: 15px; font-weight: 600; color: #333; text-decoration: none; }
.new-product-meta p { font-size: 13px; color: #777; margin: 4px 0; }

/* ======================= INFO & QUANTITY ======================= */
.new-checkout-info { display: flex; justify-content: space-between; margin-top: 12px; }
.new-checkout-counter { display: flex; flex-direction: column; gap: 8px; }
.new-quantity-selector { display: flex; align-items: center; gap: 8px; }
.new-qty-add, .new-qty-remove { width: 30px; height: 30px; background: #f2f2f2; border-radius: 8px; display: flex; justify-content: center; align-items: center; color: #444; text-decoration: none; transition: 0.2s; }
.new-qty-add:hover, .new-qty-remove:hover { background: #ef394e; color: #fff; }
.new-qty-number { min-width: 28px; text-align: center; font-weight: bold; }

/* ======================= PRICE ======================= */
.new-checkout-price-block { text-align: left; }
.new-price-old { text-decoration: line-through; }
.new-price-current { font-size: 16px; font-weight: bold; color: #ef394e; }

/* ======================= BUTTONS ======================= */
.new-btn-light { background: #f2f2f2; color: #333; border-radius: 8px; padding: 8px 14px; text-decoration: none; display: inline-block; }
.new-btn-light:hover { background: #ddd; }
.new-btn-success { background: #28a745; color: #fff; border-radius: 8px; padding: 8px 14px; display: inline-block; text-decoration: none; }
.new-btn-success:hover { background: #218838; }
.new-btn-cart { background: #ef394e; color: #fff; border-radius: 8px; padding: 10px 18px; text-decoration: none; display: inline-block; }
.new-btn-cart:hover { background: #d92c40; }
.new-btn-checkout { background: #ef394e; color: #fff; text-align: center; padding: 12px; border-radius: 10px; display: block; text-decoration: none; margin-top: 15px; font-size: 16px; font-weight: bold; }
.new-btn-checkout:hover { background: #d92c40; }

/* ======================= SUMMARY ======================= */
.new-checkout-summary { background: #fff; border-radius: 14px; padding: 20px; box-shadow: 0 6px 18px rgba(0,0,0,0.05); position: sticky; top: 20px; }
.new-checkout-summary ul { list-style: none; padding: 0; margin: 0; }
.new-checkout-summary li { display: flex; justify-content: space-between; font-size: 12px; margin-bottom: 12px; color: #555; }
.new-divider { border-top: 1px solid #eee; padding-top: 12px; font-weight: bold; }

/* ======================= RESPONSIVE ======================= */
@media (max-width: 992px) {
    .new-cart-container { flex-direction: column; }
    .new-cart-body.new-active { flex-direction: column; }
    .new-cart-aside { width: 100%; }
}

@media (max-width: 600px) {
    .new-checkout-row { flex-direction: column; align-items: center; text-align: center; }
    .new-checkout-thumb img { width: 140px; height: 140px; }
    .new-checkout-info { flex-direction: column; gap: 10px; align-items: center; }
    .new-quantity-selector { justify-content: center; }
}





/* ======================================================
   About Us v2 أ¢â‚¬â€œ Modern Professional Styles (Isolated)
====================================================== */

/* Base */
.au2-wrapper {
    max-width: 1180px;
    margin: 0 auto;
    padding: 80px 20px;
}

/* ================= Hero ================= */
.au2-hero {
    background: linear-gradient(135deg, #0f172a, #1e293b);
    padding: 110px 20px 130px;
    color: #ffffff;
}

.au2-hero-inner {
    max-width: 900px;
    margin: 0 auto;
    text-align: center;
}

.au2-hero-badge {
    display: inline-block;
    padding: 6px 16px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.12);
    font-size: 13px;
    margin-bottom: 20px;
}

.au2-hero-title {
    font-size: 42px;
    font-weight: 900;
    margin-bottom: 18px;
    letter-spacing: -1px;
}

.au2-hero-subtitle {
    font-size: 17px;
    color: #cbd5f5;
    line-height: 1.9;
}

/* ================= Sections ================= */
.au2-section-title {
    font-size: 28px;
    font-weight: 800;
    margin-bottom: 30px;
    color: #0f172a;
}

.au2-section-title.center {
    text-align: center;
}

/* ================= Brand ================= */
.au2-brand {
    display: grid;
    grid-template-columns: 140px 1fr;
    gap: 40px;
    align-items: start;
    margin-bottom: 90px;
}

.au2-brand-logo {
    width: 140px;
    height: 140px;
    object-fit: contain;
    background: #fff;
    border-radius: 22px;
    padding: 14px;
    box-shadow: 0 12px 35px rgba(0,0,0,.08);
}

.au2-content-card {
    background: #ffffff;
    padding: 44px;
    border-radius: 24px;
    box-shadow: 0 18px 45px rgba(0,0,0,.06);
    font-size: 15.5px;
    line-height: 2.1;
    color: #334155;
}

/* ================= Values ================= */
.au2-values {
    margin-bottom: 100px;
}

.au2-values-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

.au2-value-card {
    background: #ffffff;
    padding: 36px 30px;
    border-radius: 22px;
    box-shadow: 0 12px 30px rgba(0,0,0,.05);
    transition: transform .3s ease, box-shadow .3s ease;
}

.au2-value-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 20px 45px rgba(0,0,0,.08);
}

.au2-value-card h3 {
    font-size: 18px;
    font-weight: 800;
    margin-bottom: 12px;
    color: #0f172a;
}

.au2-value-card p {
    font-size: 14.5px;
    line-height: 1.9;
    color: #475569;
}

/* ================= Stats ================= */
.au2-stats {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    margin-bottom: 110px;
    background: linear-gradient(135deg, #eef2ff, #f8fafc);
    padding: 60px 50px;
    border-radius: 28px;
}

.au2-stat {
    text-align: center;
}

.au2-stat-number {
    font-size: 36px;
    font-weight: 900;
    color: #1e3a8a;
    display: block;
    margin-bottom: 8px;
}

.au2-stat-label {
    font-size: 14px;
    color: #334155;
}

/* ================= Contact ================= */
.au2-contact-box {
    background: #0f172a;
    color: #ffffff;
    padding: 55px;
    border-radius: 28px;
}

.au2-contact-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.au2-contact-item {
    display: flex;
    gap: 14px;
    padding: 14px 0;
    border-bottom: 1px solid rgba(255,255,255,.12);
    font-size: 14.5px;
}

.au2-contact-item:last-child {
    border-bottom: none;
}

.au2-contact-label {
    min-width: 70px;
    font-weight: 600;
    color: #93c5fd;
}

/* ================= Scroll Animation ================= */
.au2-reveal {
    opacity: 0;
    transform: translateY(40px);
    transition: all .8s ease;
}

.au2-reveal.is-visible {
    opacity: 1;
    transform: translateY(0);
}

/* ================= Responsive ================= */
@media (max-width: 992px) {
    .au2-values-grid,
    .au2-stats {
        grid-template-columns: 1fr;
    }

    .au2-brand {
        grid-template-columns: 1fr;
        text-align: center;
    }

    .au2-brand-logo {
        margin: 0 auto;
    }
}

@media (max-width: 768px) {
    .au2-hero-title {
        font-size: 30px;
    }

    .au2-content-card {
        padding: 28px;
    }

    .au2-contact-box {
        padding: 35px;
    }
}



/* ===============================
   Contact Page أ¢â‚¬â€œ Modern UI
================================ */

.ux-contact-shell {
    min-height: 100vh;
    background: linear-gradient(135deg, #f4f7fb, #eef2f7);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 40px 16px;
    /*font-family: IRANSans, sans-serif;*/
}

.ux-contact-brand {
    margin-bottom: 20px;
}

.ux-contact-brand img {
    max-height: 70px;
}

.ux-contact-brand-text {
    font-size: 26px;
    font-weight: 700;
    color: #3f51b5;
}

.ux-contact-card {
    width: 100%;
    max-width: 520px;
    background: #fff;
    border-radius: 20px;
    box-shadow: 0 20px 40px rgba(0,0,0,0.08);
    padding: 32px;
    animation: fadeUp .6s ease;
}

.ux-contact-header {
    text-align: center;
    margin-bottom: 30px;
}

.ux-contact-title {
    font-size: 22px;
    font-weight: 800;
    color: #1f2937;
}

.ux-contact-subtitle {
    font-size: 14px;
    color: #6b7280;
    margin-top: 6px;
}

.ux-contact-form {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.ux-form-group {
    display: flex;
    flex-direction: column;
}

.ux-form-group label {
    font-size: 13px;
    font-weight: 600;
    color: #374151;
    margin-bottom: 6px;
}

.ux-form-group input,
.ux-form-group textarea {
    padding: 12px 14px;
    border-radius: 10px;
    border: 1px solid #d1d5db;
    font-size: 14px;
    transition: all .25s ease;
}

.ux-form-group textarea {
    min-height: 120px;
    resize: vertical;
}

.ux-form-group input:focus,
.ux-form-group textarea:focus {
    outline: none;
    border-color: #6366f1;
    box-shadow: 0 0 0 3px rgba(99,102,241,0.15);
}

.ux-form-error {
    margin-top: 4px;
    font-size: 12px;
    color: #dc2626;
}

.ux-form-alert {
    background: #fee2e2;
    color: #991b1b;
    padding: 10px 14px;
    border-radius: 10px;
    font-size: 13px;
}

.ux-contact-submit {
    margin-top: 10px;
    padding: 14px;
    border-radius: 12px;
    background: linear-gradient(135deg, #6366f1, #4f46e5);
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    border: none;
    cursor: pointer;
    transition: transform .2s ease, box-shadow .2s ease;
}

.ux-contact-submit:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 25px rgba(79,70,229,0.35);
}

.ux-contact-footer {
    margin-top: 24px;
    display: flex;
    justify-content: space-between;
    font-size: 13px;
    color: #6b7280;
}

/* Animation */
@keyframes fadeUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}




/* =========================
   Silver Premium Footer
========================= */

.hf-footer {
    background: linear-gradient(135deg, #f5f6f8, #e5e7eb);
    color: #111827;
    padding: 70px 0 35px;
    font-size: 14px;
}

.hf-footer__container {
    display: flex;
    flex-direction: column;
    gap: 55px;
}

/* Features */
.hf-footer__features {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 24px;
}

.hf-footer__feature {
    background: rgba(255, 255, 255, 0.75);
    backdrop-filter: blur(8px);
    border: 1px solid #e5e7eb;
    border-radius: 18px;
    padding: 22px;
    text-align: center;
    box-shadow: 0 12px 30px rgba(0,0,0,.06);
    transition: transform .35s ease, box-shadow .35s ease;
}

.hf-footer__feature:hover {
    transform: translateY(-8px);
    box-shadow: 0 18px 45px rgba(0,0,0,.1);
}

.hf-footer__feature img {
    width: 44px;
    margin-bottom: 12px;
}

/* Main */
.hf-footer__main {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 50px;
}

.hf-footer__title {
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 16px;
    color: #111827;
}

/* Newsletter */
.hf-footer__newsletter-form {
    display: flex;
    gap: 12px;
    margin-bottom: 26px;
}

.hf-footer__newsletter-form input {
    flex: 1;
    padding: 12px 16px;
    border-radius: 14px;
    border: 1px solid #d1d5db;
    background: #ffffff;
    font-size: 14px;
}

.hf-footer__newsletter-form input:focus {
    outline: none;
    border-color: #6366f1;
}

.hf-footer__newsletter-form button {
    background: linear-gradient(135deg, #6366f1, #818cf8);
    color: #ffffff;
    border: none;
    padding: 0 22px;
    border-radius: 14px;
    cursor: pointer;
    font-weight: 600;
    transition: transform .3s ease, box-shadow .3s ease;
}

.hf-footer__newsletter-form button:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(99,102,241,.35);
}

/* Socials */
.hf-footer__socials {
    display: flex;
    gap: 14px;
}

.hf-footer__socials a {
    width: 40px;
    height: 40px;
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform .3s ease, box-shadow .3s ease;
}

.hf-footer__socials a:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 24px rgba(0,0,0,.12);
}

.hf-footer__socials img {
    width: 18px;
}

/* Certificates */
.hf-footer__certs-images {
    display: flex;
    gap: 16px;
}

.hf-footer__certs-images img {
    width: 86px;
    background: #ffffff;
    padding: 8px;
    border-radius: 14px;
    border: 1px solid #e5e7eb;
    box-shadow: 0 6px 18px rgba(0,0,0,.08);
}

/* Contact */
.hf-footer__contact {
    text-align: center;
    line-height: 2;
    color: #374151;
    font-weight: 500;
}

/* Copyright */
.hf-footer__copyright {
    text-align: center;
    border-top: 1px solid #d1d5db;
    padding-top: 18px;
    font-size: 13px;
    color: #6b7280;
}

/* Responsive */
@media (max-width: 768px) {
    .hf-footer__main {
        grid-template-columns: 1fr;
    }
}



/*!* ====== ط·آ¯ط¹آ©ط¸â€¦ط¸â€، ط·آ¨ط·آ§ط·آ²ط¹آ¯ط·آ´ط·ع¾ ط·آ¨ط¸â€، ط·آ¨ط·آ§ط¸â€‍ط·آ§ ====== *!*/
/*.jump-to-up {*/
/*    position: fixed;*/
/*    bottom: 40px;*/
/*    right: 40px;*/
/*    background: linear-gradient(135deg, #6366f1, #818cf8);*/
/*    color: #fff;*/
/*    padding: 12px 18px;*/
/*    border-radius: 50px;*/
/*    display: flex;*/
/*    align-items: center;*/
/*    gap: 8px;*/
/*    font-weight: 600;*/
/*    font-size: 14px;*/
/*    cursor: pointer;*/
/*    box-shadow: 0 8px 24px rgba(99, 102, 241, 0.35);*/
/*    opacity: 0;*/
/*    visibility: hidden;*/
/*    transition: all 0.4s ease;*/
/*    z-index: 9999;*/
/*}*/

/*.jump-to-up i {*/
/*    font-size: 16px;*/
/*}*/

/*.jump-to-up.show {*/
/*    opacity: 1;*/
/*    visibility: visible;*/
/*}*/

/*.jump-to-up:hover {*/
/*    transform: translateY(-3px);*/
/*    box-shadow: 0 12px 30px rgba(99,102,241,.45);*/
/*}*/

/* Container */
.hf-account-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 60px 20px;
    min-height: 80vh;
    background: #f9f9f9;
}

/* Logo */
.hf-register-logo img {
    max-width: 180px;
    height: auto;
    margin-bottom: 30px;
}

/* Card */
.hf-register-card {
    background: #fff;
    padding: 40px 30px;
    border-radius: 12px;
    box-shadow: 0 12px 30px rgba(0,0,0,0.08);
    max-width: 420px;
    width: 100%;
}

/* Headline */
.hf-login-title {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 25px;
    color: #333;
    text-align: center;
}

/* Messages */
.hf-form-message {
    color: #d32f2f;
    margin-bottom: 15px;
    text-align: center;
}

/* Form Groups */
.hf-form-group {
    margin-bottom: 20px;
}

.hf-form-group label {
    display: block;
    margin-bottom: 6px;
    font-weight: 500;
    color: #555;
}

.hf-input {
    width: 100%;
    padding: 12px 14px;
    border: 1px solid #ccc;
    border-radius: 8px;
    font-size: 14px;
    transition: all 0.3s ease;
}

.hf-input:focus {
    border-color: #6366f1;
    outline: none;
    box-shadow: 0 0 0 3px rgba(99,102,241,0.15);
}

/* Field errors */
.hf-field-error p {
    color: #d32f2f;
    font-size: 13px;
    margin-top: 4px;
}

/* Buttons */
.hf-form-actions {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.hf-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 12px 20px;
    border: none;
    border-radius: 50px;
    font-weight: 600;
    cursor: pointer;
    font-size: 14px;
    transition: all 0.3s ease;
}

.hf-btn-primary {
    background: #6366f1;
    color: #fff;
}

.hf-btn-primary:hover {
    background: #818cf8;
    transform: translateY(-2px);
}

.hf-btn-google {
    background: #db4437;
    color: #fff;
}

.hf-btn-google:hover {
    background: #e57368;
    transform: translateY(-2px);
}

/* Responsive */
@media (max-width: 480px) {
    .hf-register-card {
        padding: 30px 20px;
    }
}


/* =========================
   Product Messages
========================= */
.product-messages {
    margin-top: 18px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.product-messages .alert {
    position: relative;
    padding: 14px 18px;
    border-radius: 14px;
    font-size: 14px;
    line-height: 1.8;
    font-weight: 500;
    border: 1px solid transparent;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);
    animation: fadeInUp .25s ease;
}

/* error / danger */
.product-messages .alert-danger {
    background: linear-gradient(135deg, #fff5f5, #ffeaea);
    color: #b42318;
    border-color: #f7caca;
    box-shadow: 0 10px 25px rgba(180, 35, 24, 0.08);
}

/* success */
.product-messages .alert-success {
    background: linear-gradient(135deg, #f0fdf4, #dcfce7);
    color: #166534;
    border-color: #bbf7d0;
    box-shadow: 0 10px 25px rgba(22, 101, 52, 0.08);
}

/* warning */
.product-messages .alert-warning {
    background: linear-gradient(135deg, #fffaf0, #fef3c7);
    color: #92400e;
    border-color: #fde68a;
    box-shadow: 0 10px 25px rgba(146, 64, 14, 0.08);
}

/* info */
.product-messages .alert-info {
    background: linear-gradient(135deg, #eff6ff, #dbeafe);
    color: #1d4ed8;
    border-color: #bfdbfe;
    box-shadow: 0 10px 25px rgba(29, 78, 216, 0.08);
}

.product-messages .alert::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 5px;
    height: 100%;
    border-radius: 14px 0 0 14px;
    background: currentColor;
    opacity: 0.18;
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(8px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@media (max-width: 768px) {
    .product-messages .alert {
        font-size: 13px;
        padding: 12px 14px;
        border-radius: 12px;
    }
}








/*---------------------------------------------------------------------------------------------------------------*/
/* Sidebar Profile - Modern RTL Responsive */
/* ط·آ§ط·آ³ط·ع¾ط·آ§ط؛إ’ط¸â€‍ ط¹آ©ط¸â€‍ط؛إ’ */
.o-page__sidebar {
  width: 280px;
  min-height: 100vh;
  background: linear-gradient(180deg, #f8f9fa, #ffffff);
  box-shadow: 0 4px 15px rgba(0,0,0,0.05);
  border-radius: 12px; /* ط¹آ¯ط¸ث†ط·آ´ط¸â€،أ¢â‚¬إ’ط¸â€،ط·آ§ط؛إ’ ط¹آ¯ط·آ±ط·آ¯ */
  margin: 20px; /* ط¸ظ¾ط·آ§ط·آµط¸â€‍ط¸â€، ط·آ§ط·آ² ط·آ§ط·آ·ط·آ±ط·آ§ط¸ظ¾ ط·آµط¸ظ¾ط·آ­ط¸â€، */
  padding: 1.5rem; /* padding ط·آ¯ط·آ§ط·آ®ط¸â€‍ط؛إ’ */
  position: sticky; /* ط¹â€ ط·آ³ط·آ¨ط؛إ’ط·آ¯ط¸â€  ط·آ¨ط¸â€، ط·آ¨ط·آ§ط¸â€‍ط·آ§ ط¸â€،ط¸â€ ط¹آ¯ط·آ§ط¸â€¦ ط·آ§ط·آ³ط¹آ©ط·آ±ط¸ث†ط¸â€‍ */
  top: 20px; /* ط¹آ©ط¸â€¦ط؛إ’ ط¸ظ¾ط·آ§ط·آµط¸â€‍ط¸â€، ط·آ²ط؛إ’ط·آ± header */
  right: 20px; /* ط¸ظ¾ط·آ§ط·آµط¸â€‍ط¸â€، ط·آ§ط·آ² ط·آ±ط·آ§ط·آ³ط·ع¾ ط·آµط¸ظ¾ط·آ­ط¸â€، */
  z-index: 10;
  overflow-y: auto;
  transition: all 0.3s ease-in-out;
}

@media(max-width: 992px){
  /* ط·آ­ط·آ§ط¸â€‍ط·ع¾ ط¸â€¦ط¸ث†ط·آ¨ط·آ§ط؛إ’ط¸â€‍ */
  .o-page__sidebar {
    width: 100%;
    border-radius: 0;
    margin: 0;
  }
}

/* ط·آ¹ط¸â€ ط¸ث†ط·آ§ط¸â€  ط¹آ©ط¸â€‍ط؛إ’ */
.c-sidebar {
  display: flex;
  flex-direction: column;
}

/* ط¸آ¾ط·آ±ط¸ث†ط¸ظ¾ط·آ§ط؛إ’ط¸â€‍ ط¹آ©ط·آ§ط·آ±ط·آ¨ط·آ± */
.c-sidebar__profile {
  display: flex;
  align-items: center;
  padding: 15px;
  border-bottom: 1px solid #e0e0e0;
  margin-bottom: 15px;
  gap: 15px;
}

.c-avatar {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  border: 2px solid #fff;
  box-shadow: 0 0 15px rgba(0,0,0,0.05);
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #ff3b50, #ff6384);
  overflow: hidden;
  flex-shrink: 0;
}

.c-avatar__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}

/* ط¸â€ ط·آ§ط¸â€¦ ط¸ث† ط·آ§ط؛إ’ط¸â€¦ط؛إ’ط¸â€‍ ط¹آ©ط·آ§ط·آ±ط·آ¨ط·آ± */
.c-sidebar__user-info {
  flex: 1;
  display: flex;
  flex-direction: column;
  text-align: right;
}

.c-sidebar__user-name {
  font-size: 1.1rem;
  font-weight: 600;
  color: #333;
  line-height: 1.4;
  direction: rtl;
  margin-bottom: 4px;
}

.c-sidebar__user-email {
  font-size: 9px;
  color: #777;
  direction: rtl;
}

/* ط¸â€¦ط¸â€ ط¸ث†ط؛إ’ ط¸â€ ط·آ§ط¸ث†ط·آ¨ط·آ±ط؛إ’ */
.c-sidebar__nav {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 15px;
}

.c-sidebar__nav-link {
  display: flex;
  align-items: center;
  padding: 12px 16px;
  border-radius: 10px;
  font-size: 1rem;
  color: #555;
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
  text-decoration: none;
  background-color: transparent;
}

.c-sidebar__nav-link i {
  font-size: 1.2rem;
  width: 24px;
  text-align: center;
  margin-left: 12px;
  transition: transform 0.2s ease;
}

.c-sidebar__nav-link:hover {
  background-color: #ff3b50;
  color: #fff;
  box-shadow: 0 4px 20px rgba(255, 59, 80, 0.15);
}

.c-sidebar__nav-link:hover i {
  transform: scale(1.2);
}

.c-sidebar__nav-link.is-active {
  background: linear-gradient(135deg, #ff3b50, #ff6363);
  color: #fff;
  font-weight: 600;
  box-shadow: 0 6px 15px rgba(255, 59, 80, 0.2);
}

.c-sidebar__nav-link.is-active:hover {
  transform: translateX(0);
  box-shadow: 0 8px 20px rgba(255, 59, 80, 0.25);
}

.c-sidebar__nav-badge {
  background: linear-gradient(135deg, #ff3b50, #ff6363);
  color: #fff;
  padding: 3px 10px;
  margin-right: 13px;
  border-radius: 12px;
  font-size: 0.8rem;
  margin-left: auto;
}

.c-sidebar__nav-link.is-active .c-sidebar__nav-badge {
  background: #fff;
  color: #ff3b50;
}

/* ط·آ­ط·آ§ط¸â€‍ط·ع¾ ط¸â€¦ط¸ث†ط·آ¨ط·آ§ط؛إ’ط¸â€‍ */
@media(max-width: 992px){
  .o-page__sidebar {
    box-shadow: none;
    border-radius: 0;
    margin: 0;
    padding: 1rem;
  }
}







.product-header-container {
    display: flex; /* ط¸ظ¾ط·آ¹ط·آ§ط¸â€‍ ط¹آ©ط·آ±ط·آ¯ط¸â€  Flexbox */
    justify-content: space-between; /* ط·ع¾ط¸ث†ط·آ²ط؛إ’ط·آ¹ ط¸ظ¾ط·آ¶ط·آ§: ط·آ¹ط¸â€ ط¸ث†ط·آ§ط¸â€  ط·آ¯ط·آ± ط؛إ’ط¹آ© ط·آ·ط·آ±ط¸ظ¾ط·إ’ ط·آ¯ط¹آ©ط¸â€¦ط¸â€، ط·آ¯ط·آ± ط·آ·ط·آ±ط¸ظ¾ ط·آ¯ط؛إ’ط¹آ¯ط·آ± */
    align-items: center; /* ط·ع¾ط·آ±ط·آ§ط·آ² ط·آ¹ط¸â€¦ط¸ث†ط·آ¯ط؛إ’ ط·آ¢ط؛إ’ط·ع¾ط¸â€¦أ¢â‚¬إ’ط¸â€،ط·آ§ ط·آ¯ط·آ± ط¸â€¦ط·آ±ط¹آ©ط·آ² */
    margin-bottom: 20px; /* ط¸ظ¾ط·آ§ط·آµط¸â€‍ط¸â€، ط¹آ©ط¸â€¦ط؛إ’ ط·آ²ط؛إ’ط·آ± ط¸â€،ط·آ¯ط·آ± */
    /* ط·آ§ط¹آ¯ط·آ± ط·آ¹ط¸â€ ط¸ث†ط·آ§ط¸â€  ط·آ®ط؛إ’ط¸â€‍ط؛إ’ ط·آ·ط¸ث†ط¸â€‍ط·آ§ط¸â€ ط؛إ’ ط·آ´ط·آ¯ ط¸ث† ط·آ¨ط¸â€، ط·آ®ط·آ· ط·آ¨ط·آ¹ط·آ¯ط؛إ’ ط·آ±ط¸ظ¾ط·ع¾ط·إ’ ط¸â€¦ط¸â€¦ط¹آ©ط¸â€  ط·آ§ط·آ³ط·ع¾ ط¸â€‍ط·آ§ط·آ²ط¸â€¦ ط·آ¨ط·آ§ط·آ´ط·آ¯ ط·آ§ط؛إ’ط¸â€  ط·آ±ط·آ§ ط·ع¾ط¸â€ ط·آ¸ط؛إ’ط¸â€¦ ط¹آ©ط¸â€ ط؛إ’ط·آ¯ */
    /* flex-wrap: wrap; */
}

.product-info__title {
    /* ط·آ§ط·آ³ط·ع¾ط·آ§ط؛إ’ط¸â€‍أ¢â‚¬إ’ط¸â€،ط·آ§ط؛إ’ ط¸â€ڑط·آ¨ط¸â€‍ط؛إ’ ط·آ¹ط¸â€ ط¸ث†ط·آ§ط¸â€  */
    font-size: 1.8rem; /* ط·آ§ط¸â€ ط·آ¯ط·آ§ط·آ²ط¸â€، ط¸ظ¾ط¸ث†ط¸â€ ط·ع¾ ط·آ¯ط¸â€‍ط·آ®ط¸ث†ط·آ§ط¸â€، */
    font-weight: bold;
    color: #333; /* ط·آ±ط¸â€ ط¹آ¯ ط¸â€¦ط·ع¾ط¸â€  ط·آ¯ط¸â€‍ط·آ®ط¸ث†ط·آ§ط¸â€، */
    flex-grow: 1; /* ط·آ§ط·آ¬ط·آ§ط·آ²ط¸â€، ط¸â€¦ط؛إ’أ¢â‚¬إ’ط·آ¯ط¸â€،ط·آ¯ ط·آ¹ط¸â€ ط¸ث†ط·آ§ط¸â€  ط¸ظ¾ط·آ¶ط·آ§ ط·آ±ط·آ§ ط·آ§ط·آ´ط·ط›ط·آ§ط¸â€‍ ط¹آ©ط¸â€ ط·آ¯ */
    margin-right: 15px; /* ط¸ظ¾ط·آ§ط·آµط¸â€‍ط¸â€، ط·آ¨ط؛إ’ط¸â€  ط·آ¹ط¸â€ ط¸ث†ط·آ§ط¸â€  ط¸ث† ط·آ¯ط¹آ©ط¸â€¦ط¸â€، */
    /* ط·آ§ط¹آ¯ط·آ± ط·آ¹ط¸â€ ط¸ث†ط·آ§ط¸â€  ط·آ·ط¸ث†ط¸â€‍ط·آ§ط¸â€ ط؛إ’ ط·آ´ط·آ¯ط·إ’ ط¸â€¦ط؛إ’أ¢â‚¬إ’ط·ع¾ط¸ث†ط·آ§ط¸â€ ط؛إ’ط·آ¯ ط·آ§ط؛إ’ط¸â€  ط·آ±ط·آ§ ط·آ§ط·آ¶ط·آ§ط¸ظ¾ط¸â€، ط¹آ©ط¸â€ ط؛إ’ط·آ¯ ط·ع¾ط·آ§ ط·آ¯ط·آ± ط؛إ’ط¹آ© ط·آ®ط·آ· ط·آ¨ط¸â€¦ط·آ§ط¸â€ ط·آ¯ */
    /* white-space: nowrap; */
    /* overflow: hidden; */
    /* text-overflow: ellipsis; */
}

/* ط·آ§ط·آ³ط·ع¾ط·آ§ط؛إ’ط¸â€‍ ط·آ¯ط¹آ©ط¸â€¦ط¸â€، ط¸â€ڑط¸â€‍ط·آ¨ (ط·آ§ط·آ² CSS ط¸â€ڑط·آ¨ط¸â€‍ط؛إ’) */
.wishlist-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    background-color: transparent;
    border: none;
    cursor: pointer;
    transition: all 0.3s ease;
    flex-shrink: 0; /* ط¸â€¦ط·آ§ط¸â€ ط·آ¹ ط·آ§ط·آ² ط¹آ©ط¸ث†ط¹â€ ط¹آ© ط·آ´ط·آ¯ط¸â€  ط·آ¯ط¹آ©ط¸â€¦ط¸â€، ط·آ¯ط·آ± ط·آµط¸ث†ط·آ±ط·ع¾ ط¹آ©ط¸â€¦ط·آ¨ط¸ث†ط·آ¯ ط¸ظ¾ط·آ¶ط·آ§ */
}

.wishlist-button .heart-icon {
    font-size: 85px; /* ط¹آ©ط¸â€¦ط؛إ’ ط·آ¨ط·آ²ط·آ±ط¹آ¯ط·ع¾ط·آ± ط·آ¨ط·آ±ط·آ§ط؛إ’ ط·آ¨ط·آ±ط·آ¬ط·آ³ط·ع¾ط¸â€، ط·آ´ط·آ¯ط¸â€  */
    color: #ffffff;
    -webkit-text-stroke: 1.5px #ff3b50;
    stroke: #ff3b50;
    stroke-width: 1.5px;
    transition: all 0.3s ease;
}

.wishlist-button:hover .heart-icon {
    color: #ff6b6b;
    -webkit-text-stroke-color: #e02f44;
    stroke-width: 1.7px;
}

.wishlist-button.is-active .heart-icon {
    color: #ff3b50;
    -webkit-text-stroke: none;
    stroke: none;
    filter: drop-shadow(0 0 10px rgba(255, 59, 80, 0.5));
}

.wishlist-button.is-active:hover .heart-icon {
    color: #d62d3e;
    filter: drop-shadow(0 0 12px rgba(214, 45, 62, 0.6));
}

/* ط·آ§ط¹آ¯ط·آ± ط·آ´ط¸â€¦ط·آ§ط·آ±ط¸â€ ط·آ¯ط¸â€، ط¸â€،ط¸â€¦ ط·آ¯ط·آ§ط·آ±ط؛إ’ط·آ¯ط·إ’ ط·آ¢ط¸â€  ط·آ±ط·آ§ ط¸â€،ط¸â€¦ ط·ع¾ط¸â€ ط·آ¸ط؛إ’ط¸â€¦ ط¹آ©ط¸â€ ط؛إ’ط·آ¯ */
.wishlist-count-display {
    /* ط·آ§ط·آ³ط·ع¾ط·آ§ط؛إ’ط¸â€‍أ¢â‚¬إ’ط¸â€،ط·آ§ط؛إ’ ط¸â€ڑط·آ¨ط¸â€‍ط؛إ’ */
    margin-left: 10px; /* ط¸ظ¾ط·آ§ط·آµط¸â€‍ط¸â€، ط¹آ©ط¸â€¦ط·ع¾ط·آ± ط·آ¨ط·آ§ ط·آ¯ط¹آ©ط¸â€¦ط¸â€، */
}





/*------------------------------------*\
    tbl - Styles for the Orders Table
\*------------------------------------*/

/* container */
.tbl-orders-table{
    
  width:100%;
  border:1px solid #ff3b50;
  border-radius:10px;
  box-shadow:0 5px 15px rgba(0,0,0,0.1);
  overflow:hidden;
  font-size: x-large;
}

/* table */
.tbl-orders-table table{
  width:100%;
  border-collapse:collapse;
}

/* header */
.tbl-orders-table table thead{
  background:#ff3b50;
  color:#fff;
}

.tbl-orders-table table thead th {
    background-color: #ff3b50;
    color: #ffffff !important;
    font-weight: 900 !important;
    font-size: 15px;
    padding: 14px 16px;
    text-align: center;
    border-right: 1px solid rgba(255,255,255,0.2);
}

/* body rows */
.tbl-orders-table table tbody tr{
  border-bottom:1px solid #eee;
  background:#fff;
}

.tbl-orders-table table tbody tr:nth-child(even){
  background:#f9f9f9;
}

.tbl-orders-table table tbody tr:hover{
  background:#fff3f3;
}

/* body cells */
.tbl-orders-table table tbody td{
  padding:10px 15px;
  text-align:center;
  border-right:1px solid #eee;
}

.tbl-orders-table table tbody td:last-child{
  border-right:none;
}

.tbl-orders-table table thead th,
.tbl-orders-table table thead th a {
    color: #ffffff !important;
    font-weight: 900 !important;
}

.tbl-orders-table table thead th a:hover {
    color: #ffffff !important;
}

.tbl-orders-table table thead tr th a{
    color:#fff !important;
    font-weight:900 !important;
}

/* ط¹آ©ط·آ§ط¸â€ ط·ع¾ط؛إ’ط¸â€ ط·آ± ط·آ§ط·آ·ط¸â€‍ط·آ§ط·آ¹ط·آ§ط·ع¾ */
.user-main-new {
    width: 100%;
}

/* ط·آ¨ط·آ§ط¹آ©ط·آ³ ط·آ§ط·آµط¸â€‍ط؛إ’ */
.private-info-new {
    width: 100%;
    padding: 25px;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.06);
    border: 1px solid #f0f0f0;
}

/* ط·آ¹ط¸â€ ط¸ث†ط·آ§ط¸â€  ط·آ³ط·ع¾ط¸ث†ط¸â€  */
.col-title {
    font-size: 14px;
    font-weight: 700;
    color: #4a5f73;
    display: inline-block;
    margin-bottom: 6px;
}

/* ط¸â€¦ط¸â€ڑط·آ¯ط·آ§ط·آ± ط·آ³ط·ع¾ط¸ث†ط¸â€  */
.col-value-new {
    font-size: 1rem;
    line-height: 1.8;
    font-weight: 600;
    color: #555;
    width: 100%;
    display: block;
}

/* ط¸â€¦ط·آ®ط·آµط¸ث†ط·آµ ط·آ¢ط·آ¯ط·آ±ط·آ³ */
.col-value-new.addr {
  width: 100%;
  display: block;
}
.col-value-new.addr textarea {
    width: 100% !important;
    max-width: 100% !important;
    display: block;
    box-sizing: border-box;
}


/* ط·آ±ط¸ث†ط؛إ’ ط·ع¾ط¹آ©ط·آ³ط·ع¾أ¢â‚¬إ’أ¢â‚¬إ’ط·آ§ط·آ±ط؛إ’ط·آ§ ط؛إ’ط·آ§ ط·آ§ط؛إ’ط¸â€ ط¸آ¾ط¸ث†ط·ع¾ ط·آ¯ط·آ§ط·آ®ط¸â€‍ط·آ´ */
.col-value-new.addr textarea,
.col-value-new.addr input {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box;
  display: block;
  resize: vertical; /* ط·آ¨ط·آ±ط·آ§ط؛إ’ ط·آ­ط·آ§ط¸â€‍ط·ع¾ ط¹â€ ط¸â€ ط·آ¯ط·آ®ط·آ·ط؛إ’ */
}

.address-input {
  width: 100% !important;
  max-width: 100% !important;
  display: block;
  box-sizing: border-box;
}


.private-info--row {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 25px;
    margin-bottom: 20px;
}

.private-info--col {
    width: 100%;
}



@media (max-width: 768px) {
    .private-info--row {
        grid-template-columns: 1fr;
    }
}


/* ط·آ§ط·آ³ط·ع¾ط·آ§ط؛إ’ط¸â€‍ ط·آ­ط·آ±ط¸ظ¾ط¸â€،أ¢â‚¬إ’ط·آ§ط؛إ’ inputط¸â€،ط·آ§ */
.col-value-new input,
.col-value-new textarea,
.col-value-new select {
    width: 100%;
    padding: 11px 14px;
    border: 1px solid #d8d8d8;
    border-radius: 10px;
    background: #fafafa;
    transition: all .25s ease;
    font-size: 14px;
    font-weight: 600;
    color: #3c4b59;
    outline: none;
}

.col-value-new input:focus,
.col-value-new textarea:focus,
.col-value-new select:focus {
    border-color: #ff3b50;
    background: #fff;
    box-shadow: 0 0 0 3px rgba(255,59,80,0.15);
}

/* ط¹â€ ط¹آ© ط·آ¨ط·آ§ط¹آ©ط·آ³ */
.col-value-new input[type="checkbox"] {
    width: 18px;
    height: 18px;
    accent-color: #ff3b50;
}

/* ط·آ¹ط¹آ©ط·آ³ ط¸آ¾ط·آ±ط¸ث†ط¸ظ¾ط·آ§ط؛إ’ط¸â€‍ */
.c-avatar__img-new {
    width: 140px;
    height: 140px;
    object-fit: cover;
    border-radius: 50%;
    border: 3px solid #eee;
    display: block;
    margin-bottom: 12px;
    box-shadow: 0 3px 8px rgba(0,0,0,0.12);
}

/* ط·آ§ط·آ³ط·ع¾ط·آ§ط؛إ’ط¸â€‍ ط·آ¬ط·آ°ط·آ§ط·آ¨ ط·آ¨ط·آ±ط·آ§ط؛إ’ input ط¸ظ¾ط·آ§ط؛إ’ط¸â€‍ */
.file-upload-wrapper {
    display: inline-block;
    margin-top: 10px;
}

.file-upload-btn {
    display: inline-block;
    padding: 8px 16px;
    background: #ff3b50;
    color: #fff;
    border-radius: 8px;
    font-size: 13px;
    cursor: pointer;
    transition: 0.2s;
}

.file-upload-btn:hover {
    background: #e03045;
}

/* ط¸â€¦ط·آ®ط¸ظ¾ط؛إ’ ط¹آ©ط·آ±ط·آ¯ط¸â€  input ط¸ظ¾ط·آ§ط؛إ’ط¸â€‍ */
.file-upload-input {
    display: none;
}

.avatar-wrapper{
    position: relative;
    width: 120px;
    height: 120px;
}

.c-avatar__img-new{
    width:120px;
    height:120px;
    border-radius:50%;
    object-fit:cover;
}

.avatar-loader{
    position:absolute;
    inset:0;
    border-radius:50%;
    border:4px solid rgba(0,0,0,0.1);
    border-top-color:#ef4056;
    animation: spin 1s linear infinite;
    display:none;
}

@keyframes spin{
    from{ transform:rotate(0deg); }
    to{ transform:rotate(360deg); }
}


.edit-profile-wrapper{
    width:100%;
    display:flex;
    justify-content:center;
    margin-top:35px;
}

.button-edit-profile{
    display:flex;
    align-items:center;
    gap:8px;

    background:linear-gradient(135deg,#ff3b50,#ff6b7c);
    color:#fff;

    padding:12px 28px;
    font-size:15px;
    font-weight:600;

    border:none;
    border-radius:14px;

    cursor:pointer;

    box-shadow:0 6px 18px rgba(255,59,80,0.25);

    transition:all .25s ease;
}

.button-edit-profile:hover{
    transform:translateY(-3px);
    box-shadow:0 10px 26px rgba(255,59,80,0.35);
}

.button-edit-profile:active{
    transform:translateY(0);
    box-shadow:0 4px 12px rgba(255,59,80,0.2);
}

.button-edit-profile .edit-icon{
    font-size:16px;
}







.private-info{
    background:#fff;
    padding:25px;
    border-radius:12px;
    box-shadow:0 3px 20px rgba(0,0,0,.06);
    /*margin: 1px;*/
}

.private-info--row{
    display:flex;
    gap:20px;
    margin-bottom:25px;
}

.private-info--col{
    flex:2;
    display:flex;
    flex-direction:column;
}

.col-title{
    font-size:14px;
    font-weight:600;
    color:#444;
    margin-bottom:6px;
}

.col-value-new input{
    width:100%;
    padding:10px 12px;
    border:1px solid #dedede;
    border-radius:8px;
    font-size:14px;
}

.col-value-new input:focus{
    border-color:#ff3b50;
    box-shadow:0 0 0 3px rgba(255,59,80,0.15);
    outline:none;
}

.form-error{
    color:#ff3b50;
    font-size:12px;
    margin-top:5px;
}

.edit-profile-wrapper{
    width:100%;
    display:flex;
    justify-content:center;
    margin-top:35px;
}

.button-edit-profile{
    display:flex;
    align-items:center;
    gap:8px;

    background:linear-gradient(135deg,#ff3b50,#ff6b7c);
    color:#fff;

    padding:12px 28px;
    font-size:15px;
    font-weight:600;

    border:none;
    border-radius:14px;

    cursor:pointer;

    box-shadow:0 6px 18px rgba(255,59,80,0.25);

    transition:all .25s ease;
}

.button-edit-profile:hover{
    transform:translateY(-3px);
    box-shadow:0 10px 26px rgba(255,59,80,0.35);
}

.button-edit-profile .edit-icon{
    font-size:16px;
}





.dk-alert-container{
    margin-bottom:20px;
}

.dk-alert{
    display:flex;
    align-items:center;
    justify-content:space-between;

    padding:14px 18px;
    border-radius:10px;

    margin-bottom:10px;

    font-size:14px;

    animation: dkSlideDown .4s ease;
}

.dk-alert-content{
    display:flex;
    align-items:center;
    gap:10px;
}

.dk-alert-icon{
    font-size:16px;
}

.dk-alert-close{
    border:none;
    background:none;
    font-size:18px;
    cursor:pointer;
    opacity:.6;
}

.dk-alert-close:hover{
    opacity:1;
}

/* success */
.dk-alert-success{
    background:#e8f8ee;
    border:1px solid #bde5c8;
    color:#1f7a39;
}

/* error */
.dk-alert-error{
    background:#fdeaea;
    border:1px solid #f3bcbc;
    color:#b42318;
}

/* warning */
.dk-alert-warning{
    background:#fff6e5;
    border:1px solid #f3d19c;
    color:#a15c07;
}

/* info */
.dk-alert-info{
    background:#e8f4ff;
    border:1px solid #b6dfff;
    color:#0c5a91;
}

/* animation */
@keyframes dkSlideDown{
    from{
        opacity:0;
        transform:translateY(-15px);
    }
    to{
        opacity:1;
        transform:translateY(0);
    }
}

.dk-alert-hide{
    opacity:0;
    transform:translateY(-10px);
    transition:.4s;
}


.nx-auth-container{
    min-height:100vh;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#f5f6f8;
}

.nx-auth-card{
    width:420px;
    background:#fff;
    border-radius:16px;
    padding:40px;
    box-shadow:0 10px 35px rgba(0,0,0,0.08);
}

.nx-auth-logo{
    text-align:center;
    margin-bottom:20px;
}

.nx-auth-logo img{
    height:98px;
}

.nx-auth-title{
    text-align:center;
    font-size:22px;
    font-weight:700;
    margin-bottom:6px;
}

.nx-auth-subtitle{
    text-align:center;
    color:#777;
    font-size:14px;
    margin-bottom:25px;
}

.nx-auth-field{
    margin-bottom:20px;
}

.nx-auth-field label{
    display:block;
    font-size:13px;
    margin-bottom:6px;
    color:#555;
}

.nx-auth-input{
    width:100%;
    height:48px;
    border-radius:10px;
    border:1px solid #e2e2e2;
    padding:0 14px;
    font-size:15px;
}

.nx-auth-input:focus{
    border-color:#ef4056;
    outline:none;
}

.nx-auth-btn-primary{
    width:100%;
    height:48px;
    border:none;
    border-radius:10px;
    background:#ef4056;
    color:#fff;
    font-size:15px;
    font-weight:600;
    cursor:pointer;
}

.nx-auth-btn-google{
    width:100%;
    height:48px;
    border-radius:10px;
    border:1px solid #ddd;
    background:#fff;
    cursor:pointer;
}

.nx-auth-divider{
    text-align:center;
    margin:18px 0;
    color:#aaa;
}

.nx-auth-methods{
    display:flex;
    flex-direction:column;
    gap:12px;
}

.nx-auth-method{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    height:48px;
    border-radius:10px;
    border:1px solid #e5e5e5;
    text-decoration:none;
    color:#333;
    transition:0.2s;
}

.nx-auth-method:hover{
    border-color:#ef4056;
}

.nx-auth-back{
    text-align:center;
    margin-top:18px;
}

.nx-auth-back a{
    color:#666;
    font-size:13px;
}

/* ط·آ¨ط·آ±ط·آ§ط؛إ’ ط¸â€¦ط·ع¾ط¸â€  ط¸آ¾ط·آ§ط؛إ’ط؛إ’ط¸â€  ط¹آ©ط·آ§ط·آ±ط·ع¾ */
.nx-auth-footer-text {
    margin-top: 25px;
    font-size: 11px;
    color: #888;
    text-align: center;
    line-height: 1.6;
}

.nx-auth-footer-text span {
    color: #19bfd3; /* ط·آ±ط¸â€ ط¹آ¯ ط·آ¢ط·آ¨ط؛إ’ ط·آ¯ط؛إ’ط·آ¬ط؛إ’أ¢â‚¬إ’ط¹آ©ط·آ§ط¸â€‍ط·آ§ط؛إ’ط؛إ’ */
    cursor: pointer;
}

/* ط·آ¨ط¸â€،ط·آ¨ط¸ث†ط·آ¯ ط¸ظ¾ط؛إ’ط¸â€‍ط·آ¯ ط¸ث†ط·آ±ط¸ث†ط·آ¯ط؛إ’ */
.nx-auth-input {
    direction: ltr; /* ط¸â€¦ط¸ث†ط·آ¨ط·آ§ط؛إ’ط¸â€‍ ط¸â€¦ط·آ¹ط¸â€¦ط¸ث†ط¸â€‍ط·آ§ ط¹â€ ط¸آ¾أ¢â‚¬إ’ط¹â€ ط؛إ’ط¸â€  ط·آ§ط·آ³ط·ع¾ */
    text-align: center;
    /*font-family: sans-serif;*/
    letter-spacing: 2px;
}

.nx-auth-container {
    display: flex;
    justify-content: center;
    padding: 40px 10px;
}

.nx-auth-box {
    width: 100%;
    max-width: 420px;
    background: #fff;
    padding: 30px 25px;
    border-radius: 12px;
    box-shadow: 0 0 10px #00000015;
    text-align: center;
}

.nx-auth-logo img {
    width: 120px;
    margin-bottom: 20px;
}

.nx-auth-title {
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 10px;
}

.nx-auth-subtitle {
    font-size: 14px;
    color: #555;
    margin-bottom: 20px;
}

.nx-auth-error {
    background: #ffe5e5;
    padding: 10px;
    border-radius: 6px;
    color: #c50000;
    font-size: 14px;
    margin-bottom: 10px;
    text-align: center;
}

.nx-auth-form {
    margin-top: 15px;
}

.nx-auth-label {
    display: block;
    font-size: 14px;
    margin-bottom: 5px;
    text-align: right;
}

.nx-auth-input {
    width: 100%;
    padding: 12px;
    border-radius: 8px;
    border: 1px solid #ccc;
    font-size: 16px;
    text-align: center;
    letter-spacing: 3px;
    margin-bottom: 20px;
}

.nx-auth-btn {
    width: 100%;
    padding: 12px;
    background: #ef394e;
    color: white;
    border: none;
    font-size: 16px;
    border-radius: 8px;
    cursor: pointer;
}

.nx-auth-btn:hover {
    background: #d72f42;
}

.nx-auth-footer {
    margin-top: 20px;
    align-items: center;
}

.nx-auth-resend-btn {
    background: none;
    border: none;
    color: #0879ff;
    cursor: pointer;
    font-size: 14px;
    margin-bottom: 10px;
}

.nx-auth-back {
    color: #666;
    font-size: 14px;
}

.nx-auth-container {
    display: flex;
    justify-content: center;
    padding: 40px 10px;
}
.nx-auth-box {
    width: 100%;
    max-width: 420px;
    background: #fff;
    padding: 30px 25px;
    border-radius: 12px;
    box-shadow: 0 0 10px #00000015;
    text-align: center;
}
.nx-auth-logo img {
    width: 120px;
    margin-bottom: 20px;
}
.nx-auth-title {
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 14px;
}
.nx-auth-subtitle {
    font-size: 14px;
    color: #555;
    margin-bottom: 18px;
}
.nx-auth-form {
    margin-top: 12px;
}
.nx-auth-btn {
    width: 100%;
    padding: 12px;
    background: #ef394e;
    color: white;
    border: none;
    font-size: 16px;
    border-radius: 8px;
    cursor: pointer;
    margin-bottom: 10px;
}
.nx-auth-btn:hover {
    background: #d72f42;
}
.nx-auth-btn-disabled {
    background: #e0e0e0;
    color: #8b8b8b;
    cursor: not-allowed;
}
.nx-auth-btn-secondary {
    background: #00bfd6;
}
.nx-auth-btn-secondary:hover {
    background: #00a6bc;
}
.nx-auth-error {
    background: #ffe5e5;
    padding: 10px;
    border-radius: 6px;
    color: #c50000;
    font-size: 14px;
    margin-bottom: 10px;
    text-align: center;
}
.nx-auth-hint {
    font-size: 13px;
    color: #777;
    margin-top: 6px;
}
.nx-auth-footer {
    margin-top: 18px;
}
.nx-auth-back {
    color: #666;
    font-size: 14px;
}

/* ====== ALERT BASE STYLE ====== */

.alert {
    position: relative;
    padding: 12px 16px;
    border-radius: 8px;
    margin: 10px 0;
    font-size: 14px;
    line-height: 1.7;
    display: flex;
    align-items: flex-start;
    gap: 8px;
    border: 1px solid transparent;
    direction: rtl; /* ط¹â€ ط¸ث†ط¸â€  ط¹آ©ط¸â€‍ ط·آ³ط·آ§ط؛إ’ط·ع¾ ط¸ظ¾ط·آ§ط·آ±ط·آ³ط؛إ’ ط·آ§ط·آ³ط·ع¾ */
}

/* ====== WARNING VARIANT ====== */

.alert-warning {
    background: #fff8e1;               /* ط·آ²ط·آ±ط·آ¯ ط¸â€¦ط¸â€‍ط·آ§ط؛إ’ط¸â€¦ */
    border-color: #ffe082;
    color: #8d6e00;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.03);
}

/* ط·آ¢ط؛إ’ط¹آ©ط¸â€  ط¸â€،ط·آ´ط·آ¯ط·آ§ط·آ± (ط·آ§ط·آ®ط·ع¾ط؛إ’ط·آ§ط·آ±ط؛إ’ ط·آ§ط¹آ¯ط·آ± ط·آ¯ط·آ§ط·آ®ط¸â€‍ HTML ط·آ¢ط؛إ’ط¹آ©ط¸â€  ط·آ¨ط¹آ¯ط·آ°ط·آ§ط·آ±ط؛إ’) */
.alert-warning::before {
    content: "أ¢ع‘آ أ¯آ¸عˆ";
    font-size: 16px;
    margin-top: 2px;
}

/* ط¸â€¦ط·ع¾ط¸â€  ط·آ¯ط·آ§ط·آ®ط¸â€‍ ط¸â€،ط·آ´ط·آ¯ط·آ§ط·آ± */
.alert-warning span,
.alert-warning p {
    margin: 0;
}

/* ط·آ§ط¹آ¯ط·آ± ط·آ¨ط·آ®ط¸ث†ط·آ§ط¸â€،ط؛إ’ ط·آ¯ط¹آ©ط¸â€¦ط¸â€، ط·آ¨ط·آ³ط·ع¾ط¸â€  ط·آ§ط·آ¶ط·آ§ط¸ظ¾ط¸â€، ط¹آ©ط¸â€ ط؛إ’ */
.alert .alert-close {
    margin-right: auto; /* ط¹â€ ط¸ث†ط¸â€  RTL ط·آ§ط·آ³ط·ع¾ط·إ’ ط·آ§ط؛إ’ط¸â€  ط·آ·ط·آ±ط¸ظ¾ ط¸â€¦ط؛إ’أ¢â‚¬إ’ط·آ±ط¸ث†ط·آ¯ */
    cursor: pointer;
    font-size: 16px;
    opacity: 0.6;
    transition: opacity 0.2s ease;
}

.alert .alert-close:hover {
    opacity: 1;
}

.alert {
    animation: alert-fade-in 0.25s ease-out;
}

@keyframes alert-fade-in {
    from {
        opacity: 0;
        transform: translateY(-4px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}



.nx-auth-card .login-store-title{
    /*font-family: IranNastaliq;*/
    font-size: 25px;
    font-weight: 3000;
    text-align: center;
    margin-bottom: 35px;
    background: linear-gradient(45deg,#ff6b00,#ef4056);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    letter-spacing: 2px;
    line-height: 1.8;
}

.login-store-title::after{
    content:"";
    display:block;
    width:40%;
    max-width:200px;
    height:2px;
    background:#ef4056;
    margin:10px auto 0;
    border-radius:70px;
}

@media (max-width:768px){
    .login-store-title{
        font-size:28px;
    }
}



.otp-timer-box{
    display:flex;
    flex-direction:column;
    align-items:center;
    margin:25px 0;
}

.otp-timer-circle{
    position:relative;
    width:120px;
    height:120px;
}

.otp-timer-text{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    font-size:22px;
    font-weight:700;
    color:#ef4056;
}

.otp-timer-bg{
    fill:none;
    stroke:#eee;
    stroke-width:8;
}

.otp-timer-progress{
    fill:none;
    stroke:#ef4056;
    stroke-width:8;
    stroke-linecap:round;
    transform:rotate(-90deg);
    transform-origin:center;
    stroke-dasharray:339;
    stroke-dashoffset:0;
    transition:stroke-dashoffset 1s linear;
}

.otp-resend{
    margin-top:15px;
}

#resendBtn{
    border:none;
    background:#ef4056;
    color:#fff;
    padding:8px 18px;
    border-radius:8px;
    cursor:pointer;
    opacity:.5;
}

#resendBtn.active{
    opacity:1;
}

.otp-resend-box{
  margin-top:15px;
  text-align:center;
}

.otp-resend-btn{
  background:#ccc;
  color:#fff;
  border:none;
  border-radius:8px;
  padding:8px 25px;
  cursor:not-allowed;
  transition:all 0.3s ease;
}

.otp-resend-btn.active{
  background:#ef4056;
  cursor:pointer;
}











.otp-boxes{
    display:flex;
    justify-content:center;
    gap:10px;
    margin: 18px 0 22px;
}

.otp-digit{
    width: 48px;
    height: 56px;
    border: 2px solid #e5e7eb;
    border-radius: 14px;
    background: #fff;
    text-align:center;
    font-size: 24px;
    font-weight: 800;
    font-family: monospace;
    outline: none;
    box-sizing: border-box;
}

.otp-digit:focus{
    border-color: #ef4056;
    box-shadow: 0 0 0 4px rgba(239, 64, 86, 0.12);
}


.otp-cell{
  position: relative;
  width: 48px;
  height: 56px;
}

.otp-digit{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  border:2px solid #e5e7eb;
  border-radius:14px;
  background:#fff;
  text-align:center;
  font-size:24px;
  font-weight:800;

  /* ط¸â€¦ط¸â€ڑط·آ¯ط·آ§ط·آ± ط¸ث†ط·آ§ط¸â€ڑط·آ¹ط؛إ’ ط·آ±ط·آ§ ط¸â€¦ط·آ®ط¸ظ¾ط؛إ’ ط¸â€¦ط؛إ’أ¢â‚¬إ’ط¹آ©ط¸â€ ط؛إ’ط¸â€¦ */
  color: transparent;
  caret-color: transparent;

  outline:none;
  box-sizing:border-box;
}

.otp-digit:focus{
  border-color:#ef4056;
  box-shadow:0 0 0 4px rgba(239,64,86,.12);
}

.otp-digit-fa{
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;

  font-size:24px;
  font-weight:800;
  color:#111;
  pointer-events:none; /* ط¹آ©ط¸â€‍ط؛إ’ط¹آ© ط·آ¨ط·آ±ط¸ث†ط·آ¯ ط·آ±ط¸ث†ط؛إ’ input */
}

.shipping-error-box {
    margin-top: 12px;
    padding: 12px 14px;
    background-color: #fff8f8;
    border: 1px solid #f1b0b7;
    border-right: 4px solid #dc3545;
    border-radius: 10px;
    text-align: right;
}

.shipping-error-text {
    color: #842029;
    font-size: 14px;
    line-height: 1.9;
    font-weight: 500;
    margin-bottom: 8px;
}

.shipping-error-text i {
    margin-left: 6px;
    color: #dc3545;
}

.shipping-error-link {
    display: inline-block;
    color: #c2185b;
    font-size: 14px;
    font-weight: 700;
    text-decoration: underline;
}

.shipping-error-link:hover {
    color: #8e1243;
    text-decoration: none;
}






.new-final-price-disabled {

    filter: grayscale(30%);
}
.new-final-price-disabled div {
    color: #888 !important;
    filter: grayscale(30%);
}

.new-final-price-disabled span {
    color: #888 !important;
    opacity: 0.45;
    filter: blur(0.9px);
    animation: softBlurPulse 2.2s ease-in-out infinite;
}

@keyframes softBlurPulse {
    0% {
        filter: blur(8.6px);
        opacity: 0.50;
    }
    50% {
        filter: blur(9.2px);
        opacity: 0.38;
    }
    100% {
        filter: blur(7.6px);
        opacity: 0.50;
    }
}


.new-final-price-note {
    margin-top: 8px;
    font-size: 12px;
    color: #999;
    line-height: 1.8;
}

.shipping-error-box {
    margin-top: 14px;
    padding: 12px 14px;
    border-radius: 10px;
    background: #fff4f4;
    border: 1px solid #ffd1d1;
}

.shipping-error-text {
    color: #b42318;
    font-size: 13px;
    line-height: 1.9;
    margin-bottom: 8px;
}

.shipping-error-link {
    display: inline-block;
    color: #fff;
    background: #dc3545;
    padding: 7px 12px;
    border-radius: 8px;
    font-size: 12px;
    text-decoration: none;
    transition: all 0.2s ease;
}

.shipping-error-link:hover {
    color: #fff;
    background: #bb2d3b;
    text-decoration: none;
}

.new-btn-checkout-disabled {
    opacity: 0.6;
    cursor: not-allowed;
    pointer-events: none;
}

.new-shipping-price-muted {
    color: #999;
    font-size: 13px;
}






.order-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    margin-bottom: 24px;
    background: #fff;
    border: 1px solid #ececec;
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04);
}

.order-table th,
.order-table td {
    padding: 14px 12px;
    vertical-align: middle;
}

.order-table tbody tr:last-child td {
    border-bottom: none;
}

.order-row-clickable {
    cursor: pointer;
    transition: background-color 0.2s ease;
}

.order-row-clickable:hover td {
    background-color: #f7fbff !important;
}

.order-tracking-code {
    display: inline-block;
    font-weight: 700;
    color: #0b5ed7;
    background-color: #eef5ff;
    padding: 6px 10px;
    border-radius: 8px;
    font-size: 13px;
    direction: ltr;
}

.order-product-images {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    flex-wrap: nowrap;
}

.order-product-thumb {
    width: 44px;
    height: 44px;
    object-fit: cover;
    border-radius: 10px;
    border: 1px solid #e9e9e9;
    background-color: #fff;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

.order-product-more {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 32px;
    height: 32px;
    padding: 0 8px;
    border-radius: 999px;
    background-color: #f1f3f5;
    color: #555;
    font-size: 12px;
    font-weight: 700;
}

.order-shipping-cost {
    color: #6f42c1;
    font-weight: 600;
}

.order-view-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 14px;
    background-color: #0d6efd;
    color: #fff;
    text-decoration: none;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 600;
    transition: 0.2s ease;
}

.order-view-btn:hover {
    background-color: #0b5ed7;
    color: #fff;
}

.text-muted {
    color: #8e8e8e;
}

.text-success {
    color: #198754;
}

.text-dark {
    color: #212529;
}

.fw-bold {
    font-weight: 700;
}

.fw-semibold {
    font-weight: 600;
}

.badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 30px;
    padding: 6px 12px;
    border-radius: 30px;
    font-size: 12px;
    font-weight: 700;
    white-space: nowrap;
}

.bg-success {
    background-color: #e8f7ee;
    color: #198754;
}

.bg-warning {
    background-color: #fff3cd;
    color: #856404;
}




/* =========================
   ORDER DETAIL PAGE
   ========================= */

.order-detail-panel {
    width: 100%;
    background: #ffffff;
    border: 1px solid #eceff3;
    border-radius: 18px;
    padding: 24px;
    box-shadow: 0 8px 30px rgba(15, 23, 42, 0.06);
    box-sizing: border-box;
}

/* =========================
   TOP HEADER
   ========================= */

.order-detail-top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 24px;
    padding-bottom: 20px;
    border-bottom: 1px solid #eef1f5;
}

.order-detail-heading {
    flex: 1 1 auto;
}

.order-detail-heading h1 {
    margin: 0 0 10px;
    font-size: 24px;
    font-weight: 800;
    line-height: 1.8;
    color: #1f2937;
}

.order-detail-heading p {
    margin: 0;
    font-size: 14px;
    line-height: 2;
    color: #6b7280;
    max-width: 760px;
}

.order-detail-actions {
    flex: 0 0 auto;
}

.order-detail-back-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-width: 160px;
    height: 44px;
    padding: 0 18px;
    background: #f8fafc;
    color: #334155;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 700;
    transition: all 0.25s ease;
    box-sizing: border-box;
}

.order-detail-back-btn:hover {
    background: #eef2f7;
    color: #0f172a;
    border-color: #cfd8e3;
    transform: translateY(-1px);
}

/* =========================
   ORDER INFO GRID
   ========================= */

.order-detail-info-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
    margin-bottom: 24px;
}

.order-info-box {
    background: linear-gradient(180deg, #ffffff 0%, #fafbfd 100%);
    border: 1px solid #edf1f6;
    border-radius: 16px;
    padding: 18px 16px;
    min-height: 105px;
    box-sizing: border-box;
    transition: all 0.25s ease;
}

.order-info-box:hover {
    box-shadow: 0 6px 18px rgba(15, 23, 42, 0.05);
    border-color: #e4eaf2;
}

.order-info-box span {
    display: block;
    margin-bottom: 10px;
    font-size: 13px;
    font-weight: 600;
    color: #94a3b8;
    line-height: 1.8;
}

.order-info-box strong {
    display: block;
    font-size: 16px;
    font-weight: 800;
    line-height: 1.9;
    color: #1e293b;
    word-break: break-word;
}

/* =========================
   PAYMENT STATUS
   ========================= */

.order-status {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: fit-content;
    padding: 6px 12px;
    border-radius: 999px;
    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1.6;
    white-space: nowrap;
}

.order-status-paid {
    background: #eafaf0;
    color: #15803d !important;
    border: 1px solid #cbeed8;
}

.order-status-pending {
    background: #fff7e8;
    color: #b45309 !important;
    border: 1px solid #fde7bd;
}

/* =========================
   CARD
   ========================= */

.order-detail-card {
    background: #ffffff;
    border: 1px solid #edf1f6;
    border-radius: 18px;
    overflow: hidden;
    margin-bottom: 24px;
    box-shadow: 0 4px 16px rgba(15, 23, 42, 0.04);
}

.order-detail-card-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 18px 20px;
    background: #fafbfd;
    border-bottom: 1px solid #edf1f6;
}

.order-detail-card-header h2 {
    margin: 0;
    font-size: 18px;
    font-weight: 800;
    color: #1f2937;
    line-height: 1.8;
}

.order-detail-card-header span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 32px;
    padding: 0 12px;
    border-radius: 999px;
    background: #eef6ff;
    color: #2563eb;
    font-size: 13px;
    font-weight: 700;
    white-space: nowrap;
}

/* =========================
   TABLE
   ========================= */

.order-items-table-wrap {
    width: 100%;
    overflow-x: auto;
}

.order-items-table {
    width: 100%;
    min-width: 760px;
    border-collapse: collapse;
    background: #fff;
}

.order-items-table thead th {
    padding: 16px 18px;
    background: #ffffff;
    color: #475569;
    font-size: 13px;
    font-weight: 800;
    text-align: right;
    border-bottom: 1px solid #edf1f6;
    white-space: nowrap;
}

.order-items-table tbody td {
    padding: 18px;
    vertical-align: middle;
    border-bottom: 1px solid #f1f5f9;
    font-size: 14px;
    color: #334155;
    line-height: 1.9;
}

.order-items-table tbody tr {
    transition: background 0.2s ease;
}

.order-items-table tbody tr:hover {
    background: #fcfdff;
}

.order-items-table tbody tr:last-child td {
    border-bottom: none;
}

/* =========================
   PRODUCT CELL
   ========================= */

.order-product-cell {
    display: flex;
    align-items: center;
    gap: 14px;
    min-width: 260px;
}

.order-product-img-box {
    width: 72px;
    height: 72px;
    flex: 0 0 72px;
    border-radius: 14px;
    overflow: hidden;
    background: #f8fafc;
    border: 1px solid #e8edf3;
    display: flex;
    align-items: center;
    justify-content: center;
}

.order-product-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.order-product-img-empty {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    text-align: center;
    font-size: 11px;
    line-height: 1.8;
    color: #94a3b8;
}

.order-product-content {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.order-product-content h3 {
    margin: 0;
    font-size: 15px;
    font-weight: 800;
    line-height: 1.9;
    color: #1f2937;
}

.order-product-content a {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    color: #2563eb;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: color 0.2s ease;
}

.order-product-content a:hover {
    color: #1d4ed8;
    text-decoration: underline;
}

/* =========================
   TABLE BADGES / PRICE
   ========================= */

.order-count-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 38px;
    height: 34px;
    padding: 0 12px;
    background: #eef6ff;
    color: #2563eb;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 800;
    border: 1px solid #dbeafe;
}

.order-price-text {
    display: inline-block;
    color: #475569;
    font-size: 14px;
    font-weight: 700;
    white-space: nowrap;
}

.order-row-total {
    display: inline-block;
    color: #16a34a;
    font-size: 15px;
    font-weight: 900;
    white-space: nowrap;
}

/* =========================
   EMPTY STATE
   ========================= */

.order-empty-box {
    text-align: center;
    padding: 36px 20px;
    color: #94a3b8;
    font-size: 14px;
    line-height: 2;
}

/* =========================
   SUMMARY SECTION
   ========================= */

.order-summary-section {
    display: flex;
    justify-content: flex-end;
    width: 100%;
}

.order-summary-card {
    width: 100%;
    max-width: 430px;
    background: #ffffff;
    border: 1px solid #edf1f6;
    border-radius: 18px;
    padding: 20px;
    box-shadow: 0 4px 16px rgba(15, 23, 42, 0.04);
    box-sizing: border-box;
}

.order-summary-title {
    margin-bottom: 14px;
    font-size: 18px;
    font-weight: 800;
    color: #1f2937;
    line-height: 1.8;
}

.order-summary-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 14px 0;
    border-bottom: 1px solid #f1f5f9;
    font-size: 14px;
    color: #64748b;
    line-height: 1.9;
}

.order-summary-row span {
    color: #64748b;
}

.order-summary-row strong {
    color: #1f2937;
    font-size: 14px;
    font-weight: 800;
    white-space: nowrap;
}

.order-summary-row-final {
    margin-top: 4px;
    padding-top: 18px;
    border-bottom: none;
}

.order-summary-row-final span {
    color: #0f172a;
    font-weight: 800;
}

.order-summary-row-final strong {
    color: #16a34a;
    font-size: 19px;
    font-weight: 900;
}

/* =========================
   PAYMENT BUTTON
   ========================= */

.order-payment-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 48px;
    margin-top: 18px;
    padding: 0 16px;
    background: linear-gradient(135deg, #16a34a 0%, #15803d 100%);
    color: #ffffff;
    border: none;
    border-radius: 14px;
    text-decoration: none;
    font-size: 15px;
    font-weight: 800;
    transition: all 0.25s ease;
    box-shadow: 0 8px 20px rgba(22, 163, 74, 0.22);
    box-sizing: border-box;
}

.order-payment-btn:hover {
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 12px 24px rgba(22, 163, 74, 0.28);
    background: linear-gradient(135deg, #15803d 0%, #166534 100%);
}

/* =========================
   RESPONSIVE
   ========================= */

@media (max-width: 1200px) {
    .order-detail-info-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 992px) {
    .order-detail-panel {
        padding: 20px;
        border-radius: 16px;
    }

    .order-detail-top {
        flex-direction: column;
        align-items: stretch;
    }

    .order-detail-actions {
        width: 100%;
    }

    .order-detail-back-btn {
        width: 100%;
    }

    .order-detail-heading h1 {
        font-size: 21px;
    }

    .order-detail-card-header {
        flex-direction: column;
        align-items: flex-start;
    }

    .order-summary-section {
        justify-content: stretch;
    }

    .order-summary-card {
        max-width: 100%;
    }
}

@media (max-width: 768px) {
    .order-detail-info-grid {
        grid-template-columns: 1fr;
    }

    .order-detail-panel {
        padding: 16px;
    }

    .order-detail-heading h1 {
        font-size: 19px;
    }

    .order-detail-heading p {
        font-size: 13px;
    }

    .order-info-box {
        min-height: auto;
    }

    .order-detail-card-header {
        padding: 16px;
    }

    .order-items-table thead th,
    .order-items-table tbody td {
        padding: 14px;
    }

    .order-product-cell {
        gap: 10px;
    }

    .order-product-img-box {
        width: 62px;
        height: 62px;
        flex: 0 0 62px;
    }

    .order-product-content h3 {
        font-size: 14px;
    }

    .order-summary-card {
        padding: 16px;
    }

    .order-summary-row-final strong {
        font-size: 17px;
    }
}

@media (max-width: 576px) {
    .order-detail-panel {
        padding: 14px;
        border-radius: 14px;
    }

    .order-detail-top {
        margin-bottom: 18px;
        padding-bottom: 16px;
    }

    .order-detail-heading h1 {
        font-size: 17px;
        line-height: 2;
    }

    .order-detail-heading p {
        font-size: 12px;
        line-height: 2;
    }

    .order-detail-back-btn {
        min-width: 100%;
        height: 42px;
        font-size: 13px;
        border-radius: 10px;
    }

    .order-info-box {
        padding: 14px;
        border-radius: 14px;
    }

    .order-info-box span {
        font-size: 12px;
    }

    .order-info-box strong {
        font-size: 14px;
    }

    .order-detail-card {
        border-radius: 14px;
    }

    .order-detail-card-header h2 {
        font-size: 16px;
    }

    .order-detail-card-header span {
        font-size: 12px;
    }

    .order-product-cell {
        min-width: 220px;
    }

    .order-summary-title {
        font-size: 16px;
    }

    .order-summary-row {
        font-size: 13px;
        padding: 12px 0;
    }

    .order-summary-row strong {
        font-size: 13px;
    }

    .order-summary-row-final strong {
        font-size: 16px;
    }

    .order-payment-btn {
        min-height: 44px;
        font-size: 14px;
        border-radius: 12px;
    }
}






:root {
    --dk-red: #ef4056;
    --dk-red-hover: #dc3545;
    --dk-cyan: #19bfd3;
    --dk-green: #00a049;
    --dk-orange: #f9a825;
    --dk-text: #3f4064;
    --dk-muted: #81858b;
    --dk-border: #e0e0e2;
    --dk-bg: #f5f5f5;
    --dk-soft: #f1f2f4;
    --dk-white: #ffffff;
}

html,
body {
    scroll-behavior: auto;
}

body {
    background: var(--dk-bg);
}

.dk-orders-wrap {
    width: 100%;
    margin: 0;
    padding: 0;
}

.dk-orders-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 14px;
}

.dk-orders-title {
    margin: 0;
    font-size: 18px;
    font-weight: 800;
    color: var(--dk-text);
}

.dk-orders-card {
    background: var(--dk-white);
    border: 1px solid var(--dk-border);
    border-radius: 16px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04);
    overflow: hidden;
}

.dk-orders-scroll {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
}

.dk-orders-table {
    width: 100%;
    min-width: 1100px;
    border-collapse: separate;
    border-spacing: 0;
    background: var(--dk-white);
    direction: rtl;
}

.dk-orders-table thead th {
    background: var(--dk-white);
    color: var(--dk-muted);
    font-size: 12px;
    font-weight: 700;
    text-align: center;
    padding: 18px 12px;
    border-bottom: 1px solid var(--dk-border);
    white-space: nowrap;
}

.dk-orders-table tbody td {
    text-align: center;
    vertical-align: middle;
    padding: 18px 12px;
    border-bottom: 1px solid #f0f0f1;
    color: var(--dk-text);
    font-size: 13px;
    background: var(--dk-white);
}

.dk-orders-table tbody tr:last-child td {
    border-bottom: none;
}

.dk-orders-row {
    cursor: pointer;
    transition: background-color 0.2s ease;
}

.dk-orders-row:hover td {
    background: #fff8f9;
}

/* tracking */
.dk-orders-tracking {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 120px;
    padding: 8px 12px;
    border-radius: 10px;
    background: var(--dk-soft);
    color: var(--dk-text);
    font-size: 12px;
    font-weight: 800;
    border: 1px solid var(--dk-border);
    letter-spacing: 0.3px;
}

/* images */
.dk-orders-images {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 52px;
}

.dk-orders-thumb {
    width: 48px;
    height: 48px;
    object-fit: cover;
    background: var(--dk-white);
    border: 1px solid var(--dk-border);
    border-radius: 12px;
    padding: 2px;
    margin-right: -10px;
    box-shadow: 0 2px 7px rgba(0, 0, 0, 0.05);
    transition: transform 0.2s ease;
}

.dk-orders-thumb:first-child {
    margin-right: 0;
}

.dk-orders-thumb:hover {
    transform: translateY(-2px);
    position: relative;
    z-index: 2;
}

.dk-orders-more {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 34px;
    height: 34px;
    margin-right: 8px;
    border-radius: 999px;
    background: var(--dk-soft);
    border: 1px solid var(--dk-border);
    color: var(--dk-text);
    font-size: 12px;
    font-weight: 800;
}

/* count */
.dk-orders-count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 34px;
    height: 34px;
    padding: 0 10px;
    border-radius: 10px;
    background: var(--dk-soft);
    color: var(--dk-text);
    font-weight: 800;
}

/* prices */
.dk-orders-price,
.dk-orders-shipping,
.dk-orders-final,
.dk-orders-paid {
    display: inline-flex;
    align-items: baseline;
    justify-content: center;
    gap: 4px;
    white-space: nowrap;
    font-weight: 800;
}

.dk-orders-price {
    color: var(--dk-text);
}

.dk-orders-shipping {
    color: #62666d;
}

.dk-orders-final {
    color: var(--dk-red);
    font-size: 15px;
}

.dk-orders-paid {
    color: var(--dk-green);
}

.dk-orders-price small,
.dk-orders-shipping small,
.dk-orders-final small,
.dk-orders-paid small {
    color: var(--dk-muted);
    font-size: 11px;
    font-weight: 500;
}

/* badge */
.dk-orders-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 112px;
    padding: 8px 12px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 800;
    white-space: nowrap;
}

.dk-orders-badge-paid {
    color: var(--dk-green);
    background: #eaf7ee;
    border: 1px solid #cae8d5;
}

.dk-orders-badge-paid::before {
    content: "";
    width: 7px;
    height: 7px;
    margin-left: 7px;
    border-radius: 50%;
    background: var(--dk-green);
}

.dk-orders-badge-pending {
    color: var(--dk-orange);
    background: #fff7e6;
    border: 1px solid #ffe3b3;
}

.dk-orders-badge-pending::before {
    content: "";
    width: 7px;
    height: 7px;
    margin-left: 7px;
    border-radius: 50%;
    background: var(--dk-orange);
}

/* action button */
.dk-orders-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 88px;
    padding: 8px 14px;
    border-radius: 10px;
    border: 1px solid var(--dk-red);
    background: var(--dk-white);
    color: var(--dk-red);
    font-size: 12px;
    font-weight: 800;
    text-decoration: none;
    transition: all 0.2s ease;
}

.dk-orders-btn:hover {
    background: var(--dk-red);
    color: var(--dk-white);
}

/* muted */
.dk-orders-muted {
    color: var(--dk-muted);
    font-size: 12px;
    font-weight: 600;
}

/* empty */
.dk-orders-empty {
    padding: 36px 20px;
    text-align: center;
    color: var(--dk-muted);
    font-size: 14px;
    font-weight: 700;
}

/* pagination */
.dk-orders-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 18px;
    border-top: 1px solid var(--dk-border);
    background: #fcfcfc;
    flex-wrap: wrap;
}

.dk-orders-page-link {
    min-width: 36px;
    height: 36px;
    padding: 0 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    border: 1px solid var(--dk-border);
    background: var(--dk-white);
    color: var(--dk-text);
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.2s ease;
}

.dk-orders-page-link:hover {
    border-color: var(--dk-red);
    color: var(--dk-red);
}

.dk-orders-page-link.is-active {
    background: var(--dk-red);
    color: var(--dk-white);
    border-color: var(--dk-red);
}

.dk-orders-page-link.is-disabled {
    color: #b9bcc3;
    background: #f7f7f7;
    cursor: default;
}

/* nicer scroll */
.dk-orders-scroll::-webkit-scrollbar {
    height: 8px;
}

.dk-orders-scroll::-webkit-scrollbar-track {
    background: #f1f2f4;
    border-radius: 999px;
}

.dk-orders-scroll::-webkit-scrollbar-thumb {
    background: #c0c2c5;
    border-radius: 999px;
}

.dk-orders-scroll::-webkit-scrollbar-thumb:hover {
    background: #a7a9ad;
}

@media (max-width: 992px) {
    .dk-orders-card {
        border-radius: 12px;
    }

    .dk-orders-table {
        min-width: 980px;
    }

    .dk-orders-table thead th,
    .dk-orders-table tbody td {
        padding: 14px 10px;
    }

    .dk-orders-thumb {
        width: 42px;
        height: 42px;
        border-radius: 10px;
    }

    .dk-orders-tracking {
        min-width: 100px;
        font-size: 11px;
    }

    .dk-orders-badge {
        min-width: 96px;
        font-size: 11px;
    }
}


.order-payment-btn-disabled,
.order-payment-btn:disabled {
    opacity: 0.5;
    cursor: not-allowed;
    pointer-events: none;
    background-color: #c7c7c7;
    color: #fff;
}


.order-payment-warning {
    margin-top: 8px;
    font-size: 13px;
    color: #ef4056;
}





/* ===== storefront-header.css ===== */
.store-header{position:sticky;top:0;z-index:9990;background:#fff;border-bottom:1px solid #eee5e7;box-shadow:0 5px 20px rgba(63,30,38,.07);font-family:IRANSans,Tahoma,sans-serif}.store-header__notice{color:#fff;background:linear-gradient(105deg,#77142b,#b91e39 55%,#dc5941)}.store-header__notice .container{display:flex;align-items:center;gap:23px;min-height:31px;font-size:10px}.store-header__notice span,.store-header__notice a{color:rgba(255,255,255,.94);text-decoration:none}.store-header__notice i{margin-left:4px;color:#ffd4a3}.store-header__notice a{margin-right:auto}.store-header__main{display:grid;grid-template-columns:auto minmax(250px,1fr) auto;align-items:center;gap:28px;min-height:82px}.store-brand{display:flex;align-items:center;gap:10px;text-decoration:none!important}.store-brand__mark{display:grid;place-items:center;width:45px;height:45px;overflow:hidden;border:1px solid #f2ced4;border-radius:14px;background:linear-gradient(145deg,#fff5f4,#ffe8dd);box-shadow:0 6px 14px rgba(147,23,46,.11)}.store-brand__mark img{width:100%;height:100%;object-fit:contain}.store-brand__mark i{color:#ba203d;font-size:21px}.store-brand__copy{display:grid;gap:2px}.store-brand__copy strong{color:#3a2830;font-size:15px}.store-brand__copy small{color:#9a858a;font-size:9px}.store-header__search .dk-search{width:100%;max-width:none}.store-header__search .dk-search form{position:relative}.store-header__search .dk-search input{height:43px;box-sizing:border-box;padding:9px 47px 9px 15px;border-color:#eadde0;border-radius:11px;background:#fcfafb;font:12px IRANSans,Tahoma,sans-serif}.store-header__search .dk-search input:focus{border-color:#c92843;box-shadow:0 0 0 4px rgba(201,40,67,.09);background:#fff}.store-header__search .dk-search button{right:5px;width:34px;height:33px;padding:0;border-radius:8px;background:#c92843}.store-header__actions{display:flex;align-items:center;gap:9px}.store-login,.store-cart,.store-account__trigger{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:0 12px;border:1px solid #eadde0;border-radius:9px;background:#fff;color:#4b3a42!important;font:11px IRANSans,Tahoma,sans-serif;text-decoration:none!important;cursor:pointer;white-space:nowrap}.store-login:hover,.store-account__trigger:hover{border-color:#d86a78;background:#fff7f8;color:#b51e39!important}.store-cart{border-color:#bf2540;background:linear-gradient(110deg,#b81d39,#dc514e);color:#fff!important;box-shadow:0 6px 13px rgba(187,31,57,.19)}.store-cart:hover{color:#fff!important;transform:translateY(-1px)}.store-account{position:relative}.store-account__menu{position:absolute;top:calc(100% + 8px);left:0;width:190px;padding:7px;border:1px solid #eee2e5;border-radius:11px;background:#fff;box-shadow:0 14px 30px rgba(53,29,36,.14);opacity:0;visibility:hidden;transform:translateY(-5px);transition:.18s;z-index:10}.store-account.is-open .store-account__menu{opacity:1;visibility:visible;transform:none}.store-account__menu a{display:flex;align-items:center;gap:8px;padding:9px;border-radius:7px;color:#55464c!important;font-size:11px;text-decoration:none}.store-account__menu a:hover{background:#fff2f4;color:#b51e39!important}.store-nav{border-top:1px solid #f3eaec;background:#fff}.store-nav__inner{display:flex;align-items:center;gap:17px;min-height:47px}.store-nav .dk-category-btn{min-height:34px;padding:0 13px;border-radius:8px;background:#2d3037;font:700 11px IRANSans,Tahoma,sans-serif}.store-nav .dk-category-btn:hover{background:#c12640;box-shadow:none;transform:none}.store-nav .dk-mega-menu{top:calc(100% + 8px);right:0;width:270px;border:1px solid #eddee1;border-radius:11px;box-shadow:0 15px 32px rgba(54,27,35,.14)}.store-nav .dk-mega-list li a{padding:9px 13px;font-size:11px}.store-nav__links{display:flex;align-items:center;gap:3px}.store-nav__links a{padding:7px 10px;border-radius:7px;color:#61535a!important;font-size:11px;text-decoration:none}.store-nav__links a:hover,.store-nav__links .is-active{color:#b51e39!important;background:#fff2f4}.store-nav__links i{margin-left:3px}.store-nav__support{margin-right:auto;color:#82747b;font-size:10px}.store-nav__support i{color:#d65a44;margin-left:5px}@media(max-width:900px){.store-header__main{grid-template-columns:auto 1fr auto;gap:14px}.store-brand__copy small{display:none}.store-nav__support{display:none}.store-account__trigger span{display:none}}@media(max-width:680px){.store-header{position:relative}.store-header__notice .container{justify-content:center}.store-header__notice span:not(:first-child),.store-header__notice a{display:none}.store-header__main{grid-template-columns:auto 1fr;min-height:auto;padding-top:10px;padding-bottom:10px}.store-header__search{grid-column:1/-1;grid-row:2}.store-header__actions{margin-right:auto}.store-login span,.store-cart span{display:none}.store-login,.store-cart,.store-account__trigger{width:39px;padding:0}.store-nav__links{overflow:auto;white-space:nowrap}.store-nav__links a{font-size:10px}.store-nav__inner{gap:7px}.store-brand__mark{width:39px;height:39px}.store-brand__copy strong{font-size:12px}}

/* ===== header-notice-pattern.css ===== */
.store-header__notice {
    position: relative;
    overflow: hidden;
    background: linear-gradient(100deg, #620d28, #9f1739 48%, #cf493c) !important;
}

.store-header__notice::before {
    position: absolute;
    inset: 0;
    background:
        repeating-linear-gradient(128deg, transparent 0 56px, rgba(255, 222, 177, .16) 57px 73px, transparent 74px 146px),
        repeating-linear-gradient(128deg, transparent 0 215px, rgba(63, 5, 27, .22) 216px 244px, transparent 245px 430px);
    content: "";
}

.store-header__notice .container {
    position: relative;
    z-index: 1;
}

.store-header__notice span,
.store-header__notice a {
    color: #fff5e7 !important;
    text-shadow: 0 1px 2px rgba(55, 4, 20, .2);
}

/* ===== product-availability-badges.css ===== */
.home-product-card__price .home-product-card__unavailable {
    margin-right: auto;
    padding: 5px 10px;
    border: 1px solid rgba(175, 36, 61, .16);
    border-radius: 9px;
    background: #fff0f2;
    color: #a9253f !important;
    font-size: 11px;
    font-weight: 800 !important;
}

/* ===== nakhlistan-page-progress.css ===== */
.nakhlistan-page-progress {
    position: fixed;
    inset: 0;
    z-index: 10050;
    display: grid;
    place-items: center;
    visibility: hidden;
    background: rgba(255, 252, 247, .72);
    opacity: 0;
    backdrop-filter: blur(7px);
    transition: opacity .18s ease, visibility .18s ease;
    pointer-events: none;
}

.nakhlistan-page-progress.is-active {
    visibility: visible;
    opacity: 1;
}

.nakhlistan-page-progress__card {
    width: min(310px, calc(100% - 48px));
    padding: 22px 24px;
    border: 1px solid rgba(138, 27, 57, .18);
    border-radius: 20px;
    background:
        repeating-linear-gradient(128deg, transparent 0 32px, rgba(211, 99, 62, .06) 33px 40px, transparent 41px 80px),
        rgba(255, 255, 255, .94);
    box-shadow: 0 22px 55px rgba(85, 21, 41, .2);
    text-align: center;
}

.nakhlistan-page-progress__mark {
    display: grid;
    place-items: center;
    width: 43px;
    height: 43px;
    margin: 0 auto 9px;
    border-radius: 14px;
    background: linear-gradient(135deg, #7b112d, #c32c43 62%, #df7845);
    color: #ffe6ba;
    font-size: 19px;
    box-shadow: 0 8px 18px rgba(148, 31, 55, .24);
}

.nakhlistan-page-progress strong {
    display: block;
    color: #5c2031;
    font-size: 13px;
}

.nakhlistan-page-progress small {
    display: block;
    margin-top: 4px;
    color: #9e747d;
    font-size: 10px;
}

.nakhlistan-page-progress__track {
    height: 7px;
    margin-top: 16px;
    overflow: hidden;
    border-radius: 99px;
    background: #f4e6e7;
}

.nakhlistan-page-progress__bar {
    width: 32%;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, #83152f, #d54743, #f0a052);
    animation: nakhlistan-progress 1.25s ease-in-out infinite;
}

@keyframes nakhlistan-progress {
    0% { width: 9%; transform: translateX(0); }
    65% { width: 76%; transform: translateX(0); }
    100% { width: 76%; transform: translateX(-14px); }
}

/* ===== auth-premium.css ===== */
/* Nakhlistan authentication experience */
.nx-auth-container {
    position: relative;
    isolation: isolate;
    min-height: 100vh;
    padding: 56px 20px !important;
    overflow: hidden;
    background:
        radial-gradient(circle at 12% 12%, rgba(239, 166, 72, .22), transparent 24rem),
        radial-gradient(circle at 88% 88%, rgba(133, 20, 49, .18), transparent 28rem),
        linear-gradient(135deg, #fffaf5 0%, #f7eeee 48%, #fff8f1 100%);
}

.nx-auth-container::before,
.nx-auth-container::after {
    content: "";
    position: absolute;
    z-index: -1;
    width: 310px;
    height: 310px;
    border: 1px solid rgba(126, 19, 48, .12);
    border-radius: 42% 58% 61% 39% / 47% 41% 59% 53%;
    transform: rotate(27deg);
}

.nx-auth-container::before { top: -145px; right: -100px; }
.nx-auth-container::after { bottom: -165px; left: -100px; }

.nx-auth-card,
.nx-auth-box {
    position: relative;
    width: min(100%, 460px) !important;
    max-width: 460px !important;
    padding: 36px 38px !important;
    border: 1px solid rgba(126, 19, 48, .12);
    border-radius: 28px !important;
    background: rgba(255, 255, 255, .9) !important;
    box-shadow: 0 24px 70px rgba(67, 22, 35, .15), 0 4px 14px rgba(67, 22, 35, .06);
    backdrop-filter: blur(12px);
}

.nx-auth-card::before,
.nx-auth-box::before {
    content: "";
    position: absolute;
    top: 0;
    right: 42px;
    left: 42px;
    height: 4px;
    border-radius: 0 0 999px 999px;
    background: linear-gradient(90deg, #8a1738, #d2444e 52%, #ec9b40);
}

.login-store-title {
    margin: 0 0 8px !important;
    color: #6d1632 !important;
    font-size: 1.5rem !important;
    font-weight: 800 !important;
    letter-spacing: -.5px;
}

.nx-auth-logo { margin: 6px 0 16px !important; }
.nx-auth-logo img {
    width: 82px !important;
    height: 82px !important;
    max-height: 82px !important;
    padding: 7px;
    object-fit: contain;
    border: 1px solid rgba(139, 23, 55, .14);
    border-radius: 23px;
    background: linear-gradient(145deg, #fff, #fff4ed);
    box-shadow: 0 10px 22px rgba(123, 20, 47, .12);
}

.nx-auth-title {
    margin: 0 0 9px !important;
    color: #421225 !important;
    font-size: 1.34rem !important;
    font-weight: 800 !important;
    line-height: 1.7;
}

.nx-auth-subtitle,
.nx-auth-hint {
    color: #76626a !important;
    font-size: .9rem !important;
    line-height: 2 !important;
}

.nx-auth-label,
.nx-auth-field label {
    color: #53152a !important;
    font-weight: 700;
}

.nx-auth-input {
    box-sizing: border-box;
    width: 100% !important;
    min-height: 52px;
    padding: 12px 16px !important;
    color: #36121f;
    border: 1px solid #ead8dc !important;
    border-radius: 14px !important;
    background: #fffdfc !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.8);
    transition: border-color .2s, box-shadow .2s, background .2s;
}

.nx-auth-input:focus {
    border-color: #aa2348 !important;
    background: #fff !important;
    box-shadow: 0 0 0 4px rgba(170, 35, 72, .11) !important;
}

.nx-auth-btn,
.nx-auth-btn-primary {
    min-height: 52px;
    border: 0 !important;
    border-radius: 14px !important;
    background: linear-gradient(112deg, #7d1635, #ba2947 57%, #d85c43) !important;
    box-shadow: 0 11px 20px rgba(136, 24, 55, .23);
    font-family: inherit;
    font-weight: 800;
    transition: transform .2s, box-shadow .2s, filter .2s;
}

.nx-auth-btn:hover,
.nx-auth-btn-primary:hover {
    transform: translateY(-2px);
    filter: saturate(1.08);
    box-shadow: 0 15px 25px rgba(136, 24, 55, .3);
}

.nx-auth-btn-secondary {
    color: #7a1834 !important;
    border: 1px solid #e6c3cb !important;
    background: linear-gradient(112deg, #fff8f3, #fff) !important;
    box-shadow: none !important;
}

.nx-auth-btn-secondary:hover {
    color: #fff !important;
    background: linear-gradient(112deg, #9b1d40, #cf4a47) !important;
}

.nx-auth-btn-disabled {
    color: #9c8b90 !important;
    background: #eee8e7 !important;
    box-shadow: none !important;
}

.nx-auth-error {
    margin: 14px 0 !important;
    padding: 12px 14px !important;
    color: #941d39 !important;
    border: 1px solid #f0c6cf;
    border-right: 4px solid #c62d4b;
    border-radius: 12px !important;
    background: #fff2f4 !important;
}

.nx-auth-footer {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    flex-wrap: wrap;
}

.nx-auth-back,
.nx-auth-resend-btn,
.nx-auth-footer a {
    color: #971d3e !important;
    font-family: inherit;
    font-weight: 700;
}

.nx-auth-resend-btn {
    padding: 7px 10px !important;
    border: 0 !important;
    border-bottom: 1px dashed currentColor !important;
    background: transparent !important;
}

.otp-boxes { gap: 9px !important; justify-content: center; }
.otp-cell .otp-digit {
    width: 45px !important;
    height: 55px !important;
    color: #7e1738 !important;
    border: 1px solid #ead4da !important;
    border-radius: 13px !important;
    background: #fffdfc;
    font-weight: 800;
    font-size: 1.25rem;
}
.otp-cell .otp-digit:focus {
    border-color: #aa2348 !important;
    box-shadow: 0 0 0 4px rgba(170,35,72,.11);
    outline: 0;
}
.otp-timer-circle { filter: drop-shadow(0 8px 16px rgba(121, 22, 49, .12)); }
.otp-timer-progress { stroke: #a72247 !important; }
.otp-resend button {
    color: #8d1a3b !important;
    border-color: #dfb7c2 !important;
    border-radius: 10px;
    font-family: inherit;
}

.profile-page .password-form {
    padding: 24px;
    border: 1px solid #f0e0e1;
    border-radius: 18px;
    background: linear-gradient(145deg, #fff, #fffaf8);
}
.profile-page .password-form input {
    min-height: 46px;
    border: 1px solid #e7d3d6;
    border-radius: 11px;
}
.profile-page .button-edit-profile {
    border-radius: 12px;
    background: linear-gradient(112deg, #811735, #c73749, #db7540);
}

@media (max-width: 560px) {
    .nx-auth-container { padding: 28px 14px !important; }
    .nx-auth-card, .nx-auth-box { padding: 30px 20px !important; border-radius: 22px !important; }
    .otp-boxes { gap: 5px !important; }
    .otp-cell .otp-digit { width: min(13vw, 43px) !important; height: 52px !important; }
}

/* ===== product-pages-premium.css ===== */
/* Product catalog: responsive filters, sorting, cards, and pagination. */
.catalog-page {
    --catalog-ink: #3d1a28;
    --catalog-muted: #79616a;
    --catalog-line: #eedfe0;
    --catalog-surface: #ffffff;
    --catalog-soft: #fff8f6;
    --catalog-primary: #8a1939;
    --catalog-accent: #d66a42;
    padding-block: 28px 56px;
}

.catalog-page *,
.catalog-page *::before,
.catalog-page *::after {
    box-sizing: border-box;
}

.catalog-page__hero {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    min-height: 156px;
    margin-bottom: 24px;
    padding: 29px clamp(22px, 3vw, 38px);
    overflow: hidden;
    border: 1px solid #f0dfe0;
    border-radius: 24px;
    background:
        radial-gradient(circle at 9% 0%, rgba(220, 120, 70, .14), transparent 28%),
        radial-gradient(circle at 90% 100%, rgba(133, 23, 55, .1), transparent 31%),
        linear-gradient(125deg, #fffdfc, #fff7f5);
    box-shadow: 0 15px 36px rgba(77, 23, 39, .07);
}

.catalog-page__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin-bottom: 7px;
    color: var(--catalog-primary);
    font-size: .78rem;
    font-weight: 800;
}

.catalog-page__hero h1,
.catalog-page__hero p,
.catalog-filter-form h2,
.catalog-filter-form p,
.catalog-results__summary h2,
.catalog-results__summary span,
.catalog-empty-results h3,
.catalog-empty-results p {
    margin: 0;
}

.catalog-page__hero h1 {
    color: var(--catalog-ink);
    font-size: clamp(1.45rem, 2.5vw, 2rem);
    font-weight: 900;
    line-height: 1.5;
}

.catalog-page__hero p {
    max-width: 650px;
    margin-top: 7px;
    color: var(--catalog-muted);
    font-size: .91rem;
    line-height: 2;
}

.catalog-page__count {
    display: grid;
    flex: 0 0 auto;
    min-width: 128px;
    padding: 16px 20px;
    border: 1px solid #f1d8dc;
    border-radius: 17px;
    background: rgba(255, 255, 255, .8);
    box-shadow: 0 8px 19px rgba(111, 33, 54, .06);
    text-align: center;
}

.catalog-page__count strong {
    color: var(--catalog-primary);
    font-size: 1.35rem;
    font-weight: 900;
    line-height: 1.3;
}

.catalog-page__count span {
    margin-top: 4px;
    color: var(--catalog-muted);
    font-size: .73rem;
    font-weight: 700;
}

.catalog-page__layout {
    display: grid;
    grid-template-columns: minmax(238px, 272px) minmax(0, 1fr);
    gap: 24px;
    align-items: start;
}

.catalog-filters {
    position: sticky;
    top: 148px;
    min-width: 0;
}

.catalog-filter-form {
    display: grid;
    gap: 18px;
    padding: 22px;
    border: 1px solid rgba(117, 25, 49, .12);
    border-top: 4px solid var(--catalog-primary);
    border-radius: 20px;
    background: rgba(255, 255, 255, .97);
    box-shadow: 0 12px 34px rgba(63, 20, 31, .07);
}

.catalog-filter-form__head {
    display: flex;
    align-items: center;
    gap: 11px;
    padding-bottom: 15px;
    border-bottom: 1px solid var(--catalog-line);
}

.catalog-filter-form__icon {
    display: grid;
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    place-items: center;
    border-radius: 12px;
    color: #fff;
    background: linear-gradient(135deg, var(--catalog-primary), #bb3a4d 62%, var(--catalog-accent));
    box-shadow: 0 7px 14px rgba(136, 25, 55, .18);
}

.catalog-filter-form h2 {
    color: var(--catalog-ink);
    font-size: 1rem;
    font-weight: 900;
}

.catalog-filter-form p {
    margin-top: 3px;
    color: var(--catalog-muted);
    font-size: .72rem;
}

.catalog-search-field {
    display: grid;
    gap: 8px;
    color: #654c55;
    font-size: .8rem;
    font-weight: 800;
}

.catalog-search-field__control {
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: 46px;
    padding: 0 12px;
    border: 1px solid #eadadd;
    border-radius: 13px;
    background: #fffdfc;
    transition: border-color .2s ease, box-shadow .2s ease, background .2s ease;
}

.catalog-search-field__control:focus-within {
    border-color: #b94a60;
    background: #fff;
    box-shadow: 0 0 0 4px rgba(160, 36, 67, .09);
}

.catalog-search-field__control i {
    color: #aa5265;
    font-size: .95rem;
}

.catalog-search-field input {
    width: 100%;
    min-width: 0;
    border: 0;
    outline: 0;
    color: var(--catalog-ink);
    background: transparent;
    font: inherit;
}

.catalog-search-field input::placeholder {
    color: #b09da2;
    font-weight: 500;
}

.catalog-filter-toggle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 13px;
    border: 1px solid #f0e0e2;
    border-radius: 14px;
    background: var(--catalog-soft);
    cursor: pointer;
}

.catalog-filter-toggle > span:first-child {
    display: grid;
    gap: 3px;
}

.catalog-filter-toggle strong {
    color: #572238;
    font-size: .82rem;
}

.catalog-filter-toggle small {
    color: var(--catalog-muted);
    font-size: .69rem;
    line-height: 1.6;
}

.catalog-switch {
    position: relative;
    display: inline-flex;
    width: 42px;
    height: 24px;
    flex: 0 0 42px;
}

.catalog-switch input {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
}

.catalog-switch > span {
    width: 100%;
    height: 100%;
    border-radius: 999px;
    background: #d8cbd0;
    cursor: pointer;
    transition: background .2s ease;
}

.catalog-switch > span::after {
    content: "";
    position: absolute;
    top: 3px;
    right: 3px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 2px 5px rgba(54, 17, 29, .18);
    transition: transform .2s ease;
}

.catalog-switch input:checked + span {
    background: linear-gradient(90deg, var(--catalog-primary), var(--catalog-accent));
}

.catalog-switch input:checked + span::after {
    transform: translateX(-18px);
}

.catalog-switch input:focus-visible + span {
    outline: 3px solid rgba(161, 39, 70, .24);
    outline-offset: 3px;
}

.catalog-filter-form__actions {
    display: grid;
    gap: 10px;
}

.catalog-filter-form__submit {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 44px;
    border: 0;
    border-radius: 12px;
    color: #fff;
    background: linear-gradient(112deg, #7f1633, #bd3548 61%, #d66a42);
    box-shadow: 0 9px 16px rgba(128, 22, 51, .18);
    font: inherit;
    font-size: .83rem;
    font-weight: 800;
    cursor: pointer;
    transition: transform .2s ease, box-shadow .2s ease;
}

.catalog-filter-form__submit:hover {
    transform: translateY(-2px);
    box-shadow: 0 13px 20px rgba(128, 22, 51, .24);
}

.catalog-filter-form__reset {
    color: #8e3450;
    font-size: .75rem;
    font-weight: 800;
    text-align: center;
    text-decoration: none;
}

.catalog-filter-form__reset:hover {
    color: #5f132c;
    text-decoration: underline;
}

.catalog-results {
    min-width: 0;
}

#products-results {
    display: grid;
    gap: 17px;
}

.catalog-results__toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px 22px;
    min-height: 86px;
    padding: 15px 18px;
    border: 1px solid rgba(117, 25, 49, .1);
    border-radius: 18px;
    background: rgba(255, 255, 255, .94);
    box-shadow: 0 10px 27px rgba(63, 20, 31, .06);
}

.catalog-results__summary {
    min-width: max-content;
}

.catalog-results__summary > span {
    color: #a45768;
    font-size: .72rem;
    font-weight: 800;
}

.catalog-results__summary h2 {
    margin-top: 2px;
    color: var(--catalog-ink);
    font-size: 1.02rem;
    font-weight: 900;
    line-height: 1.7;
}

.catalog-sort {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 9px;
    min-width: 0;
}

.catalog-sort__label {
    flex: 0 0 auto;
    color: #72535e;
    font-size: .75rem;
    font-weight: 800;
}

.catalog-sort__label i {
    margin-left: 4px;
    color: #a13450;
}

.catalog-sort__links {
    display: flex;
    gap: 6px;
    min-width: 0;
    padding: 2px;
    overflow-x: auto;
    scrollbar-width: thin;
}

.catalog-sort__link {
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    flex: 0 0 auto;
    padding: 0 10px;
    border: 1px solid transparent;
    border-radius: 10px;
    color: #765863;
    background: #fff8f6;
    font-size: .74rem;
    font-weight: 800;
    text-decoration: none;
    white-space: nowrap;
    transition: color .2s ease, border-color .2s ease, background .2s ease, box-shadow .2s ease;
}

.catalog-sort__link:hover,
.catalog-sort__link.is-active {
    border-color: #bd5b70;
    color: #fff;
    background: linear-gradient(112deg, #861736, #bd3c4a, #dc7642);
    box-shadow: 0 6px 13px rgba(132, 23, 53, .17);
}

.catalog-page .nn-products-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(205px, 1fr));
    gap: 16px;
    height: auto;
    margin: 0;
    padding: 0;
    list-style: none;
    justify-items: stretch;
}

.catalog-page .nn-product-card {
    position: relative;
    display: block;
    min-width: 0;
    min-height: 352px;
    overflow: hidden;
    border: 1px solid #efe0e2;
    border-radius: 18px;
    background: var(--catalog-surface);
    box-shadow: 0 7px 20px rgba(70, 20, 34, .055);
    transition: transform .24s ease, box-shadow .24s ease, border-color .24s ease;
}

.catalog-page .nn-product-card:hover,
.catalog-page .nn-product-card:focus-within {
    z-index: 1;
    transform: translateY(-5px);
    border-color: #dca8b4;
    box-shadow: 0 17px 31px rgba(78, 20, 39, .14);
}

.catalog-page .nn-product-card__link {
    display: flex;
    width: 100%;
    height: 100%;
    min-height: inherit;
    flex-direction: column;
    color: inherit;
    text-decoration: none;
}

.catalog-page .nn-product-image {
    position: relative;
    display: grid;
    width: 100%;
    min-height: 0;
    padding-top: 0;
    aspect-ratio: 1 / .8;
    place-items: center;
    overflow: hidden;
    background: radial-gradient(circle at 50% 28%, #fff, #fff8f4 70%, #f7ecea);
}

.catalog-page .nn-product-image img {
    position: relative;
    top: auto;
    left: auto;
    display: block;
    width: 100%;
    height: 100%;
    padding: 16px;
    object-fit: contain;
    transition: transform .35s ease;
}

.catalog-page .nn-product-card:hover .nn-product-image img,
.catalog-page .nn-product-card:focus-within .nn-product-image img {
    transform: scale(1.045);
}

.nn-product-image__placeholder {
    display: grid;
    width: 100%;
    height: 100%;
    place-items: center;
    align-content: center;
    gap: 8px;
    color: #a58d95;
    font-size: .76rem;
    font-weight: 700;
}

.nn-product-image__placeholder i {
    font-size: 1.9rem;
    color: #c9adb3;
}

.catalog-page .nn-product-badges {
    position: absolute;
    z-index: 2;
    top: 11px;
    right: 11px;
    left: 11px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 6px;
    pointer-events: none;
}

.catalog-page .nn-badge {
    position: static;
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    padding: 3px 8px;
    border: 1px solid rgba(255, 255, 255, .4);
    border-radius: 8px;
    color: #fff;
    box-shadow: 0 4px 10px rgba(76, 22, 39, .13);
    font-size: .66rem;
    font-weight: 900;
    line-height: 1;
}

.catalog-page .nn-badge--featured {
    background: #962044;
}

.catalog-page .nn-badge--sale {
    background: linear-gradient(110deg, #d45b3e, #b62543);
}

.catalog-page .nn-product-card__action {
    position: absolute;
    right: 12px;
    bottom: 12px;
    left: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-height: 36px;
    padding: 0 10px;
    border-radius: 10px;
    color: #fff;
    background: rgba(102, 22, 44, .9);
    box-shadow: 0 7px 15px rgba(78, 18, 35, .2);
    font-size: .72rem;
    font-weight: 800;
    opacity: 0;
    transform: translateY(8px);
    transition: opacity .2s ease, transform .2s ease;
}

.catalog-page .nn-product-card:hover .nn-product-card__action,
.catalog-page .nn-product-card:focus-within .nn-product-card__action {
    opacity: 1;
    transform: translateY(0);
}

.catalog-page .nn-product-details-det {
    display: flex;
    min-height: 145px;
    flex: 1 1 auto;
    flex-direction: column;
    gap: 9px;
    padding: 14px 15px 16px;
}

.catalog-page .product-availability {
    display: inline-flex;
    align-items: center;
    align-self: flex-start;
    gap: 5px;
    min-height: 22px;
    padding: 3px 7px;
    border-radius: 7px;
    font-size: .66rem;
    font-weight: 800;
}

.catalog-page .product-availability.available {
    color: #197048;
    background: #edf9f1;
}

.catalog-page .product-availability.unavailable {
    color: #a44848;
    background: #fff0f0;
}

.catalog-page .nn-product-title {
    display: -webkit-box;
    min-height: 3.4em;
    overflow: hidden;
    color: var(--catalog-ink);
    font-size: .88rem;
    font-weight: 800;
    line-height: 1.72;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.catalog-page .nn-product-price-wrapper {
    display: flex;
    min-height: 39px;
    margin-top: auto;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
    gap: 2px;
}

.catalog-page .nn-product-price {
    color: var(--catalog-primary);
    font-size: 1rem;
    font-weight: 900;
    line-height: 1.45;
}

.catalog-page .nn-product-price small {
    font-size: .68rem;
    font-weight: 700;
}

.catalog-page .nn-product-old-price {
    color: #a9989d;
    font-size: .67rem;
    font-weight: 600;
    text-decoration-thickness: 1px;
}

.catalog-page .nn-product-price--pending {
    color: #826274;
    font-size: .78rem;
}

.catalog-page .nn-product-price--unavailable {
    color: #a46060;
    font-size: .8rem;
}

.catalog-page .nn-product-card--unavailable .nn-product-image img {
    opacity: .72;
    filter: grayscale(.22);
}

.catalog-empty-results {
    display: grid;
    min-height: 285px;
    grid-column: 1 / -1;
    place-items: center;
    align-content: center;
    gap: 8px;
    padding: 32px;
    border: 1px dashed #dbbac2;
    border-radius: 19px;
    background: #fffaf8;
    text-align: center;
}

.catalog-empty-results__icon {
    display: grid;
    width: 55px;
    height: 55px;
    place-items: center;
    border-radius: 17px;
    color: #a53250;
    background: #fff0ee;
    font-size: 1.35rem;
}

.catalog-empty-results h3 {
    color: var(--catalog-ink);
    font-size: 1rem;
    font-weight: 900;
}

.catalog-empty-results p {
    color: var(--catalog-muted);
    font-size: .8rem;
}

.catalog-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-top: 9px;
}

.catalog-pagination__pages {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.catalog-pagination__pages a,
.catalog-pagination__control,
.catalog-pagination__ellipsis {
    display: inline-flex;
    min-width: 38px;
    height: 38px;
    align-items: center;
    justify-content: center;
    border: 1px solid #ecdadd;
    border-radius: 10px;
    color: #713047;
    background: #fff;
    font-size: .78rem;
    font-weight: 800;
    text-decoration: none;
}

.catalog-pagination__control {
    gap: 5px;
    padding: 0 11px;
}

.catalog-pagination__pages a:hover,
.catalog-pagination__pages a.is-active,
.catalog-pagination__control:hover {
    border-color: var(--catalog-primary);
    color: #fff;
    background: var(--catalog-primary);
    box-shadow: 0 6px 12px rgba(135, 24, 54, .15);
}

.catalog-pagination__ellipsis {
    border-color: transparent;
    background: transparent;
}

.catalog-page a:focus-visible,
.catalog-page button:focus-visible,
.catalog-page input:focus-visible {
    outline: 3px solid rgba(165, 37, 70, .26);
    outline-offset: 3px;
}

@media (max-width: 1100px) {
    .catalog-page__layout {
        grid-template-columns: 238px minmax(0, 1fr);
        gap: 18px;
    }

    .catalog-page .nn-products-grid {
        grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
        gap: 14px;
    }

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

    .catalog-sort {
        width: 100%;
        justify-content: flex-start;
    }
}

@media (max-width: 900px) {
    .catalog-page__layout {
        grid-template-columns: 1fr;
    }

    .catalog-filters {
        position: static;
    }

    .catalog-filter-form {
        grid-template-columns: minmax(0, 1fr) minmax(220px, .9fr) auto;
        align-items: end;
        gap: 14px;
    }

    .catalog-filter-form__head {
        grid-column: 1 / -1;
    }

    .catalog-filter-form__actions {
        align-self: stretch;
    }

    .catalog-page .nn-products-grid {
        grid-template-columns: repeat(auto-fill, minmax(195px, 1fr));
    }
}

@media (max-width: 660px) {
    .catalog-page {
        padding-block: 18px 38px;
    }

    .catalog-page__hero {
        align-items: flex-start;
        min-height: 0;
        flex-direction: column;
        gap: 16px;
        margin-bottom: 17px;
        padding: 22px;
        border-radius: 19px;
    }

    .catalog-page__count {
        display: flex;
        width: 100%;
        align-items: baseline;
        justify-content: center;
        gap: 7px;
        padding: 11px 15px;
    }

    .catalog-page__count span {
        margin: 0;
    }

    .catalog-filter-form {
        grid-template-columns: 1fr;
        padding: 18px;
    }

    .catalog-filter-form__head {
        grid-column: auto;
    }

    .catalog-filter-form__actions {
        grid-template-columns: 1fr auto;
        align-items: center;
    }

    .catalog-filter-form__reset {
        text-align: left;
    }

    .catalog-results__toolbar {
        gap: 13px;
        padding: 15px;
        border-radius: 15px;
    }

    .catalog-sort {
        align-items: flex-start;
        flex-direction: column;
        gap: 7px;
    }

    .catalog-sort__links {
        width: 100%;
        padding-bottom: 3px;
    }

    .catalog-page .nn-products-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 11px;
    }

    .catalog-page .nn-product-card {
        min-height: 315px;
        border-radius: 14px;
    }

    .catalog-page .nn-product-image {
        aspect-ratio: 1 / .88;
    }

    .catalog-page .nn-product-image img {
        padding: 10px;
    }

    .catalog-page .nn-product-details-det {
        min-height: 129px;
        gap: 7px;
        padding: 11px;
    }

    .catalog-page .nn-product-title {
        font-size: .77rem;
    }

    .catalog-page .nn-product-price {
        font-size: .84rem;
    }

    .catalog-page .nn-product-card__action {
        right: 8px;
        bottom: 8px;
        left: 8px;
        min-height: 31px;
        font-size: .64rem;
        opacity: 1;
        transform: none;
    }

    .catalog-page .nn-product-badges {
        top: 8px;
        right: 8px;
        left: 8px;
    }

    .catalog-page .nn-badge {
        min-height: 20px;
        padding: 3px 6px;
        font-size: .57rem;
    }

    .catalog-pagination {
        gap: 5px;
    }

    .catalog-pagination__control span {
        display: none;
    }

    .catalog-pagination__control {
        min-width: 38px;
        padding: 0;
    }
}

@media (max-width: 390px) {
    .catalog-page.container {
        padding-right: 10px;
        padding-left: 10px;
    }

    .catalog-page .nn-products-grid {
        gap: 8px;
    }

    .catalog-page .nn-product-details-det {
        padding: 9px;
    }

    .catalog-page .product-availability {
        padding: 2px 5px;
        font-size: .58rem;
    }

    .catalog-page .nn-product-card__action {
        font-size: .58rem;
    }
}

.product-detail {
    margin-top: 40px !important;
    margin-bottom: 46px;
}
.product-detail__wrapper {
    gap: 24px !important;
    align-items: flex-start !important;
}
.product-gallery,
.product-info {
    border-radius: 23px !important;
}
.product-gallery {
    position: sticky;
    top: 20px;
    overflow: hidden;
    padding: 18px !important;
}
.product-gallery__main {
    display: grid;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    aspect-ratio: 1 / .88;
    place-items: center;
    overflow: hidden;
    border: 1px solid #f1e4e3;
    border-radius: 18px;
    background: radial-gradient(circle at 50% 28%, #fff, #fff8f4 68%, #f5e7e6);
}
.product-gallery__main img {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: 100% !important;
    max-height: none !important;
    object-fit: contain !important;
    padding: 16px;
}
.product-gallery__thumbs { padding: 3px; overflow-x: auto; }
.product-gallery__thumb img {
    width: 66px !important;
    height: 66px !important;
    border: 1px solid #ecd9dc;
    background: #fff9f6;
}
.product-gallery__thumb img.is-active { outline-color: #a52347 !important; }
.thumb-nav {
    color: #831937 !important;
    border-color: #edd4d9 !important;
    background: #fffaf8 !important;
}

.product-info { padding: 29px !important; }
.product-header-container {
    padding-bottom: 17px;
    border-bottom: 1px solid #f0e1e1;
}
.product-info__title {
    color: #3e1122 !important;
    font-size: clamp(1.35rem, 2vw, 1.8rem) !important;
    font-weight: 800 !important;
    line-height: 1.85 !important;
}
.product-info__meta { margin-top: 12px; color: #79646c !important; line-height: 2; }
.wishlist-button {
    border: 0 !important;
    background: transparent !important;
}
.wishlist-button:hover,
.wishlist-button.is-active { background: transparent !important; }
.price-actions-wrapper {
    margin-top: 23px;
    padding: 18px;
    border-radius: 17px;
    background: linear-gradient(120deg, #fff3ef, #fffaf6);
}
.product-price__current {
    color: #8e1b3c !important;
    font-size: clamp(1.3rem, 2vw, 1.7rem) !important;
    font-weight: 900 !important;
}
.product-price__badge {
    border-radius: 9px !important;
    background: #b12545 !important;
}
.product-actions__add,
.add-to-cart-button {
    border-radius: 13px !important;
    background: linear-gradient(112deg, #7d1634, #bb3048 60%, #d56540) !important;
    box-shadow: 0 10px 18px rgba(131, 22, 52, .2);
}
.product-actions__add.is-disabled {
    background: #dfd8d6 !important;
    box-shadow: none;
}
.product-attributes {
    margin-top: 24px;
    border-top: 1px solid #f0e0df;
    padding-top: 17px;
}
.product-attributes li {
    padding: 10px 12px !important;
    border-radius: 10px;
}
.product-attributes li:nth-child(odd) { background: #fff8f5; }
.product-attributes li span:first-child { color: #7a233b; font-weight: 800; }

.product-description,
.related-products {
    margin-top: 26px !important;
    padding: 26px !important;
    border-radius: 21px !important;
}
.product-description h3,
.related-products__title {
    position: relative;
    padding-right: 13px;
    color: #4e1328 !important;
    font-size: 1.2rem !important;
}
.product-description h3::before,
.related-products__title::before {
    content: "";
    position: absolute;
    top: .2em;
    right: 0;
    width: 4px;
    height: 1.4em;
    border-radius: 4px;
    background: linear-gradient(#8c193a, #df8441);
}
.product-description p { color: #5e4b51; line-height: 2.35; }
.related-product-card {
    border: 1px solid #f0e0e1;
    border-radius: 16px !important;
    overflow: hidden;
    box-shadow: 0 6px 18px rgba(79, 21, 39, .05);
}
.related-product-card__image { background: #fff8f5; }
.related-product-card__image img { object-fit: contain !important; }
.related-product-card__title { color: #4b1729 !important; font-weight: 800; }
.related-product-card__price { color: #921d3e !important; font-weight: 800; }

@media (max-width: 900px) {
    .product-gallery { position: static; }
}
@media (max-width: 640px) {
    .nn-products-section { padding-inline: 12px !important; }
    .nn-listing-header { padding: 12px; }
    .nn-sort li:first-child { width: 100%; }
    .product-info, .product-description, .related-products { padding: 19px !important; }
    .product-gallery__main { aspect-ratio: 1 / .95; }
}

/* ===== cart-premium.css ===== */
/* Cart page: responsive item cards, accessible tabs, and checkout summary. */
.cart-page {
    --cart-ink: #3f202c;
    --cart-muted: #806873;
    --cart-line: #ecdde0;
    --cart-soft: #fff8f6;
    --cart-accent: #a41e3d;
    --cart-accent-dark: #74152e;
    margin-top: 30px;
    margin-bottom: 52px;
    color: var(--cart-ink);
}

.cart-page *,
.cart-page *::before,
.cart-page *::after {
    box-sizing: border-box;
}

.cart-page__hero {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 25px 28px;
    border: 1px solid var(--cart-line);
    border-radius: 22px;
    background: radial-gradient(circle at 5% 8%, rgba(219, 109, 64, .15), transparent 30%), linear-gradient(125deg, #fffaf8, #fff);
    box-shadow: 0 15px 34px rgba(75, 22, 42, .07);
}

.cart-page__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin-bottom: 7px;
    color: #a85d40;
    font-size: .77rem;
    font-weight: 800;
}

.cart-page__hero h1,
.cart-page__hero p,
.cart-page__section-head h2,
.cart-page__section-head p,
.cart-empty h2,
.cart-empty p {
    margin: 0;
}

.cart-page__hero h1 {
    color: var(--cart-ink);
    font-size: clamp(1.35rem, 2.3vw, 1.85rem);
    font-weight: 900;
    line-height: 1.55;
}

.cart-page__hero p {
    margin-top: 5px;
    color: var(--cart-muted);
    font-size: .87rem;
    line-height: 1.9;
}

.cart-page__continue,
.cart-page__bulk-action,
.cart-summary__checkout,
.cart-item__save {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border: 0;
    font-family: inherit;
    font-weight: 800;
    text-decoration: none !important;
    transition: transform .18s ease, box-shadow .18s ease, background-color .18s ease;
}

.cart-page__continue {
    min-height: 44px;
    padding: 0 16px;
    border: 1px solid #dfbdc4;
    border-radius: 12px;
    background: #fff;
    color: #811a36 !important;
    font-size: .82rem;
    white-space: nowrap;
}

.cart-page__continue:hover,
.cart-item__save:hover {
    border-color: #be5c73;
    background: #fff3f4;
    color: #72152e !important;
}

.cart-page__tabs {
    display: flex;
    align-items: center;
    gap: 8px;
    width: fit-content;
    max-width: 100%;
    margin-top: 18px;
    padding: 7px;
    overflow-x: auto;
    border: 1px solid var(--cart-line);
    border-radius: 17px;
    background: #fff;
    box-shadow: 0 9px 24px rgba(78, 22, 42, .05);
    scrollbar-width: thin;
}

.cart-page__tab {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 45px;
    padding: 0 16px;
    border-radius: 12px;
    color: #735560 !important;
    font-size: .88rem;
    font-weight: 800;
    text-decoration: none !important;
    white-space: nowrap;
    transition: color .18s ease, background .18s ease, box-shadow .18s ease, transform .18s ease;
}

.cart-page__tab strong {
    display: inline-grid;
    min-width: 24px;
    height: 24px;
    padding: 0 7px;
    place-items: center;
    border-radius: 99px;
    background: #f3e7e9;
    color: #8a2741;
    font-size: .75rem;
}

.cart-page__tab:hover {
    background: #fff3f4;
    color: #811a36 !important;
}

.cart-page__tab.is-active,
.cart-page__tab[aria-selected="true"] {
    background: linear-gradient(115deg, var(--cart-accent-dark), #b82e48, #d96d41);
    color: #fff !important;
    box-shadow: 0 8px 17px rgba(135, 25, 54, .24);
}

.cart-page__tab.is-active strong,
.cart-page__tab[aria-selected="true"] strong {
    background: rgba(255, 255, 255, .23);
    color: #fff;
}

.cart-page__panel {
    margin-top: 22px;
}

.cart-page__panel[hidden] {
    display: none !important;
}

.cart-page__grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(300px, 358px);
    gap: 24px;
    align-items: start;
}

.cart-page__items {
    min-width: 0;
}

.cart-page__section-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 14px;
    padding: 18px 20px;
    border: 1px solid var(--cart-line);
    border-radius: 18px;
    background: #fff;
}

.cart-page__section-head h2 {
    color: var(--cart-ink);
    font-size: 1.05rem;
    font-weight: 900;
}

.cart-page__section-head p {
    margin-top: 4px;
    color: var(--cart-muted);
    font-size: .78rem;
    line-height: 1.7;
}

.cart-item-list {
    display: grid;
    gap: 14px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.cart-item {
    display: grid;
    grid-template-columns: 112px minmax(0, 1fr) minmax(130px, auto);
    gap: 18px;
    align-items: center;
    padding: 17px;
    border: 1px solid var(--cart-line);
    border-radius: 19px;
    background: linear-gradient(125deg, #fff, #fffaf8);
    box-shadow: 0 10px 25px rgba(74, 18, 37, .06);
}

.cart-item__media {
    display: grid;
    width: 112px;
    height: 112px;
    place-items: center;
    overflow: hidden;
    border: 1px solid #efdee1;
    border-radius: 15px;
    background: #fff;
}

.cart-item__media img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.cart-item__media-placeholder {
    display: grid;
    width: 100%;
    height: 100%;
    place-items: center;
    padding: 12px;
    color: #8b6872;
    background: linear-gradient(135deg, #fff8f8, #f7f1f2);
    font-size: .78rem;
    font-weight: 700;
    text-align: center;
}

.cart-item__main {
    min-width: 0;
}

.cart-item__main h3 {
    margin: 0;
    font-size: .98rem;
    font-weight: 900;
    line-height: 1.85;
}

.cart-item__main h3 a {
    color: var(--cart-ink) !important;
    text-decoration: none !important;
}

.cart-item__main h3 a:hover {
    color: var(--cart-accent) !important;
}

.cart-item__meta {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 13px;
    margin-top: 5px;
    color: var(--cart-muted);
    font-size: .76rem;
    line-height: 1.8;
}

.cart-item__meta i {
    margin-left: 3px;
    color: #b96b52;
}

.cart-item__availability {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-top: 8px;
    color: #9f2c42;
    font-size: .78rem;
    font-weight: 800;
}

.cart-item__actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    margin-top: 15px;
}

.cart-quantity {
    display: inline-flex;
    align-items: center;
    min-height: 38px;
    overflow: hidden;
    border: 1px solid #e7d3d8;
    border-radius: 11px;
    background: #fff;
}

.cart-quantity__button {
    display: grid;
    width: 38px;
    height: 38px;
    place-items: center;
    border-left: 1px solid #efdee1;
    color: #8e1d3b !important;
    text-decoration: none !important;
    transition: color .18s ease, background .18s ease;
}

.cart-quantity__button:last-child {
    border-right: 1px solid #efdee1;
    border-left: 0;
}

.cart-quantity__button:hover {
    background: #fff0f2;
    color: #74152e !important;
}

.cart-quantity__button--remove:hover {
    background: #fff0ef;
    color: #b34338 !important;
}

.cart-quantity__value {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 40px;
    min-height: 38px;
    padding: 0 9px;
    color: #522035;
    font-size: .83rem;
    font-weight: 900;
    white-space: nowrap;
}

.cart-item__save {
    min-height: 38px;
    padding: 0 11px;
    border: 1px solid #e2c7cd;
    border-radius: 10px;
    background: #fff;
    color: #811a36 !important;
    font-size: .74rem;
}

.cart-item__price {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    align-self: stretch;
    justify-content: center;
    min-width: 130px;
    padding-right: 17px;
    border-right: 1px solid #f0e2e3;
    text-align: left;
}

.cart-item__price > span {
    color: #8c727a;
    font-size: .69rem;
}

.cart-item__price strong {
    margin-top: 5px;
    color: #861b3a;
    font-size: 1rem;
    font-weight: 900;
    direction: ltr;
}

.cart-item__price small {
    margin-top: 2px;
    color: #8c727a;
    font-size: .69rem;
}

.cart-item__price.is-unavailable strong {
    color: #9d4051;
}

.cart-item--unavailable {
    background: #fffafa;
}

.cart-summary {
    min-width: 0;
    position: sticky;
    top: 170px;
}

.cart-summary__card {
    padding: 20px;
    border: 1px solid #e8d8dc;
    border-radius: 21px;
    background: linear-gradient(145deg, #fff, #fff7f4);
    box-shadow: 0 15px 33px rgba(74, 19, 37, .1);
}

.cart-summary__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    padding-bottom: 16px;
    border-bottom: 1px solid #efe1e3;
}

.cart-summary__head span {
    color: #aa624b;
    font-size: .7rem;
    font-weight: 800;
}

.cart-summary__head h2 {
    margin: 3px 0 0;
    color: var(--cart-ink);
    font-size: 1.02rem;
    font-weight: 900;
}

.cart-summary__head > i {
    display: grid;
    width: 42px;
    height: 42px;
    place-items: center;
    border-radius: 13px;
    background: #fff0ee;
    color: #a42544;
    font-size: 1.1rem;
}

.cart-summary .shipping-method-picker {
    margin-top: 17px;
}

.cart-summary .shipping-method-picker fieldset {
    min-width: 0;
    margin: 0;
    padding: 0;
    border: 0;
}

.cart-summary .shipping-method-picker legend {
    margin-bottom: 9px;
    color: #684852;
    font-size: .8rem;
    font-weight: 900;
}

.cart-summary .shipping-method-picker__options {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
}

.cart-summary .shipping-method-option {
    display: flex;
    align-items: center;
    gap: 7px;
    min-height: 39px;
    padding: 0 10px;
    border: 1px solid #e6d7da;
    border-radius: 10px;
    background: rgba(255, 255, 255, .8);
    color: #684852;
    font-size: .75rem;
    font-weight: 700;
    cursor: pointer;
    transition: border-color .18s ease, background .18s ease, color .18s ease;
}

.cart-summary .shipping-method-option:hover {
    border-color: #c88091;
}

.cart-summary .shipping-method-option input {
    width: 15px;
    height: 15px;
    margin: 0;
    accent-color: var(--cart-accent);
}

.cart-summary .shipping-method-option:has(input:checked) {
    border-color: #ad3854;
    background: #fff0f2;
    color: #801a36;
}

.cart-summary .shipping-method-option input:checked + span {
    color: #801a36;
    font-weight: 900;
}

.cart-summary .shipping-method-option.is-unavailable {
    opacity: .48;
    cursor: not-allowed;
}

.shipping-method-picker__status {
    min-height: 17px;
    margin-top: 7px;
    color: #8a604e;
    font-size: .7rem;
}

.cart-summary__totals {
    display: grid;
    gap: 0;
    margin: 17px 0 0;
    padding: 0;
    border-top: 1px solid #efe1e3;
}

.cart-summary__totals > div {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
    padding: 11px 0;
    border-bottom: 1px solid #f1e4e5;
}

.cart-summary__totals dt,
.cart-summary__totals dd {
    margin: 0;
}

.cart-summary__totals dt {
    color: #745b64;
    font-size: .77rem;
}

.cart-summary__totals dd {
    color: #512035;
    font-size: .79rem;
    font-weight: 900;
    text-align: left;
}

.cart-summary__totals .cart-summary__final {
    margin-top: 3px;
    padding: 14px 13px;
    border: 0;
    border-radius: 12px;
    background: #fff0ed;
}

.cart-summary__final dt {
    color: #6b1c34;
    font-size: .87rem;
    font-weight: 900;
}

.cart-summary__final dd {
    color: #861b3a;
    font-size: 1rem;
}

.cart-summary__final.is-disabled {
    opacity: .67;
    filter: grayscale(.2);
}

.new-shipping-price-muted {
    color: #95838a;
    font-weight: 700;
}

.cart-summary__note {
    margin: 13px 0 0;
    color: #907078;
    font-size: .73rem;
    line-height: 1.85;
}

.cart-summary__checkout {
    width: 100%;
    min-height: 49px;
    margin-top: 17px;
    padding: 0 15px;
    border-radius: 13px;
    background: linear-gradient(112deg, var(--cart-accent-dark), #b92e48, #d86d40);
    color: #fff !important;
    box-shadow: 0 10px 19px rgba(132, 22, 52, .22);
    font-size: .87rem;
    cursor: pointer;
}

.cart-summary__checkout:hover:not(.is-disabled) {
    transform: translateY(-2px);
    box-shadow: 0 13px 23px rgba(132, 22, 52, .29);
}

.cart-summary__checkout.is-disabled {
    border: 0;
    background: #d6cbcc;
    box-shadow: none;
    cursor: not-allowed;
}

.cart-summary__secure {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    margin-top: 13px;
    color: #877078;
    font-size: .7rem;
}

.cart-summary__secure i {
    color: #a85342;
}

.cart-page .shipping-error-box {
    margin-top: 12px;
    padding: 12px;
    border: 1px solid #eccbd0;
    border-radius: 12px;
    background: #fff5f5;
    color: #8f3545;
    font-size: .75rem;
    line-height: 1.85;
}

.cart-page .shipping-error-link {
    display: inline-flex;
    margin-top: 5px;
    color: #861b3a !important;
    font-weight: 900;
    text-decoration: underline !important;
}

.cart-page__section-head--action {
    align-items: center;
}

.cart-page__bulk-action {
    min-height: 40px;
    padding: 0 13px;
    border-radius: 11px;
    background: #fff1f3;
    color: #851b39 !important;
    font-size: .76rem;
    white-space: nowrap;
}

.cart-page__bulk-action:hover:not(.is-disabled) {
    background: #ffe4e8;
    color: #6f142c !important;
}

.cart-item--next {
    grid-template-columns: 112px minmax(0, 1fr) auto;
}

.cart-item__next-actions {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 10px;
    min-width: 155px;
}

.cart-item__next-actions .cart-quantity__value {
    min-height: 31px;
    border: 1px solid #ead9dc;
    border-radius: 9px;
    background: #fff;
    font-size: .76rem;
}

.cart-page .is-disabled {
    opacity: .52;
    pointer-events: none;
    filter: grayscale(.35);
}

.cart-empty {
    display: grid;
    justify-items: center;
    max-width: 610px;
    margin: 0 auto;
    padding: 52px 28px;
    border: 1px dashed #d9b4bd;
    border-radius: 22px;
    background: #fffaf8;
    text-align: center;
}

.cart-empty__icon {
    display: grid;
    width: 62px;
    height: 62px;
    margin-bottom: 15px;
    place-items: center;
    border-radius: 20px;
    background: #fff0ed;
    color: #ac3150;
    font-size: 1.55rem;
}

/* Prevent the legacy empty-cart pseudo icon from appearing over this new icon. */
.cart-page .cart-empty__icon::before,
.cart-page .cart-empty__icon::after {
    content: none;
    display: none;
}

.cart-empty h2 {
    color: var(--cart-ink);
    font-size: 1.15rem;
    font-weight: 900;
}

.cart-empty p {
    max-width: 420px;
    margin-top: 7px;
    color: var(--cart-muted);
    font-size: .84rem;
    line-height: 1.9;
}

.cart-empty .cart-summary__checkout {
    width: auto;
    min-width: 205px;
    margin-top: 20px;
}

.cart-page a:focus-visible,
.cart-page button:focus-visible,
.cart-page input:focus-visible {
    outline: 3px solid #155eef;
    outline-offset: 3px;
}

@media (max-width: 1100px) {
    .cart-page__grid {
        grid-template-columns: minmax(0, 1fr) 320px;
    }

    .cart-summary {
        top: 155px;
    }
}

@media (max-width: 920px) {
    .cart-page__grid {
        grid-template-columns: 1fr;
    }

    .cart-summary {
        position: static;
    }

    .cart-summary__card {
        max-width: none;
    }
}

@media (max-width: 680px) {
    .cart-page {
        margin-top: 16px;
        margin-bottom: 30px;
    }

    .cart-page__hero {
        align-items: flex-start;
        flex-direction: column;
        gap: 16px;
        padding: 21px;
        border-radius: 18px;
    }

    .cart-page__continue {
        width: 100%;
    }

    .cart-page__tabs {
        width: 100%;
        margin-top: 14px;
    }

    .cart-page__tab {
        min-height: 42px;
        padding: 0 13px;
        font-size: .8rem;
    }

    .cart-page__section-head {
        padding: 16px;
    }

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

    .cart-item,
    .cart-item--next {
        grid-template-columns: 88px minmax(0, 1fr);
        gap: 13px;
        padding: 13px;
        border-radius: 16px;
    }

    .cart-item__media {
        width: 88px;
        height: 88px;
        border-radius: 12px;
    }

    .cart-item__main h3 {
        font-size: .89rem;
    }

    .cart-item__meta {
        font-size: .7rem;
    }

    .cart-item__actions {
        gap: 8px;
        margin-top: 11px;
    }

    .cart-item__save {
        padding: 0 9px;
        font-size: .68rem;
    }

    .cart-item__price,
    .cart-item__next-actions {
        grid-column: 2;
        align-items: flex-start;
        min-width: 0;
        padding: 10px 0 0;
        border-top: 1px solid #f0e2e3;
        border-right: 0;
    }

    .cart-item__price {
        flex-direction: row;
        align-items: baseline;
        justify-content: flex-start;
        gap: 7px;
    }

    .cart-item__price strong {
        margin: 0;
    }

    .cart-item__price small {
        margin: 0;
    }

    .cart-item__next-actions {
        flex-direction: row;
        flex-wrap: wrap;
    }

    .cart-summary__card {
        padding: 17px;
        border-radius: 18px;
    }
}

@media (max-width: 420px) {
    .cart-page__hero {
        padding: 18px;
    }

    .cart-page__hero h1 {
        font-size: 1.25rem;
    }

    .cart-page__tab {
        gap: 6px;
        padding: 0 11px;
    }

    .cart-page__tab strong {
        min-width: 21px;
        height: 21px;
        padding: 0 5px;
    }

    .cart-page__section-head,
    .cart-summary__card {
        padding: 14px;
    }

    .cart-item,
    .cart-item--next {
        grid-template-columns: 1fr;
    }

    .cart-item__media {
        width: 100%;
        height: 170px;
    }

    .cart-item__price,
    .cart-item__next-actions {
        grid-column: auto;
    }

    .cart-summary .shipping-method-picker__options {
        grid-template-columns: 1fr;
    }

    .cart-page__bulk-action {
        width: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .cart-page *,
    .cart-page *::before,
    .cart-page *::after {
        scroll-behavior: auto !important;
        transition-duration: .01ms !important;
    }
}

/* ===== mediaq.css ===== */
@media only screen and (max-width:1150px) {
    .top-head .login-box {
        display: none
    }
    .comment-new .form-holder {
        flex-basis: 140%
    }
    .c-checkout-details__col--text,
    .wishlist-list .wishlist-item {
        flex-basis: 100%
    }
}

@media only screen and (max-width:1065px) {
    .main-slider {
        width: 100%;
        float: none;
    }
    .main-slider .slide-item {
        width: 100% !important;
    }
    .c-adplacement {
        flex-direction: row;
        margin-top: 15px;
    }
    .top-nav .promotion {
        display: none;
    }
    .top-nav .dropdown>li {
        padding-left: 20px
    }
    .main-cart .o-page__aside {
        flex-basis: 30%
    }
    .main-cart .o-page__content {
        flex-basis: 70%
    }
    .modal-checkout .group-input {
        flex-direction: column
    }
    .modal-checkout .foot {
        flex-wrap: wrap
    }
    .modal-checkout .foot button {
        flex-basis: 100%
    }
    .c-listing__items>li {
        flex-basis: 33.333%
    }
}

@media only screen and (max-width:980px) {
    .top-head form input {
        width: 350px
    }
    .footer-content {
        flex-wrap: wrap
    }
    .footer-content>div {
        flex-basis: 40%
    }
    .footer-content .head {
        margin-top: 10px
    }
    .c-product__attributes {
        flex-direction: column
    }
    .c-product__params {
        flex-basis: 100%
    }
    .profile-page .o-page__aside,
    .profile-page .o-page__content {
        flex-basis: 100%;
        padding: 0
    }
}

@media only screen and (max-width:950px) {
    .c-faq__answer-col {
        flex-basis: 100%;
        max-width: 100%;
        margin-bottom: 20px
    }
    .search .o-page__aside,
    .search .o-page__content {
        flex-basis: 100%;
        padding-right: 0
    }
    .c-table-suppliers__row .choose-variant {display: none}
}

@media only screen and (max-width:900px) {
    .c-content-expert__summary:after,
    .incredible .right {
        display: none
    }
    .c-content-expert__summary {
        padding: 0
    }
}

@media only screen and (max-width:872px) {
    .c-product__guaranteed,
    .top-head .login-box {
        display: none
    }
    .top-nav .dropdown>li {
        padding-left: 10px
    }
    .top-nav .promotion li {
        padding: 0
    }
    .c-product__headline {
        display: block
    }
    .comment-new .form-holder {
        flex-basis: 180%
    }
    .main-cart .o-page__content {
        padding-left: 0
    }
    .main-cart .o-page__aside,
    .main-cart .o-page__content {
        flex-basis: 100%
    }
    .main-cart .c-checkout-aside {
        margin: 0
    }
}

@media only screen and (max-width:835px) {
    .main-slider .slide-item {background-size: contain;height: 250px}

    .cart-sfl__links p {
        width: 85%;
    }
    .c-product {
        flex-direction: column-reverse
    }
}

@media only screen and (max-width:780px) {
    .comment-info {
        justify-content: flex-start
    }
    .comment-info img {
        height: 200px
    }
    .modal-checkout .container {
        padding: 30px 0!important
    }
    .user-main>div {
        flex-basis: 100%
    }
    .profile-page .o-page__content {
        padding: 0
    }
}

@media only screen and (max-width:768px) {
    .top-nav .dropdown > li {
        padding-left: 0;
    }
    .comment-new .form-holder .btn-link-spoiler,
    .top-head .cart .text,
    .top-head .cart-added:after {
        display: none;
        font-family: IRANSans; text-overflow: inherit;  width: 50%;  line-height: 39px;   font-size: .9em; font-weight: 500; font-style: normal;      direction: rtl;
        color: #515151;
    }
    .top-head .cart {
        width: 69px;
        font-family: IRANSans; text-overflow: inherit;  width: 50%;  line-height: 39px;   font-size: .9em; font-weight: 500; font-style: normal;      direction: rtl;
        color: #515151;
    }


    .top-head .cart .count {
        padding: 0 7px
    }
    .top-head .cart i {
        padding: 7px
    }
    .comment-new {
        flex-wrap: wrap
    }
}

@media only screen and (max-width:730px) {
    .c-comments__filter,
    .c-comments__list>li section,
    .c-comments__summary {
        flex-direction: column
    }
    .c-comments__list>li section .article,
    .c-comments__list>li section .aside,
    .c-comments__summary-box,
    .c-comments__summary-note {
        max-width: 100%
    }
    .c-comments__list>li section .aside>div:not(:first-of-type) {
        margin-top: 0
    }
}

@media only screen and (max-width:715px) {
    .c-box-tabs__tab a {
        font-size: 1em
    }
	/* index images */
	.image-row {
		flex-wrap: wrap;
	}
	.image-row > a {margin-top: 10px;width: 50%;}
}

@media only screen and (max-width:688px) {
    .top-head .logo {
        padding-right: 0
    }
    .top-head form input {
        width: 290px
    }
    .footer-contact {
        flex-wrap: wrap
    }
    .c-checkout__col--desc p {
        display: none
    }
}

@media only screen and (max-width:635px) {
    .incredible .counter {
        font-size: 1.1em
    }
    .incredible .counter .time {
        width: 100px;
        padding: 0
    }
    .incredible .discount-item .title {
        font-size: 1.5em;
        margin: 0
    }
    .incredible .discount-item .discount-label {
        width: 89px;
        height: 28px;
        font-size: 1.5em;
        margin-right: 5px
    }
    .incredible .discount-item img {
        height: 250px
    }
    .comment-info {
        flex-wrap: wrap
    }
    .comment--info {
        flex-basis: 100%
    }
}

@media only screen and (max-width:650px) {
    #mynavmenu {
        display: none
    }
    .slicknav_menu {
        display: block
    }
    .megamenu>li>a:before {
        content: ""
    }
    .megamenu {
        background-image: none
    }
    .megamenu>li>ul {
        padding-right: 0
    }
    .c-box--tabs {
        padding: 35px
    }
    .c-faq__filter-items li {
        margin: 0
    }
    .btn-add-comment {
        padding: 16px 105px 16px 10px;
        font-size: 1.5em
    }
    .c-faq__list>li {
        margin-right: 70px
    }
    .c-faq__list>li .section .header {
        font-size: 50px;
        width: 120px;
        margin-left: 0
    }
    .c-listing__items>li {
        flex-basis: 50%
    }
}

@media only screen and (min-width:651px) {
    .slicknav_menu {
        display: none
    }
    #mynavmenu {
        display: flex
    }
}

@media only screen and (max-width:590px) {
    .top-head {justify-content: space-around;}
    .top-head .devider {margin: 0;width: 0;height: 0}
	.top-head form input {width: 340px;}
	.top-head .cart {width: 50px;}
	.top-head .logo {margin-left: 8px;margin-right: 8px;padding-right: 0;}
    .top-head .cart .text ,.top-head .cart-added:after{display: inline;}
	
    .footer .icon {
        flex-wrap: wrap;
        justify-content: space-between
    }
    .c-checkout__col--thumb {
        flex: 0 0 21%
    }
    .c-checkout__col--desc {
        flex-basis: 78%
    }
}

@media only screen and (max-width:575px) {
    .c-box-tabs__tab a {
        padding: 12px 6px
    }
}
@media only screen and (max-width:550px) {
    .specials__title {display: none}
}


@media only screen and (max-width:530px) {
    .c-checkout__col--thumb a,
    .c-faq__list>li .section .header,
    .incredible .discount-item .attributes {
        display: none
    }
    .incredible .discount-item {
        flex-direction: column
    }
    .incredible .discount-item img {
        height: 130px
    }
    .incredible .discount-item .title {
        padding: 10px 0
    }
    .incredible .counter {
        padding: 15px 0
    }
    .incredible .discount-item .inc-bar {
        right: -20%
    }
    .incredible .discount-item .img {
        width: 330px
    }
    .c-params__list-key,
    .c-params__list-value {
        padding: 0;
        flex-basis: 100%
    }
    .c-params__list-key .block {
        font-weight: 400
    }
    .form-row {
        flex-direction: column
    }
    .c-faq__list>li {
        margin: 0
    }
    .c-checkout__col--information {
        flex-basis: 100%
    }
    .c-checkout-order-summary__col {
        flex-basis: 44%
    }
    .comment-item .content {
        flex-basis: 100%
    }
    .comment-item .body {
        padding: 15px 0
    }
}

@media only screen and (max-width:500px) {
    .modal-checkout {
        width: 95%;
        right: 6px
    }
    .c-checkout-table__col {
        flex-basis: 100%
    }
	.top-head form input {width: 280px;}
}

@media only screen and (max-width:470px) {
    .c-box-tabs__tab i,
    .c-product__feature,
    .c-product__unfair-price {
        display: none
    }
    .btn-add-to-cart {
        font-size: 1.4em
    }
    .c-gallery__img img {
        width: 85%;
        height: auto
    }
}

@media only screen and (max-width:450px) {
    article {
        margin: 0 !important;
        padding: 0 !important;
    }
    .c-gallery, .c-checkout__col--information, .c-checkout__col--message {
        display: block
    }
    .c-checkout__price {
        text-align: left;
        padding-left: 25px;
    }
    .c-checkout__to-shipping-price-report {display: none}
    .c-comments__evaluation-negative,
    .c-comments__evaluation-positive,
    c-comments__evaluation>div {
        display: block;
        max-width: 100%;
        flex: 0 0 100%
    }
    .c-comments__likes {
        display: flex;
        align-items: baseline;
        font-size: 1.3em
    }
    .c-comments__likes .btn-like {
        margin-right: 5px
    }
    .btn-order-traking {
        padding: 15px 130px 15px 34px
    }
}

@media only screen and (max-width:400px) {
    .account-box .register {
        width: 350px
    }
    .c-checkout-order-summary__col {
        flex-basis: 60%;
        margin-bottom: 10px
    }
    .c-checkout-details__title {
        font-size: 1.4rem
    }
    .c-listing__items>li {
        flex-basis: 100%
    }
    .c-table-suppliers__row {
        flex-direction: column;
        align-items: flex-start;
    }
    .c-table-suppliers__row > span {
        margin-right: 8px;
        margin-bottom: 14px;
        margin-top: 10px;
    }
    .c-table-suppliers__row > div { margin-right: 27px;}

	.c-swiper-specials--incredible .icontainer {width: 100% !important;}
	.specials__title {display:none}
	.swiper--specials {max-width: 100%}
	
	/* Search */
	.top-head form {display: unset;}
	.top-head .devider {margin: 0;width: 0;height: 0}
	.top-head .cart {width: 50px;}
	.top-head form input {width: 180px;}
	.top-head .logo {margin-left: 8px;margin-right: 8px;padding-right: 0;}
}

@media only screen and (max-width:370px) {

    .newsletter input {
        width: 240px
    }
    .newsletter>.head {
        font-size: 1.5em
    }
	.top-head .logo img {height: 20px;}
	.swiper--specials .product-item {width: 321px !important}
}

@media only screen and (max-width:360px) {
    .incredible .discount-item .img {
        width: 280px
    }
    .incredible .discount-item .inc-bar {
        right: -30%
    }
    .btn-add-to-cart {
        font-size: 1.1em
    }
	/* images index */
	.image-row > a {
		width: 100%;
	}
}
@media only screen and (max-width: 340px){
    .swiper--specials .product-item {width: 302px !important}
}
@media only screen and (max-width: 320px){
    .swiper--specials .product-item {width: 284px !important}
}
/* ===== swiper-bundle.min.css ===== */
/**
 * Swiper 11.2.10
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2025 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: June 28, 2025
 */

@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active{pointer-events:auto}.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}