/**
 * Article Boxes — frontend styles.
 * All colors come from the CSS variables printed by ABX_Render::inline_vars().
 */

.abx-note,
.abx-summary,
.abx-faq,
.abx-productbox,
.abx-productgrid {
	margin: 28px 0;
	font-family: inherit;
	line-height: 1.9;
	box-sizing: border-box;
}

.abx-note *,
.abx-summary *,
.abx-faq *,
.abx-productbox *,
.abx-productgrid * {
	box-sizing: border-box;
}

/* ---------------------------------------------------------------- Note */

.abx-note {
	--abx-note-accent: var(--abx-link, #1F6FA9);
	border-radius: var(--abx-radius, 20px);
	padding: 18px 20px;
	background: var(--abx-surface, #fff);
	border: 1px solid var(--abx-border, #E6EBF1);
}

.abx-note__head {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	margin-bottom: 8px;
}

.abx-note__icon {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	border-radius: 50%;
	font-size: 17px;
	line-height: 1;
	background: color-mix(in srgb, var(--abx-note-accent) 14%, transparent);
}

.abx-note__titles {
	display: flex;
	flex-direction: column;
	gap: 2px;
	min-width: 0;
}

.abx-note__title {
	font-weight: 700;
	font-size: 15px;
	color: var(--abx-note-accent);
}

.abx-note__subtitle {
	font-size: 12px;
	color: var(--abx-muted, #667085);
}

.abx-note__body {
	color: var(--abx-body, #475467);
	font-size: 15px;
}

.abx-note__body > *:first-child { margin-top: 0; }
.abx-note__body > *:last-child { margin-bottom: 0; }

/* Variants */

.abx-note--tint {
	background: color-mix(in srgb, var(--abx-note-accent) 7%, #fff);
	border-color: color-mix(in srgb, var(--abx-note-accent) 22%, transparent);
}

.abx-note--outline {
	background: var(--abx-surface, #fff);
	border-color: color-mix(in srgb, var(--abx-note-accent) 35%, transparent);
}

.abx-note--quote {
	background: transparent;
	border: 0;
	border-inline-start: 3px solid var(--abx-note-accent);
	border-radius: 0;
	padding: 6px 18px;
}

.abx-note--solid {
	background: var(--abx-note-accent);
	border-color: transparent;
}

.abx-note--solid .abx-note__title,
.abx-note--solid .abx-note__body { color: #fff; }
.abx-note--solid .abx-note__subtitle { color: rgba(255, 255, 255, .75); }
.abx-note--solid .abx-note__icon { background: rgba(255, 255, 255, .18); }

/* ------------------------------------------------------------- Summary */

.abx-summary {
	border-radius: var(--abx-radius, 20px);
	padding: 24px;
	color: var(--abx-sum-text, #DCE7F1);
	background: linear-gradient(135deg, var(--abx-sum-a, #0E2233), var(--abx-sum-b, #17324A));
}

.abx-summary__head {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	margin-bottom: 16px;
}

.abx-summary__icon {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	border-radius: 12px;
	font-size: 18px;
	color: var(--abx-sum-accent, #F4A8C8);
	background: rgba(255, 255, 255, .08);
}

.abx-summary__title {
	margin: 0;
	font-size: 18px;
	font-weight: 700;
	color: #fff;
}

.abx-summary__subtitle {
	margin: 4px 0 0;
	font-size: 13px;
	opacity: .75;
}

.abx-summary__list {
	margin: 0;
	padding: 0;
	list-style: none;
	display: grid;
	gap: 10px;
}

.abx-summary__list li {
	position: relative;
	padding-inline-start: 22px;
	font-size: 15px;
}

.abx-summary__list li::before {
	content: "";
	position: absolute;
	inset-inline-start: 0;
	top: 12px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: var(--abx-sum-accent, #F4A8C8);
}

.abx-summary__note {
	margin: 16px 0 0;
	padding-top: 14px;
	font-size: 13px;
	opacity: .7;
	border-top: 1px solid rgba(255, 255, 255, .12);
}

/* ----------------------------------------------------------------- FAQ */

.abx-faq__title {
	margin: 0 0 14px;
	font-size: 20px;
	font-weight: 700;
	color: var(--abx-text, #101828);
}

.abx-faq__list {
	display: grid;
	gap: 10px;
}

.abx-faq__item {
	border: 1px solid var(--abx-border, #E6EBF1);
	border-radius: calc(var(--abx-radius, 20px) - 6px);
	background: var(--abx-surface, #fff);
	overflow: hidden;
}

.abx-faq__q {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	cursor: pointer;
	padding: 14px 18px;
	font-weight: 600;
	font-size: 15px;
	color: var(--abx-text, #101828);
	list-style: none;
}

.abx-faq__q::-webkit-details-marker { display: none; }

.abx-faq__chevron {
	flex: 0 0 auto;
	width: 9px;
	height: 9px;
	border-inline-end: 2px solid var(--abx-muted, #667085);
	border-bottom: 2px solid var(--abx-muted, #667085);
	transform: rotate(45deg);
	transition: transform .2s ease;
}

.abx-faq__item[open] .abx-faq__chevron { transform: rotate(-135deg); }

.abx-faq__a {
	padding: 0 18px 16px;
	color: var(--abx-body, #475467);
	font-size: 15px;
}

.abx-faq__a > *:first-child { margin-top: 0; }
.abx-faq__a > *:last-child { margin-bottom: 0; }

/* --------------------------------------------------------------- Table */

.abx-table {
	margin: 28px 0;
}

.abx-table__scroll {
	overflow-x: auto;
	border: 1px solid var(--abx-border, #E6EBF1);
	border-radius: calc(var(--abx-radius, 20px) - 6px);
	background: var(--abx-surface, #fff);
	-webkit-overflow-scrolling: touch;
}

.abx-table__scroll:focus-visible {
	outline: 2px solid var(--abx-link, #1F6FA9);
	outline-offset: 2px;
}

.abx-table table {
	width: 100%;
	border-collapse: collapse;
	font-size: 15px;
	margin: 0;
}

.abx-table caption {
	caption-side: top;
	text-align: start;
	padding: 14px 16px 10px;
	font-weight: 700;
	font-size: 15px;
	color: var(--abx-text, #101828);
}

.abx-table th,
.abx-table td {
	padding: 12px 16px;
	text-align: start;
	vertical-align: top;
	border-bottom: 1px solid var(--abx-border, #E6EBF1);
	color: var(--abx-body, #475467);
	line-height: 1.8;
}

.abx-table thead th {
	background: color-mix(in srgb, var(--abx-link, #1F6FA9) 8%, #fff);
	color: var(--abx-text, #101828);
	font-weight: 700;
	font-size: 14px;
	white-space: nowrap;
}

.abx-table tbody tr:last-child th,
.abx-table tbody tr:last-child td {
	border-bottom: 0;
}

.abx-table--striped tbody tr:nth-child(even) th,
.abx-table--striped tbody tr:nth-child(even) td {
	background: #FAFBFC;
}

.abx-table--firstcol tbody th {
	font-weight: 700;
	color: var(--abx-text, #101828);
}

.abx-table--compact th,
.abx-table--compact td {
	padding: 8px 12px;
	font-size: 14px;
}

.abx-table__note {
	margin: 8px 2px 0;
	font-size: 12px;
	color: var(--abx-muted, #667085);
}

/* ------------------------------------------------------------ Products */

.abx-productbox__label,
.abx-productgrid__title {
	display: block;
	margin: 0 0 10px;
	font-size: 13px;
	font-weight: 700;
	color: var(--abx-accent, #B4185F);
}

.abx-productgrid__title {
	font-size: 18px;
	color: var(--abx-text, #101828);
}

.abx-productgrid__items {
	display: grid;
	gap: 14px;
	grid-template-columns: repeat(var(--abx-cols, 3), minmax(0, 1fr));
}

.abx-product {
	display: flex;
	flex-direction: column;
	gap: 12px;
	padding: 14px;
	border: 1px solid var(--abx-border, #E6EBF1);
	border-radius: calc(var(--abx-radius, 20px) - 4px);
	background: var(--abx-surface, #fff);
}

.abx-product--wide {
	flex-direction: row;
	align-items: center;
	gap: 16px;
}

.abx-product__media {
	display: block;
	flex: 0 0 auto;
	border-radius: 12px;
	overflow: hidden;
	background: #F6F8FA;
}

.abx-product--wide .abx-product__media { width: 120px; }
.abx-product--card .abx-product__media { width: 100%; }

.abx-product__media img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 1 / 1;
	object-fit: cover;
}

.abx-product__info {
	display: flex;
	flex-direction: column;
	gap: 6px;
	min-width: 0;
	flex: 1 1 auto;
}

.abx-product__title {
	margin: 0;
	font-size: 15px;
	font-weight: 600;
	line-height: 1.7;
}

.abx-product__title a {
	color: var(--abx-text, #101828);
	text-decoration: none;
}

.abx-product__title a:hover { color: var(--abx-link, #1F6FA9); }

.abx-product__rating {
	display: flex;
	align-items: center;
	gap: 4px;
	font-size: 13px;
	color: var(--abx-muted, #667085);
}

.abx-product__stars { color: #F5A623; }

.abx-product__excerpt {
	margin: 0;
	font-size: 13px;
	color: var(--abx-muted, #667085);
}

.abx-product__foot {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	margin-top: auto;
	padding-top: 6px;
	flex-wrap: wrap;
}

.abx-product__price {
	font-size: 15px;
	font-weight: 700;
	color: var(--abx-text, #101828);
}

.abx-product__price del { opacity: .5; font-weight: 400; font-size: 13px; }
.abx-product__price ins { text-decoration: none; }

.abx-product__btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 8px 16px;
	border-radius: 999px;
	font-size: 13px;
	font-weight: 600;
	text-decoration: none;
	color: #fff;
	background: var(--abx-accent, #B4185F);
	transition: opacity .2s ease;
}

.abx-product__btn:hover { opacity: .88; color: #fff; }

/* -------------------------------------------------------- Placeholders */

.abx-placeholder {
	padding: 16px;
	border: 1px dashed var(--abx-border, #E6EBF1);
	border-radius: 12px;
	color: var(--abx-muted, #667085);
	font-size: 13px;
	text-align: center;
}

/* ------------------------------------------------------------ Responsive */

@media (max-width: 782px) {
	.abx-productgrid__items { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 540px) {
	.abx-productgrid__items { grid-template-columns: 1fr; }

	.abx-product--wide { flex-direction: column; align-items: stretch; }
	.abx-product--wide .abx-product__media { width: 100%; }

	.abx-summary { padding: 18px; }
}.tboka-wrap, .tboka-wrap * { box-sizing: border-box; }
.tboka-wrap {
  font-family: 'Vazirmatn', system-ui, sans-serif;
  background: #f4f3f6;
  padding: 0;
  -webkit-font-smoothing: antialiased;
}
.tboka-wrap a { color: #d6146a; text-decoration: none; }
.tboka-wrap a:hover { color: #a80f52; }
.tboka-wrap ::placeholder { color: #a9a5b3; }

.tboka-card {
  max-width: 560px;
  margin: 0 auto;
  background: #fff;
  min-height: 480px;
  box-shadow: 0 0 40px rgba(31,25,40,0.06);
  display: flex;
  flex-direction: column;
  border-radius: 18px;
  overflow: hidden;
}

/* هدر */
.tboka-header {
  padding: 16px 18px 14px;
  border-bottom: 1px solid #f1eef4;
  background: #fff;
}
.tboka-header-top { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.tboka-header-left { display: flex; align-items: center; gap: 10px; }
.tboka-back-btn {
  width: 36px; height: 36px; border-radius: 11px; border: 1px solid #e9e6ec;
  background: #fff; color: #4d4857; font-size: 17px; cursor: pointer; flex: none;
}
.tboka-back-btn.tboka-hidden { visibility: hidden; }
.tboka-header-titles { display: flex; flex-direction: column; gap: 2px; }
.tboka-step-title { font-size: 16px; font-weight: 700; color: #241f2b; }
.tboka-step-sub { font-size: 12.5px; color: #8a8494; }
.tboka-logo {
  width: 42px; height: 42px; border-radius: 12px; display: flex; align-items: center; justify-content: center;
  flex: none; overflow: hidden;
}
.tboka-progress { display: flex; gap: 5px; margin-top: 14px; }
.tboka-dot { flex: 1; height: 5px; border-radius: 99px; background: #f1eef4; transition: background .25s; }
.tboka-dot.is-active, .tboka-dot.is-done { background: #d6146a; }

/* بدنه */
.tboka-body {
  flex: 1;
  padding: 20px 18px 24px;
  display: flex;
  flex-direction: column;
  gap: 14px;
  animation: tbokaStepIn .28s ease both;
}
@keyframes tbokaStepIn { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: none; } }

.tboka-step { display: none; flex-direction: column; gap: 14px; }
.tboka-step.is-active { display: flex; }

.tboka-error-box {
  background: #fff2f4; border: 1px solid #f6c9d3; border-radius: 14px; padding: 13px 15px;
  display: flex; flex-direction: column; gap: 5px;
}
.tboka-wrap [hidden] { display: none !important; }
.tboka-wrap a.tboka-btn-primary { color: #fff; }
.tboka-wrap a.tboka-btn-primary:hover { color: #fff; }
.tboka-logo-img { max-width: 100%; max-height: 100%; object-fit: contain; display: block; }
.tboka-logo-fallback {
  width: 42px; height: 42px; border-radius: 12px; background: #d6146a; color: #fff;
  display: flex; align-items: center; justify-content: center; font-size: 15px; font-weight: 700;
}
.tboka-error-title { font-size: 13.5px; font-weight: 700; color: #b3123f; }
.tboka-error-text { font-size: 13px; color: #7a3247; line-height: 1.9; }

.tboka-box {
  background: #fff; border: 1px solid #efedf2; border-radius: 16px; padding: 16px;
  display: flex; flex-direction: column; gap: 10px;
}
.tboka-field { display: flex; flex-direction: column; gap: 8px; }
.tboka-label { font-size: 14.5px; font-weight: 600; color: #2a2733; }
.tboka-req { color: #d6146a; }
.tboka-optional { font-weight: 400; color: #8a8494; font-size: 13px; }
.tboka-hint { font-size: 12.5px; color: #8a8494; line-height: 1.8; }

.tboka-input {
  padding: 13px 14px; border: 1px solid #e6e3ec; border-radius: 12px; font-size: 15px;
  color: #241f2b; outline: none; background: #fcfbfd; width: 100%; font-family: inherit;
}
.tboka-input:focus { border-color: #d6146a; background: #fff; }
.tboka-ltr { direction: ltr; text-align: right; }
.tboka-textarea { resize: vertical; line-height: 1.9; }
.tboka-other-input { margin-top: 4px; }

.tboka-grid-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }

.tboka-options { display: flex; flex-direction: column; gap: 8px; }
.tboka-options-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); gap: 8px; }
.tboka-option {
  display: flex; align-items: center; gap: 9px; padding: 12px 13px; border: 1px solid #e9e6ec;
  border-radius: 12px; font-size: 14.5px; color: #2a2733; cursor: pointer;
}
.tboka-option:hover { border-color: #d6146a; background: #fffafc; }
.tboka-option input[type="radio"], .tboka-option input[type="checkbox"] {
  accent-color: #d6146a; width: 17px; height: 17px; flex: none;
}

/* شروع */
.tboka-intro { display: flex; flex-direction: column; gap: 8px; padding-top: 8px; }
.tboka-intro-title { font-size: 23px; font-weight: 700; color: #241f2b; line-height: 1.6; }
.tboka-intro-sub { font-size: 14.5px; color: #5c5768; line-height: 2; }

.tboka-gender-pick { display: flex; flex-direction: column; gap: 10px; }
.tboka-gender-btn {
  display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 20px;
  border: 1.5px solid #e9e6ec; border-radius: 16px; background: #fff; cursor: pointer; text-align: right;
  font-family: inherit;
}
.tboka-gender-btn:hover { border-color: #d6146a; background: #fffafc; }
.tboka-gender-text { display: flex; flex-direction: column; gap: 4px; }
.tboka-gender-title { font-size: 17px; font-weight: 700; color: #241f2b; }
.tboka-gender-desc { font-size: 13px; color: #8a8494; }
.tboka-arrow { font-size: 20px; color: #d6146a; }

.tboka-trust-box {
  display: flex; flex-direction: column; gap: 10px; padding: 16px;
  background: #fbfafc; border: 1px solid #f1eef4; border-radius: 16px;
}
.tboka-trust-item { display: flex; align-items: flex-start; gap: 9px; font-size: 13.5px; color: #4d4857; line-height: 1.9; }
.tboka-check { color: #2f9e6b; flex: none; }

/* پایان */
.tboka-done { padding: 36px 4px 40px; display: flex; flex-direction: column; align-items: center; gap: 16px; text-align: center; }
.tboka-done-icon {
  width: 66px; height: 66px; border-radius: 50%; background: #eaf7f0; color: #2f9e6b;
  display: flex; align-items: center; justify-content: center; font-size: 30px; font-weight: 700;
}
.tboka-done-title { font-size: 21px; font-weight: 700; color: #241f2b; }
.tboka-done-text { font-size: 14.5px; color: #5c5768; line-height: 2; max-width: 360px; }
.tboka-done-actions { display: flex; flex-direction: column; gap: 10px; width: 100%; max-width: 320px; margin-top: 6px; }

/* فوتر */
.tboka-footer {
  background: #fff; border-top: 1px solid #f1eef4; padding: 14px 18px 18px;
  display: flex; flex-direction: column; gap: 10px;
}
.tboka-footer.is-hidden { display: none; }
.tboka-btn-primary {
  width: 100%; padding: 16px; border: none; border-radius: 14px; background: #d6146a; color: #fff;
  font-size: 16px; font-weight: 700; cursor: pointer; box-shadow: 0 8px 20px rgba(214,20,106,0.25);
  font-family: inherit; text-align: center; display: block;
}
.tboka-btn-primary:hover { background: #bb0f5b; }
.tboka-btn-secondary {
  padding: 15px; border-radius: 13px; background: #fff; border: 1px solid #e6e3ec; color: #4d4857;
  font-size: 15px; cursor: pointer; font-family: inherit;
}
.tboka-btn-secondary:hover { border-color: #d6146a; color: #d6146a; }
.tboka-footer-hint { text-align: center; font-size: 12px; color: #8a8494; }

@media (max-width: 480px) {
  .tboka-card { border-radius: 0; min-height: 100vh; }
}@font-face{font-family:'Vazirmatn';font-style:normal;font-weight:400;font-display:swap;src:url(https://tboka.ir/wp-content/cache/perfmatters/tboka.ir/fonts/Dxxo8j6PP2D_kU2muijlGMWWIGroe7ll.woff2) format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:'Vazirmatn';font-style:normal;font-weight:400;font-display:swap;src:url(https://tboka.ir/wp-content/cache/perfmatters/tboka.ir/fonts/Dxxo8j6PP2D_kU2muijlE8WWIGroe7ll.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Vazirmatn';font-style:normal;font-weight:400;font-display:swap;src:url(https://tboka.ir/wp-content/cache/perfmatters/tboka.ir/fonts/Dxxo8j6PP2D_kU2muijlHcWWIGroew.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Vazirmatn';font-style:normal;font-weight:500;font-display:swap;src:url(https://tboka.ir/wp-content/cache/perfmatters/tboka.ir/fonts/Dxxo8j6PP2D_kU2muijlGMWWIGroe7ll.woff2) format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:'Vazirmatn';font-style:normal;font-weight:500;font-display:swap;src:url(https://tboka.ir/wp-content/cache/perfmatters/tboka.ir/fonts/Dxxo8j6PP2D_kU2muijlE8WWIGroe7ll.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Vazirmatn';font-style:normal;font-weight:500;font-display:swap;src:url(https://tboka.ir/wp-content/cache/perfmatters/tboka.ir/fonts/Dxxo8j6PP2D_kU2muijlHcWWIGroew.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Vazirmatn';font-style:normal;font-weight:600;font-display:swap;src:url(https://tboka.ir/wp-content/cache/perfmatters/tboka.ir/fonts/Dxxo8j6PP2D_kU2muijlGMWWIGroe7ll.woff2) format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:'Vazirmatn';font-style:normal;font-weight:600;font-display:swap;src:url(https://tboka.ir/wp-content/cache/perfmatters/tboka.ir/fonts/Dxxo8j6PP2D_kU2muijlE8WWIGroe7ll.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Vazirmatn';font-style:normal;font-weight:600;font-display:swap;src:url(https://tboka.ir/wp-content/cache/perfmatters/tboka.ir/fonts/Dxxo8j6PP2D_kU2muijlHcWWIGroew.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Vazirmatn';font-style:normal;font-weight:700;font-display:swap;src:url(https://tboka.ir/wp-content/cache/perfmatters/tboka.ir/fonts/Dxxo8j6PP2D_kU2muijlGMWWIGroe7ll.woff2) format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:'Vazirmatn';font-style:normal;font-weight:700;font-display:swap;src:url(https://tboka.ir/wp-content/cache/perfmatters/tboka.ir/fonts/Dxxo8j6PP2D_kU2muijlE8WWIGroe7ll.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Vazirmatn';font-style:normal;font-weight:700;font-display:swap;src:url(https://tboka.ir/wp-content/cache/perfmatters/tboka.ir/fonts/Dxxo8j6PP2D_kU2muijlHcWWIGroew.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face {
  font-family: 'Woo-Side-Cart';
  src:  url(//tboka.ir/wp-content/plugins/side-cart-woocommerce/assets/css/fonts/Woo-Side-Cart.eot?qq7fgp);
  src:  url(//tboka.ir/wp-content/plugins/side-cart-woocommerce/assets/css/fonts/Woo-Side-Cart.eot?qq7fgp#iefix) format('embedded-opentype'),
    url(//tboka.ir/wp-content/plugins/side-cart-woocommerce/assets/css/fonts/Woo-Side-Cart.ttf?qq7fgp) format('truetype'),
    url(//tboka.ir/wp-content/plugins/side-cart-woocommerce/assets/css/fonts/Woo-Side-Cart.woff?qq7fgp) format('woff'),
    url(//tboka.ir/wp-content/plugins/side-cart-woocommerce/assets/css/fonts/Woo-Side-Cart.svg?qq7fgp#Woo-Side-Cart) format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="xoo-wsc-icon-"], [class*=" xoo-wsc-icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'Woo-Side-Cart' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.xoo-wsc-icon-heart1:before {
  content: "\e92d";
}
.xoo-wsc-icon-cart-plus:before {
  content: "\e92e";
}
.xoo-wsc-icon-bookmark-o:before {
  content: "\e929";
}
.xoo-wsc-icon-bookmark1:before {
  content: "\e92a";
}
.xoo-wsc-icon-arrow-long-right:before {
  content: "\e900";
}
.xoo-wsc-icon-basket5:before {
  content: "\e901";
}
.xoo-wsc-icon-basket4:before {
  content: "\e902";
}
.xoo-wsc-icon-basket6:before {
  content: "\e903";
}
.xoo-wsc-icon-basket1:before {
  content: "\e904";
}
.xoo-wsc-icon-basket2:before {
  content: "\e905";
}
.xoo-wsc-icon-basket3:before {
  content: "\e906";
}
.xoo-wsc-icon-trash1:before {
  content: "\e907";
}
.xoo-wsc-icon-trash:before {
  content: "\e908";
}
.xoo-wsc-icon-cross:before {
  content: "\e909";
}
.xoo-wsc-icon-check_circle:before {
  content: "\e90a";
}
.xoo-wsc-icon-pencil:before {
  content: "\e90b";
}
.xoo-wsc-icon-bag1:before {
  content: "\e90c";
}
.xoo-wsc-icon-arrow-thin-right:before {
  content: "\e90d";
}
.xoo-wsc-icon-shopping-bag1:before {
  content: "\e90e";
}
.xoo-wsc-icon-shopping-cart:before {
  content: "\e90f";
}
.xoo-wsc-icon-bag2:before {
  content: "\e910";
}
.xoo-wsc-icon-cart1:before {
  content: "\e911";
}
.xoo-wsc-icon-cart2:before {
  content: "\e912";
}
.xoo-wsc-icon-del4:before {
  content: "\e913";
}
.xoo-wsc-icon-trash3:before {
  content: "\e914";
}
.xoo-wsc-icon-del1:before {
  content: "\e915";
}
.xoo-wsc-icon-del2:before {
  content: "\e916";
}
.xoo-wsc-icon-del3:before {
  content: "\e917";
}
.xoo-wsc-icon-shopping-bag:before {
  content: "\e918";
}
.xoo-wsc-icon-chevron-thin-left:before {
  content: "\e919";
}
.xoo-wsc-icon-chevron-left:before {
  content: "\e91a";
}
.xoo-wsc-icon-arrow-thin-left:before {
  content: "\e91b";
}
.xoo-wsc-icon-arrow-left:before {
  content: "\e91c";
}
.xoo-wsc-icon-coupon-1:before {
  content: "\e91d";
}
.xoo-wsc-icon-coupon-2:before {
  content: "\e91e";
}
.xoo-wsc-icon-coupon-3:before {
  content: "\e91f";
}
.xoo-wsc-icon-coupon-5:before {
  content: "\e920";
}
.xoo-wsc-icon-coupon-6:before {
  content: "\e921";
}
.xoo-wsc-icon-coupon:before {
  content: "\e922";
}
.xoo-wsc-icon-coupon-4:before {
  content: "\e923";
}
.xoo-wsc-icon-discout:before {
  content: "\e924";
}
.xoo-wsc-icon-coupon-7:before {
  content: "\e925";
}
.xoo-wsc-icon-coupon-8:before {
  content: "\e926";
}
.xoo-wsc-icon-coupon-9:before {
  content: "\e927";
}
.xoo-wsc-icon-external-link:before {
  content: "\e928";
}
.xoo-wsc-icon-chevron-right:before {
  content: "\e92b";
}
.xoo-wsc-icon-chevron-left1:before {
  content: "\e92c";
}
.xoo-wsc-icon-cart:before {
  content: "\e93a";
}
.xoo-wsc-icon-spinner:before {
  content: "\e97a";
}
.xoo-wsc-icon-spinner2:before {
  content: "\e97b";
}
.xoo-wsc-icon-spinner4:before {
  content: "\e97d";
}
.xoo-wsc-icon-spinner8:before {
  content: "\e981";
}
.xoo-wsc-icon-spinner11:before {
  content: "\e984";
}
.xoo-wsc-icon-trash2:before {
  content: "\e9ad";
}
.xoo-wsc-icon-checkmark:before {
  content: "\ea10";
}
.xoo-wsc-icon-cloud-download:before {
  content: "\e9c2";
}
.xoo-wsc-icon-download3:before {
  content: "\e9c7";
}
.xoo-wsc-icon-heart:before {
  content: "\e9da";
}.xoo-wsc-markup *::-webkit-scrollbar {
    width: 8px;
}

.xoo-wsc-markup *::-webkit-scrollbar-track {
    border-radius: 10px;
    background: #f0f0f0;
}

.xoo-wsc-markup *::-webkit-scrollbar-thumb {
    border-radius: 50px;
     background: #d1d1d1
}


.xoo-wsc-container, .xoo-wsc-slider {
    position: fixed;
    background-color: #fff;
    z-index: 999999;
    display: flex;
    flex-direction: column;
    width: 95%;
    transition: 0.5s ease-out;
}

.xoo-wsc-modal * {
    box-sizing: border-box;
}

.xoo-wsc-markup a{
    text-decoration: none;
}


.xoo-wsc-opac {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #000;
    z-index: 999996;
    opacity: 0;
    height: 0;
    transition: height 0s 0.4s, opacity 0.4s 0s;
}

.xoo-wsc-cart-active .xoo-wsc-opac {
    opacity: 0.8;
    height: 100%;
    transition: height 0s 0s, opacity 0.4s;
}

.xoo-wsc-body {
    flex-grow: 1;
    overflow-y: auto;
    overflow-x: hidden;
}

.xoo-wsc-loading .xoo-wsc-loader{
    display: block;
}

span.xoo-wsc-loader {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0.5;
    background-color: #eee;
    opacity: 0.7;
    z-index: 10;
}


.xoo-wsc-loader-icon{
    display: none;
}

.xoo-wsc-loading .xoo-wsc-loader-icon {
    position: absolute;
    transform: translate(-50%,-50%);
    top: 47%;
    left: 49%;
    z-index: 11;
    font-size: 24px;
    animation: xoo-wsc-spin 2s linear infinite;
    display: block;
}

@keyframes xoo-wsc-spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}



body.xoo-wsc-cart-active, html.xoo-wsc-cart-active{
    overflow: hidden!important;
}

.xoo-wsc-basket {
    margin: 10px;
    z-index: 9999997;
    cursor: pointer;
    position: fixed;
    transition: 0.5s ease-out;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
}

.xoo-wsc-basket[style*='block'] {
    display: flex!important;
}
.xoo-wsc-items-count{
    border-radius: 50%;
    position: absolute;
    font-size: 13px;
    width: 28px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    overflow: hidden;
}

.xoo-wsc-fly-animating{
    opacity: 1;
    position: absolute!important;
    height: 150px;
    width: 150px;
    z-index: 100;
}

.xoo-wsc-sc-bkcont {
    position: relative;
}


.xoo-wsc-sc-cont .xoo-wsc-cart-trigger {
    display: flex;
    position: relative;
    cursor: pointer;
    align-items: center;
    justify-content: center;
}


span.xoo-wsc-sc-count, span.xoo-wsch-items-count{
    border-radius: 50%;
    height: 18px;
    line-height: 18px;
    width: 18px;
    display: inline-block;
    text-align: center;
    font-size: 13px;
    right: -7px;
    position: absolute;
    top: -4px;
}

.xoo-wsc-sc-cont .xoo-wsc-cart-trigger > * {
    margin-right: 3px;
}


/* Notices */
.xoo-wsc-notice-container {
    z-index: 2;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    display: none;
}

ul.xoo-wsc-notices {
    margin: 0;
    list-style-type: none;
    padding: 0;
}

.xoo-wsc-notice-success {
    background-color: #DFF0D8;
    color: #3C763D;
}
.xoo-wsc-notice-error {
    color: #a94442;
    background-color: #f2dede;
}

ul.xoo-wsc-notices li {
    padding: 15px 20px;
    list-style-type: none;
}

ul.xoo-wsc-notices li span {
    margin-right: 6px;
}

span.xoo-wsc-undo-item {
    float: right;
    text-decoration: underline;
    cursor: pointer;
}


.xoo-wsc-notices a.button.wc-forward {
    display: none;
}

/* Basket */
.xoo-wscb-icon {
    font-size: 37px;
}

.xoo-wscb-count {
    position: absolute;
    z-index: 1;
    background-color: transparent;
    font-size: 15px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    left: 0;
    right: 0;
}

/* Header */
.xoo-wsc-header {
    padding: 15px;
    color: #000;
}

span.xoo-wsch-close {
    position: absolute;
    cursor: pointer;
}


span.xoo-wsch-text {
    margin-left: 8px;
}


.xoo-wsch-top .xoo-wsch-basket {
    display: table;
    position: relative;
}

.xoo-wsch-top {
    display: flex;
    margin: 0 auto;
    align-items: center;
}


/****** BODY ***********/

/*** Product ***/
.xoo-wsc-product {
    display: flex;
    border-bottom: 1px solid #eee;
}

.xoo-wsc-img-col {
    align-self: center;
}

.xoo-wsc-sum-col {
    flex-grow: 1;
    padding-left: 15px;
    display: flex;
    flex-direction: column;
}

.xoo-wsc-img-col img {
    width: 100%;
    height: auto;
}

.xoo-wsc-sm-left {
    flex-grow: 1;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    min-width: 0;
    row-gap: 4px;
}

.xoo-wsc-sm-right {
    align-items: flex-end;
    display: flex;
    flex-direction: column;
    justify-content: center;
    row-gap: 4px;
}


span.xoo-wsc-smr-del+.xoo-wsc-smr-ptotal {
    margin-top: auto;
}


span.xoo-wsc-pname, span.xoo-wsc-pname a {
    font-weight: 600;
}

span.xoo-wsc-smr-del {
    cursor: pointer;
    margin: 5px 0;
}

.xoo-wsc-img-col span.xoo-wsc-smr-del {
    margin: 5px auto;
    display: table;
}

.xoo-wsc-sm-info {
    display: flex;
    min-width: 0;
    gap: 10px;
}


.xoo-wsc-sm-left > *:not(:last-child) {
    
}

/* Qty Box */
.xoo-wsc-qty-price span {
    display: inline-block;
}

/* Variation */
.xoo-wsc-product dl.variation dd, .xoo-wsc-product dl.variation dt {
    margin: 0 4px 0 0;
    display: inline-block;
    float: left;
    font-style: italic;
}

.xoo-wsc-product dl.variation dt {
    clear: left;
}

.xoo-wsc-product dl.variation, .xoo-wsc-product dl.variation p {
    margin: 0;
    font-size: 13px;
}


/** Footer */
.xoo-wsc-ft-buttons-cont {
    display: grid;
    text-align: center;
    grid-column-gap: 5px;
    grid-row-gap: 5px;
}

a.xoo-wsc-ft-btn, .xoo-wsc-container .xoo-wsc-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    justify-self: center;
    padding: 5px;
    width: 100%;
}

a.xoo-wsc-ft-btn, a.xoo-wsc-ft-btn:hover, .xoo-wsc-container .xoo-wsc-btn, .xoo-wsc-container .xoo-wsc-btn:hover{
    text-decoration: none;
}


.xoo-wsc-ft-buttons-cont a.xoo-wsc-ft-btn:only-child {
    grid-column: 1/-1;
}


/** FOOTER Totals **/
.xoo-wsc-ft-totals {
    width: 100%;
    padding: 0 0 10px 0;
}

.xoo-wsc-ft-amt {
    padding: 3px;
    display: flex;
    justify-content: space-between;
}

.xoo-wsc-ft-amt-value .xoo-wsc-toggle-slider {
    cursor: pointer;
    margin-left: 5px;
}

span.xoo-wsc-ft-amt-label {
    font-weight: 600;
}

.xoo-wsc-toggle-slider {
    cursor: pointer;
}

.xoo-wsc-ft-amt-shipping .xoo-wsc-toggle-slider span {
    margin-left: 5px;
}

.xoo-wsc-ft-amt-label {
    flex-grow: 1;
    padding-right: 10px;
}

.xoo-wsc-ft-amt-value {
    text-align: right;
}

.xoo-wsc-ft-amt.xoo-wsc-less, .xoo-wsc-psavings, .xoo-wsc-psavings * {
    color: #4CAF50;
}

.xoo-wsc-ft-amt-total {
    border-top: 1px dashed #9E9E9E;
    margin-top: 5px;
    padding-top: 5px;
}


/* Bundled product */

.xoo-wsc-product.xoo-wsc-is-parent {
    border-bottom: 0;
    padding-bottom: 0;
}

.xoo-wsc-product.xoo-wsc-is-child img {
    max-width: 50px;
    margin-left: auto;
    float: right;
}

.xoo-wsc-product.xoo-wsc-is-child {
    padding-top: 5px;
}

.xoo-wsc-empty-cart {
    padding: 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.xoo-wsc-empty-cart > * {
    margin-bottom: 20px;
}

.xoo-wsc-empty-cart a.xoo-wsc-btn{
    width: auto;
}

.xoo-wsc-emp-txt {
    font-size: 18px;
}

/** Free **/
span.xoo-wsc-ft-amt-label:after {
    content: ":";
}



.xoo-wsc-ft-amt-savings + .xoo-wsc-ft-amt-subtotal {
    display: flex;
}

.xoo-wsc-ft-amt-subtotal {
    display: table;
    margin: 0 auto;
    font-weight: 600;
}

span.xoo-wsc-ft-amt-label {
    padding-right: 5px;
}

span.xoo-wsc-footer-txt {
    text-align: center;
    margin: -8px auto 15px;
    display: block;
    font-size: 90%;
}

span.xoo-wsc-del-txt {
    text-align: center;
    display: block;
    font-size: 11px;
    text-transform: uppercase;
}

a.xoo-wsc-ft-btn-checkout .amount {
    font-style: italic;
}

a.xoo-wsc-ft-btn-checkout .amount:before {
    content: "-";
    margin: 0 8px;
    font-weight: bold;
}


/*Child selector except last */
.xoo-wsc-is-child:has( +.xoo-wsc-is-child ), .xoo-wsc-is-parent + .xoo-wsc-is-child{
    padding-bottom: 5px;
    padding-top: 10px;
    margin-top: 0;
    border-radius: 0;
    margin-bottom: 0;
    box-shadow: 0 0;
    border-bottom: 0;
}
.xoo-wsc-product.xoo-wsc-is-parent{
    margin-bottom: 0;
    padding-bottom: 0;
}

/* Only last child */
.xoo-wsc-product.xoo-wsc-is-child:not(:has( + *)), .xoo-wsc-is-child:has( + .xoo-wsc-product:not(.xoo-wsc-is-child) ){
    margin-top: 0;
    padding-top: 5px;
}

.xoo-wsc-product dl.variation {
    flex-wrap: wrap;
}


.xoo-wsc-product del {
    opacity: 0.5;
    text-decoration: line-through;
    display: inline-flex;
}

.xoo-wsc-product del+ins {
    font-weight: 600;
}

.xoo-wsc-product del .amount {
    font-size: 95%;
}


.xoo-wsc-pattern-row .xoo-wsc-qty-box {
    margin-top: 4px;
}

.xoo-wsc-priceBox {
    display: flex;
    flex-wrap: wrap;
    row-gap: 4px;
    column-gap: 9px;
}


span.xoo-wsc-psavlabel {
    text-transform: uppercase;
}


.xoo-wsc-psavings {
    padding: 3px 6px;
    border: 1px solid #4CAF50;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 5px;
    width: max-content;
    margin-top: auto;
    border-radius: 5px;
}

.xoo-wsc-psavings {
    font-size: 80%;
}

.xoo-wsc-body .xoo-wsc-products .xoo-wsc-psavings span.amount {
    font-size: inherit;
}


.xoo-wsc-sm-right-tools {
    display: flex;
    gap: 5px;
}

.xoo-wsc-xoo_wsc_gift .xoo-wsc-sm-left {
    justify-content: center;
}

.xoo-wsc-ft-amt-savings .xoo-wsc-ft-amt-label {
    font-weight: normal;
}

.xoo-wsc-ft-amt-savings {
    font-size: 95%;
}

.xoo-wsc-footer .xoo-wsc-ft-amt-savings .amount {
    font-size: inherit;
}


body.rtl .xoo-wsc-sum-col {
    padding-right: 15px;
    padding-left: 0;
}

body.rtl span.xoo-wsch-text {
    margin-right: 8px;
    margin-left: 0;
}

body.rtl span.xoo-wsc-ft-amt-label {
    padding-left: 5px;
    padding-right: 0;
}

body.rtl .xoo-wsc-product dl.variation dd, body.rtl .xoo-wsc-product dl.variation dt {
    float: right;
}

body.rtl xoo-wsc-qty-price > span{
    margin-left: 4px;
    margin-right: 0;
}

.xoo-wsc-markup-notices {
    top: 20%;
    right: -100%;
    left: auto;
    position: fixed;
    box-shadow: 2px 2px 9px 3px #eee;
    transition: all 0.5s;
    z-index: 999997;
    width: 0;
    max-width: 400px;
}

.xoo-wsc-markup-notices ul.xoo-wsc-notices li {
    padding: 25px;
}

.xoo-wsc-markup-notices.xoo-wsc-active {
    right: 0;
    width: 100%;
}

.xoo-wsc-markup-notices .xoo-wsc-notice-container {
    position: relative;
    display: block;
}
.xoo-wsc-qty-price > span {
    display: inline-block;
    margin-right: 4px;
}
.xoo-wsc-sml-qty span {
    display: inline-block;
}

.xoo-wsc-markup[data-wpr-lazyrender] {
    content-visibility: visible!important;
}

.xoo-wsc-qty-price {
    display: flex;
    width: 100%;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-start;
}



/* Pattern Card */
.xoo-wsc-pattern-card {
    
margin: 10px 20px;
    
padding: 0;
}

.xoo-wsc-pattern-card .xoo-wsc-psavings {
    margin-top: 2px;
}



.xoo-wsc-pattern-card .xoo-wsc-product dl.variation {
    display: flex;
}


.xoo-wsc-pattern-card .xoo-wsc-product {
    flex-direction: column;
    position: relative;
    border-bottom: 0;
    padding: 0;
    height: 100%;
    margin: 0;
}

.xoo-wsc-pattern-card span.xoo-wsc-smr-del {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 5;
    padding: 10px;
    margin-top: 0;
}

.xoo-wsc-pattern-card .variation {
    justify-content: center;
}


.xoo-wsc-sm-back, .xoo-wsc-sm-front {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    gap: 4px;
}

.xoo-wsc-sm-back-cont {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    overflow: auto;
}

.xoo-wsc-pattern-card .xoo-wsc-img-col.xoo-wsc-caniming {
    z-index: 10;
}

.xoo-wsc-sm-front {
    z-index: 1;
    height: 100%;
}

.xoo-wsc-sm-front:has(.xoo-wsc-sm-emp+*) {
    padding: 7px 10px;
}

.xoo-wsc-card-cont {
    position: relative;
}

.xoo-wsc-sm-back {
    padding: 10px;
    min-height: 100%;
}

a.xoo-wsc-smr-link i {
    margin-right: 3px;
}

a.xoo-wsc-smr-link {
    opacity: 0.7;
    font-size: 14px;
}

.xoo-wsc-sm-front:has(.xoo-wsc-sm-emp+*) .xoo-wsc-sm-emp {
    display: none;
}

.xoo-wsc-pattern-card .xoo-wsc-qty-price {
    justify-content: center;
    padding: 0;
}

.xoo-wsc-qty-price:has(.xoo-wsc-card-ptotal) {
    justify-content: space-between;
}


.xoo-wsc-pattern-card .xoo-wsc-img-col {
    align-self: center;
    z-index: 2;
    position: relative;
    margin: -1px -1px 0 -1px;
}
.xoo-wsc-pattern-card .xoo-wsc-img-col img{
    display: table;
    margin: 0 auto;
}



.xoo-wsc-qty-box-cont {
    width: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    row-gap: 4px;
    column-gap: 10px;
}




/* Header layout */
.xoo-wsch-new .xoo-wsch-basket, .xoo-wsch-new .xoo-wsch-close, .xoo-wsch-new .xoo-wsch-text {
    position: relative;
    margin: 0 4px;
}

.xoo-wsch-new .xoo-wsch-basket {
    margin: 0 8px;
}

.xoo-wsch-new .xoo-wsch-close{
    cursor: pointer;
}

.xoo-wsch-new .xoo-wsch-section{
    display: flex;
    align-items: center;
}

.xoo-wsch-new.xoo-wsch-top {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
}


.xoo-wsch-new .xoo-wsch-sec-right {
    grid-column: 3; /* right column */
    justify-self: end;
}

.xoo-wsch-new .xoo-wsch-sec-left {
    grid-column: 1;
    justify-self: start;
}

.xoo-wsch-new .xoo-wsch-sec-center {
    grid-column: 2; /* middle column */
    justify-self: center;
}


/* --- */


.xoo-wsc-ft-buttons-cont + .xoo-wsc-info-cont {
    margin-top: 6px;
}

.xoo-wsc-body .xoo-wsc-info-cont{
    margin-top: 10px;
}