/*
Theme Name: RSATCO Storefront
Template: storefront
Version: 1.0.0
License: GNU General Public License v3 or later
*/

.rsa-home {
  --rsa-ink: #211735;
  --rsa-muted: #6c6478;
  --rsa-purple: #48216f;
  --rsa-purple-2: #63368f;
  --rsa-lilac: #9b7ac0;
  --rsa-pale: #f8f5fb;
  --rsa-border: #e7e0ee;
  color: var(--rsa-ink);
  direction: rtl;
  text-align: right;
  overflow: hidden;
  font-family: "Vazirmatn", "IRANSans", Tahoma, Arial, sans-serif;
  font-synthesis: none;
  font-size: 14px;
}
.rsa-home * { box-sizing: border-box; }
.rsa-home h1, .rsa-home h2, .rsa-home h3 { letter-spacing: 0; }
.rsa-home a { text-decoration: none; }
.rsa-home a:focus-visible { outline: 3px solid #d9b66d; outline-offset: 4px; }
.rsa-home .rsa-wrap { width: min(1140px, calc(100% - 40px)); margin-inline: auto; }
.rsa-home .rsa-hero {
  position: relative;
  padding: clamp(32px, 4.2vw, 54px) 0;
  background: linear-gradient(118deg, #29163d 0%, #48216f 62%, #624087 100%);
  color: #fff;
}
.rsa-home .rsa-hero:after {
  content: "";
  position: absolute;
  width: 250px; height: 250px;
  left: -95px; bottom: -150px;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 50%;
  box-shadow: 0 0 0 28px rgba(255,255,255,.025), 0 0 0 56px rgba(255,255,255,.018);
  pointer-events: none;
}
.rsa-home .rsa-hero-grid { display: grid; grid-template-columns: minmax(0,1.05fr) minmax(0,1fr); align-items: center; gap: 30px; position: relative; z-index: 1; }
.rsa-home .rsa-hero-photo { min-height: 320px; border: 5px solid rgba(255,255,255,.14); border-radius: 18px; background: linear-gradient(90deg,rgba(24,12,36,.08),rgba(24,12,36,.25)), url("https://rsatco.com/wp-content/uploads/2026/10/RSA-international-trade-hero.jpg") center/cover no-repeat; box-shadow: 0 18px 45px rgba(12,4,25,.24); }
.rsa-home .rsa-eyebrow { display: inline-flex; align-items: center; gap: 0; margin: 0 0 12px; padding: 6px 13px; color: #fff; font-size: 14px; font-weight: 800; letter-spacing: .01em; border: 1px solid rgba(255,255,255,.28); border-radius: 999px; background: linear-gradient(135deg, rgba(255,255,255,.16), rgba(255,255,255,.06)); box-shadow: 0 4px 14px rgba(10,3,20,.12); }
.rsa-home .rsa-eyebrow:before { content: none; }
.rsa-home h1 { margin: 0 0 14px; color: #fff; font-size: clamp(24px, 3vw, 36px); line-height: 1.45; font-weight: 800; letter-spacing: -.015em; }
@media (max-width: 560px) { .rsa-home h1 { font-size: clamp(23px, 6vw, 29px); letter-spacing: 0; } }
.rsa-home .rsa-hero p { max-width: 700px; margin: 0; color: #eee7f5; font-size: clamp(15px, 1.2vw, 16px); line-height: 1.95; }
.rsa-home .rsa-hero .rsa-intro { margin-bottom: 0; }
.rsa-home .rsa-quick-cats { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 15px; }
.rsa-home .rsa-quick-cats-label { width: 100%; color: #e9dff4; font-size: 11px; font-weight: 700; margin-bottom: 1px; }
.rsa-home .rsa-chip { display: inline-flex; align-items: center; min-height: 29px; padding: 5px 10px; border: 1px solid rgba(255,255,255,.26); border-radius: 999px; background: rgba(255,255,255,.075); color: #fff; font-size: 11px; font-weight: 600; line-height: 1.5; transition: background .18s ease, color .18s ease; }
.rsa-home .rsa-chip:hover, .rsa-home .rsa-chip:focus-visible { background: #fff; color: #48216f; }
.rsa-home .rsa-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 20px; }
.rsa-home .rsa-btn { display: inline-flex; justify-content: center; align-items: center; min-height: 44px; padding: 10px 18px; border-radius: 9px; font-size: 14px; font-weight: 700; transition: transform .18s ease, background .18s ease; }
.rsa-home .rsa-btn:hover { transform: translateY(-1px); }
.rsa-home .rsa-btn-primary { background: #fff; color: #48216f; box-shadow: 0 5px 16px rgba(15,7,25,.12); }
.rsa-home .rsa-btn-secondary { color: #fff; border: 1px solid rgba(255,255,255,.4); }
.rsa-home .rsa-hero-panel { padding: 21px; border: 1px solid rgba(255,255,255,.2); border-radius: 15px; background: rgba(255,255,255,.07); }
.rsa-home .rsa-hero-panel strong { display: block; margin-bottom: 8px; font-size: 16px; color: #fff; }
.rsa-home .rsa-hero-panel p { font-size: 12px; line-height: 1.9; }
.rsa-home .rsa-panel-rule { height: 1px; margin: 14px 0; background: rgba(255,255,255,.18); }
.rsa-home .rsa-section { padding: clamp(34px, 4vw, 52px) 0; }
.rsa-home .rsa-section-soft { background: var(--rsa-pale); }
.rsa-home .rsa-section-head { max-width: 720px; margin: 0 auto 22px; text-align: center; }
.rsa-home .rsa-kicker { margin: 0 0 8px; color: var(--rsa-purple-2); font-size: 12px; font-weight: 800; }
.rsa-home h2 { margin: 0 0 12px; color: var(--rsa-ink); font-size: clamp(22px, 2.4vw, 31px); line-height: 1.5; font-weight: 800; }
.rsa-home .rsa-section-head > p { margin: 0; color: var(--rsa-muted); font-size: 13px; line-height: 1.95; }
.rsa-home .rsa-cards { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 13px; }
.rsa-home .rsa-card { display: grid; grid-template-columns: 112px minmax(0,1fr); grid-template-rows: auto auto 1fr auto; align-items: start; column-gap: 15px; min-height: 145px; padding: 12px; border: 1px solid #dce7f1; border-radius: 12px; background: #f2f8fc; box-shadow: 0 4px 15px rgba(36,18,52,.03); transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease; }
.rsa-home .rsa-card-image { grid-column: 1; grid-row: 1 / span 4; display: block; width: 112px; height: 120px; object-fit: cover; border-radius: 8px; }
.rsa-home .rsa-card-mark { display: none; }
.rsa-home .rsa-card h3 { grid-column: 2; margin: 4px 0 5px; font-size: 15px; }
.rsa-home .rsa-card p { grid-column: 2; margin: 0 0 6px; font-size: 12px; line-height: 1.75; }
.rsa-home .rsa-card .rsa-card-link { grid-column: 2; font-size: 12px; }
.rsa-home .rsa-card:hover { transform: translateY(-2px); border-color: #d4c2e5; box-shadow: 0 12px 26px rgba(36,18,52,.075); }
.rsa-home .rsa-card-mark { display: grid; place-items: center; width: 36px; height: 36px; margin-bottom: 14px; border-radius: 10px; background: #f0e8f7; color: var(--rsa-purple-2); font-size: 13px; font-weight: 800; }
.rsa-home .rsa-card h3 { margin: 0 0 8px; color: var(--rsa-ink); font-size: 16px; line-height: 1.6; }
.rsa-home .rsa-card p { margin: 0 0 14px; color: #5f566c; font-size: 13px; line-height: 1.95; }
.rsa-home .rsa-card .rsa-card-link { margin-top: auto; color: #54267d; font-weight: 800; font-size: 13px; text-decoration: underline; text-underline-offset: 3px; }

@media (min-width: 901px) {
  .rsa-home .rsa-card:last-child:nth-child(3n + 1) { grid-column: 2; }
}
.rsa-home .rsa-about-compact { display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.rsa-home .rsa-about-compact > div { max-width: 760px; }
.rsa-home .rsa-about-compact p:not(.rsa-kicker) { margin: 0; color: var(--rsa-muted); font-size: 13px; line-height: 1.9; }
.rsa-home .rsa-about-aside { padding: 26px; border-radius: 16px; background: #48216f; color: #fff; }
.rsa-home .rsa-about-aside h3 { margin: 0 0 12px; color: #fff; font-size: 19px; }
.rsa-home .rsa-about-aside p { margin: 0; color: #eee7f5; font-size: 13px; line-height: 2; }
.rsa-home .rsa-points { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; margin-top: 18px; }
.rsa-home .rsa-point { padding: 15px; border: 1px solid var(--rsa-border); border-radius: 11px; background: #fff; }
.rsa-home .rsa-point strong { display: block; margin-bottom: 5px; color: var(--rsa-purple); font-size: 13px; }
.rsa-home .rsa-point span { color: var(--rsa-muted); font-size: 12px; line-height: 1.9; }
.rsa-home .rsa-cta { padding: clamp(26px,4vw,42px); border: 1px solid #e0d2ed; border-radius: 17px; background: linear-gradient(110deg,#f1e9f8 0%,#f6f0fa 58%,#faf7fc 100%); box-shadow: 0 5px 16px rgba(72,33,111,.05); display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.rsa-home .rsa-cta h2 { margin-bottom: 7px; font-size: clamp(21px,2.5vw,29px); }
.rsa-home .rsa-cta p { margin: 0; color: var(--rsa-muted); font-size: 13px; line-height: 1.9; }
.rsa-home .rsa-btn-dark { background: var(--rsa-purple); color: #fff; white-space: nowrap; }
@media (max-width: 900px) {
  .rsa-home .rsa-hero-grid { grid-template-columns: 1fr; gap: 22px; }
  .rsa-home .rsa-hero-photo { min-height: 250px; }
  .rsa-home .rsa-about-compact { align-items: flex-start; flex-direction: column; gap: 16px; }
  .rsa-home .rsa-cards { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .rsa-home .rsa-cta { align-items: flex-start; flex-direction: column; }
}
@media (max-width: 560px) {
  .rsa-home .rsa-wrap { width: min(100% - 28px, 1140px); }
  .rsa-home .rsa-hero { padding: 28px 0 32px; }
  .rsa-home .rsa-hero-grid { gap: 0; }
  .rsa-home h1 { font-size: clamp(25px, 7vw, 31px); }
  .rsa-home .rsa-quick-cats { gap: 6px; }
  .rsa-home .rsa-chip { font-size: 10px; padding: 5px 8px; min-height: 27px; }
  .rsa-home .rsa-hero-panel { padding: 18px; }
  .rsa-home .rsa-cards, .rsa-home .rsa-points { grid-template-columns: 1fr; }
  .rsa-home .rsa-card { grid-template-columns: 92px minmax(0,1fr); padding: 10px; column-gap: 12px; }
  .rsa-home .rsa-card-image { width: 92px; height: 100px; }
  .rsa-home .rsa-card { min-height: 0; padding: 19px; }
  .rsa-home .rsa-actions { gap: 8px; }
  .rsa-home .rsa-btn { width: auto; }
}
@media (prefers-reduced-motion: reduce) {
  .rsa-home *, .rsa-home *:before, .rsa-home *:after { transition: none !important; scroll-behavior: auto !important; }
}


a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible {
  outline: 3px solid #a36b00 !important;
  outline-offset: 3px;
}
.site-content p a, .site-content li a, .footer-container a {
  text-decoration: underline;
  text-decoration-thickness: .07em;
  text-underline-offset: .18em;
}
.whb-header .wd-tools-element > a, .whb-header .wd-tools-element > button {
  min-width: 44px;
  min-height: 44px;
}


body.page-id-18754 .contact-form input[type="submit"],
body.page-id-18754 .contact-form button[type="submit"],
body.page-id-18754 form[id^="contact-form-"] .contact-submit {
  min-height: 54px;
  padding: 14px 32px;
  border: 2px solid #9b7ac0 !important;
  border-radius: 9px;
  background-color: #48216f !important;
  color: #fff !important;
  font-size: 16px;
  font-weight: 700;
  box-shadow: 0 4px 12px rgba(72, 33, 111, .18);
  cursor: pointer;
}
body.page-id-18754 .contact-form input[type="submit"]:hover,
body.page-id-18754 .contact-form button[type="submit"]:hover,
body.page-id-18754 form[id^="contact-form-"] .contact-submit:hover {
  background-color: #63368f !important;
  border-color: #7d58a4 !important;
}


body.page-id-18754 .grunion-field-wrap label {
  display: inline-block;
  margin-bottom: 8px;
  color: #211735;
  font-weight: 700;
}
body.page-id-18754 .grunion-field-wrap input:not([type="submit"]):not([type="hidden"]),
body.page-id-18754 .grunion-field-wrap textarea,
body.page-id-18754 .grunion-field-wrap select {
  min-height: 48px;
  padding: 12px 14px;
  color: #211735;
  background: #fff;
  border: 1px solid #766a83;
  border-radius: 7px;
  font-size: 16px;
  line-height: 1.5;
}
body.page-id-18754 .grunion-field-wrap textarea {
  min-height: 150px;
}
body.page-id-18754 .grunion-label-required,
body.page-id-18754 .contact-form__input-error {
  color: #7a1b1b;
}
body.page-id-18754 .contact-form button[type="submit"]:focus-visible {
  outline: 3px solid #a36b00 !important;
  outline-offset: 4px;
}
.jetpack-form, .jetpack-form label, .jetpack-form .wp-block-jetpack-contact-form label {
  color: #30243f;
}


body.page-id-18754 .jetpack-contact-form-container .grunion-field-wrap {
  display: block !important;
  float: none !important;
  clear: both;
  width: 100% !important;
  max-width: 100%;
  margin: 0 0 18px !important;
  box-sizing: border-box;
}
body.page-id-18754 .jetpack-contact-form-container .grunion-field-wrap > input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]),
body.page-id-18754 .jetpack-contact-form-container .grunion-field-wrap > textarea,
body.page-id-18754 .jetpack-contact-form-container .grunion-field-wrap > select {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-height: 48px;
  margin: 0 !important;
  box-sizing: border-box;
  border: 1px solid #766a83 !important;
  border-radius: 7px;
  background-color: #fff !important;
  color: #211735 !important;
  font-size: 16px;
  line-height: 1.5;
  transition: border-color .15s ease, box-shadow .15s ease;
}
body.page-id-18754 .jetpack-contact-form-container .grunion-field-wrap > textarea {
  min-height: 150px;
  resize: vertical;
}

body.page-id-18754 .jetpack-contact-form-container .grunion-field-wrap > input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):focus,
body.page-id-18754 .jetpack-contact-form-container .grunion-field-wrap > textarea:focus,
body.page-id-18754 .jetpack-contact-form-container .grunion-field-wrap > select:focus {
  border-color: #9b7ac0 !important;
  outline: 0 !important;
  box-shadow: 0 0 0 3px rgba(155, 122, 192, .22) !important;
}
body.page-id-18754 .jetpack-contact-form-container .grunion-field-wrap > input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):focus-visible,
body.page-id-18754 .jetpack-contact-form-container .grunion-field-wrap > textarea:focus-visible,
body.page-id-18754 .jetpack-contact-form-container .grunion-field-wrap > select:focus-visible {
  outline: 2px solid #9b7ac0 !important;
  outline-offset: 2px;
}


#menu-item-11173 > a > img.wd-nav-img { content: url("https://rsatco.com/wp-content/uploads/2026/10/01_industrial_construction.jpg"); }
#menu-item-18853 > a > img.wd-nav-img { content: url("https://rsatco.com/wp-content/uploads/2026/10/02_petrochemical.jpg"); }
#menu-item-11123 > a > img.wd-nav-img { content: url("https://rsatco.com/wp-content/uploads/2026/10/03_cosmetics.jpg"); }
#menu-item-11148 > a > img.wd-nav-img { content: url("https://rsatco.com/wp-content/uploads/2026/10/04_food_industry.jpg"); }
#menu-item-11137 > a > img.wd-nav-img { content: url("https://rsatco.com/wp-content/uploads/2026/10/05_medical_equipment.jpg"); }
#menu-item-11180 > a > img.wd-nav-img { content: url("https://rsatco.com/wp-content/uploads/2026/10/06_textiles.jpg"); }


#menu-item-11173 > a > img.wd-nav-img,
#menu-item-11123 > a > img.wd-nav-img,
#menu-item-11148 > a > img.wd-nav-img,
#menu-item-11137 > a > img.wd-nav-img,
#menu-item-11180 > a > img.wd-nav-img {
  width: 68px !important;
  height: 54px !important;
  min-width: 68px !important;
  max-width: none !important;
  object-fit: cover !important;
  border-radius: 7px;
  flex-shrink: 0;
}

#menu-item-18853 > a.woodmart-nav-link::before {
  content: "" !important;
  display: inline-block !important;
  width: 68px !important;
  height: 54px !important;
  min-width: 68px !important;
  flex: 0 0 68px;
  background: url("https://rsatco.com/wp-content/uploads/2026/10/02_petrochemical.jpg") center / cover no-repeat;
  border-radius: 7px;
}
#menu-item-18853 > a.woodmart-nav-link {
  display: flex;
  align-items: center;
  gap: 10px;
}


#menu-item-11173 > a.woodmart-nav-link,
#menu-item-18853 > a.woodmart-nav-link,
#menu-item-11123 > a.woodmart-nav-link,
#menu-item-11148 > a.woodmart-nav-link,
#menu-item-11137 > a.woodmart-nav-link,
#menu-item-11180 > a.woodmart-nav-link {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  min-width: 0;
}
#menu-item-11173 > a > img.wd-nav-img,
#menu-item-11123 > a > img.wd-nav-img,
#menu-item-11148 > a > img.wd-nav-img,
#menu-item-11137 > a > img.wd-nav-img,
#menu-item-11180 > a > img.wd-nav-img,
#menu-item-18853 > a.woodmart-nav-link::before {
  width: clamp(42px, 24%, 68px) !important;
  min-width: 42px !important;
  max-width: 68px !important;
  height: auto !important;
  aspect-ratio: 319 / 138 !important;
  object-fit: cover !important;
  background-size: cover !important;
  background-position: center !important;
  flex: 0 0 auto !important;
}
#menu-item-11173 > a .nav-link-text,
#menu-item-18853 > a .nav-link-text,
#menu-item-11123 > a .nav-link-text,
#menu-item-11148 > a .nav-link-text,
#menu-item-11137 > a .nav-link-text,
#menu-item-11180 > a .nav-link-text {
  min-width: 0;
  flex: 1 1 auto;
}


.rsa-home .rsa-hero-grid { display: block !important; }
.rsa-home .rsa-hero-content { width: 100%; max-width: 960px; margin-inline: auto; }
.rsa-home .rsa-hero-photo { display: none !important; }


#menu-item-11173 > a.woodmart-nav-link,
#menu-item-18853 > a.woodmart-nav-link,
#menu-item-11123 > a.woodmart-nav-link,
#menu-item-11148 > a.woodmart-nav-link,
#menu-item-11137 > a.woodmart-nav-link,
#menu-item-11180 > a.woodmart-nav-link {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}
#menu-item-11173 > a > img.wd-nav-img,
#menu-item-11123 > a > img.wd-nav-img,
#menu-item-11148 > a > img.wd-nav-img,
#menu-item-11137 > a > img.wd-nav-img,
#menu-item-11180 > a > img.wd-nav-img,
#menu-item-18853 > a.woodmart-nav-link::before {
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  max-width: 40px !important;
  aspect-ratio: 1 / 1 !important;
  border-radius: 50% !important;
  object-fit: cover !important;
  background-size: cover !important;
  background-position: center !important;
  flex: 0 0 40px !important;
  margin: 0 !important;
}

.wd-sticky-nav #menu-rsa-category > li > a.woodmart-nav-link {
  position: static !important;
  justify-content: flex-start !important;
  padding-inline: 10px !important;
  gap: 10px !important;
}
.wd-sticky-nav #menu-rsa-category > li > a.woodmart-nav-link > .nav-link-text {
  position: static !important;
  display: inline !important;
  visibility: visible !important;
  white-space: normal !important;
  min-width: 0;
  flex: 1 1 auto;
}
.wd-sticky-nav #menu-rsa-category > li > a.woodmart-nav-link > img.wd-nav-img,
.wd-sticky-nav #menu-item-18853 > a.woodmart-nav-link::before {
  flex: 0 0 40px !important;
  margin: 0 !important;
}


.menu-item-11173 > a.woodmart-nav-link { display: flex !important; align-items: center !important; gap: 10px !important; }
.menu-item-11173 > a > img.wd-nav-img { content: url("https://rsatco.com/wp-content/uploads/2026/10/01_industrial_construction.jpg"); width: 40px !important; height: 40px !important; min-width: 40px !important; max-width: 40px !important; aspect-ratio: 1 / 1 !important; border-radius: 50% !important; object-fit: cover !important; flex: 0 0 40px !important; margin: 0 !important; }
.menu-item-18853 > a.woodmart-nav-link { display: flex !important; align-items: center !important; gap: 10px !important; }
.menu-item-18853 > a > img.wd-nav-img { content: url("https://rsatco.com/wp-content/uploads/2026/10/02_petrochemical.jpg"); width: 40px !important; height: 40px !important; min-width: 40px !important; max-width: 40px !important; aspect-ratio: 1 / 1 !important; border-radius: 50% !important; object-fit: cover !important; flex: 0 0 40px !important; margin: 0 !important; }
.menu-item-11123 > a.woodmart-nav-link { display: flex !important; align-items: center !important; gap: 10px !important; }
.menu-item-11123 > a > img.wd-nav-img { content: url("https://rsatco.com/wp-content/uploads/2026/10/03_cosmetics.jpg"); width: 40px !important; height: 40px !important; min-width: 40px !important; max-width: 40px !important; aspect-ratio: 1 / 1 !important; border-radius: 50% !important; object-fit: cover !important; flex: 0 0 40px !important; margin: 0 !important; }
.menu-item-11148 > a.woodmart-nav-link { display: flex !important; align-items: center !important; gap: 10px !important; }
.menu-item-11148 > a > img.wd-nav-img { content: url("https://rsatco.com/wp-content/uploads/2026/10/04_food_industry.jpg"); width: 40px !important; height: 40px !important; min-width: 40px !important; max-width: 40px !important; aspect-ratio: 1 / 1 !important; border-radius: 50% !important; object-fit: cover !important; flex: 0 0 40px !important; margin: 0 !important; }
.menu-item-11137 > a.woodmart-nav-link { display: flex !important; align-items: center !important; gap: 10px !important; }
.menu-item-11137 > a > img.wd-nav-img { content: url("https://rsatco.com/wp-content/uploads/2026/10/05_medical_equipment.jpg"); width: 40px !important; height: 40px !important; min-width: 40px !important; max-width: 40px !important; aspect-ratio: 1 / 1 !important; border-radius: 50% !important; object-fit: cover !important; flex: 0 0 40px !important; margin: 0 !important; }
.menu-item-11180 > a.woodmart-nav-link { display: flex !important; align-items: center !important; gap: 10px !important; }
.menu-item-11180 > a > img.wd-nav-img { content: url("https://rsatco.com/wp-content/uploads/2026/10/06_textiles.jpg"); width: 40px !important; height: 40px !important; min-width: 40px !important; max-width: 40px !important; aspect-ratio: 1 / 1 !important; border-radius: 50% !important; object-fit: cover !important; flex: 0 0 40px !important; margin: 0 !important; }
.menu-item-18853 > a.woodmart-nav-link::before { content: "" !important; display: inline-block !important; width: 40px !important; height: 40px !important; min-width: 40px !important; max-width: 40px !important; border-radius: 50% !important; background: url("https://rsatco.com/wp-content/uploads/2026/10/02_petrochemical.jpg") center / cover no-repeat; flex: 0 0 40px !important; margin: 0 !important; }




/* Stage compatibility without Woodmart runtime */
.rsa-home{width:100%;direction:rtl}.site-header{margin-bottom:1.5rem}.site-branding img{max-width:250px;height:auto}.site-footer .elementor{width:100%}.site-footer ul{list-style:none;padding:0}.site-main,.entry-content{overflow-wrap:anywhere}.elementor iframe{max-width:100%}.rsa-existing-menu{list-style:none;padding:0}.rsa-existing-menu li{margin-bottom:.5em}

.rsa-table-scroll{max-width:100%;overflow-x:auto}.rsa-table-scroll table{width:100%}

/* Documented legacy utilities, independent of Woodmart. */
.rsa-header-tools,.rsatco-language-links{clear:both;display:flex;flex-wrap:wrap;gap:.4rem 1.25rem;align-items:center;padding-block:.5rem;direction:rtl}
.rsa-header-tools a,.rsatco-language-links a{display:inline-flex;align-items:center;min-height:44px;max-width:100%;overflow-wrap:anywhere}
.site-header .site-branding img{width:250px;max-width:100%;height:auto}
.rsa-shop-sidebar{min-width:0;overflow-wrap:anywhere}
.rsa-shop-sidebar form,.rsa-shop-sidebar input{max-width:100%;box-sizing:border-box}
.site-footer .elementor-section,.site-footer .elementor-widget{max-width:100%}
@media(max-width:767px){
.site-header .site-branding{max-width:calc(100% - 75px)}
.site-header .site-branding img{width:180px}
.rsa-header-tools,.rsatco-language-links{gap:.25rem 1rem;font-size:.875rem}
.rsa-shop-sidebar{width:100%;float:none;clear:both;margin-inline:0}
.site-header .handheld-navigation ul{overflow-wrap:anywhere}
}
/* RSATCO reference-image refinement, 2026-11-05. No Woodmart dependency. */
body{padding-right:76px;box-sizing:border-box}
#page{min-width:0}
.site-header{padding:0!important;margin-bottom:0;border-bottom:0;background:#fff;z-index:20}
.site-header>.col-full{max-width:none;padding:0;margin:0}
.rsa-reference-header{direction:rtl;text-align:right;color:#353535}
.rsa-reference-header *,.rsa-activity-rail *{box-sizing:border-box}
.rsa-header-top{display:grid;grid-template-columns:210px minmax(160px,1fr) auto;align-items:center;gap:24px;padding:18px 28px;min-height:102px;border-bottom:1px solid #eee}
.rsa-logo .custom-logo-link{display:block;max-width:100%}
.rsa-logo img{width:210px;max-width:100%;height:auto;margin:0}
.rsa-top-search{display:flex;align-items:center;border:1px solid #dedede;border-radius:999px;padding:4px;background:#fff;min-width:0;box-shadow:0 1px 2px #00000004;margin:0;height:52px}
.rsa-top-search input[type=search]{flex:1;min-width:0;width:100%;background:transparent;border:0;box-shadow:none;padding:9px 16px;font-size:15px;color:#49444d}
.rsa-top-search button{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:50%;background:#70499c;color:white;padding:0;border:0}
.rsa-top-search button:hover{background:#48216f}
.rsa-header-contact{display:flex;align-items:center;gap:22px;font-size:14px;line-height:1.55}
.rsa-header-contact a{display:flex;align-items:center;gap:10px;color:#67418d;white-space:nowrap;min-height:44px}
.rsa-header-contact svg{width:31px;height:31px;color:#333;flex-shrink:0}
.rsa-header-contact strong{display:block;font-size:14px}
.rsa-header-contact .rsa-support{color:#777}
.rsa-header-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:10px 24px;background:#d8d8d8;min-height:76px}
.rsa-category-switch{position:relative;z-index:40;flex-shrink:0}
.rsa-category-switch>summary{display:flex;align-items:center;gap:12px;background:#fff;border-radius:999px;padding:4px 5px 4px 18px;min-height:48px;font-weight:700;font-size:14px;cursor:pointer;list-style:none}
.rsa-category-switch>summary::-webkit-details-marker,.rsa-language-switch>summary::-webkit-details-marker,.rsa-activity-rail summary::-webkit-details-marker{display:none}
.rsa-purple-disc{display:grid;place-items:center;background:#70499c;color:#fff;border-radius:50%;width:40px;height:40px;flex:0 0 40px}
.rsa-category-panel{position:absolute;right:0;top:calc(100% + 8px);width:340px;max-width:calc(100vw - 105px);max-height:min(65vh,560px);overflow:auto;background:white;border:1px solid #e4ddeb;border-radius:12px;box-shadow:0 12px 28px #24152b22;padding:10px}
.rsa-category-panel ul{list-style:none;margin:0;padding:0}
.rsa-category-panel a{display:block;padding:9px 12px;color:#38264b;text-decoration:none;min-height:44px;font-size:13px}
.rsa-category-panel a:hover,.rsa-category-panel a:focus{background:#f4eef9;color:#48216f}
.rsa-category-panel .sub-menu{padding-right:16px;font-size:.9em;border-right:1px solid #eee}
.rsa-category-panel .rsa-page-links{border-top:1px solid #e5ddeb;margin-top:8px;padding-top:8px}
.rsa-header-actions{display:flex;align-items:center;gap:14px;min-width:0}
.rsa-action-circle,.rsa-language-switch>summary{display:grid;place-items:center;width:48px;height:48px;min-width:48px;background:white;color:#383838;border-radius:50%;cursor:pointer;list-style:none}
.rsa-action-circle:hover,.rsa-language-switch>summary:hover{color:#70499c;box-shadow:0 0 0 2px #70499c44}
.rsa-language-switch{position:relative}
.rsa-language-switch>div{position:absolute;left:0;top:calc(100% + 8px);background:#fff;border:1px solid #e6deed;border-radius:12px;min-width:145px;z-index:45;padding:10px;box-shadow:0 10px 20px #24152b18}
.rsa-language-switch .rsatco-language-links{display:flex;flex-direction:column;align-items:stretch;gap:0;padding:0;font-size:13px}
.rsa-language-switch .rsatco-language-links a{padding:8px;min-height:40px}
.rsa-reference-cart{min-width:120px}
.rsa-reference-cart .site-header-cart{float:none;width:auto;margin:0;display:block}
.rsa-reference-cart .site-header-cart .cart-contents{padding:0;display:flex;align-items:center;flex-direction:row-reverse;gap:10px;color:#333;min-height:48px}
.rsa-reference-cart .site-header-cart .cart-contents:after{display:grid;place-items:center;position:static;float:none;width:48px;height:48px;line-height:48px;border-radius:50%;background:#70499c;color:#fff;font-size:21px;margin:0}
.rsa-reference-cart .site-header-cart .count{opacity:1;font-size:11px;white-space:nowrap}
.rsa-reference-cart .site-header-cart .amount{font-size:12px;white-space:nowrap}
.rsa-reference-cart .site-header-cart .widget_shopping_cart{left:0;right:auto;width:290px;z-index:50}
.rsa-reference-cart .site-header-cart:not(:hover):not(:focus-within) .widget_shopping_cart{display:none}
.rsa-reference-cart .site-header-cart:hover .widget_shopping_cart,.rsa-reference-cart .site-header-cart:focus-within .widget_shopping_cart{display:block}
.rsa-activity-rail{position:fixed;right:0;top:0;bottom:0;width:76px;background:#fff;border-left:1px solid #eee;z-index:25;padding:6px 8px;direction:rtl;overflow-y:auto}
.admin-bar .rsa-activity-rail{top:32px}
.rsa-activity-rail summary{list-style:none;cursor:pointer}
.rsa-rail-desktop>summary{display:grid;place-items:center;width:54px;height:54px;margin:0 auto 12px;border-radius:50%;background:#70499c;color:#fff}
.rsa-activity-rail nav{display:flex;flex-direction:column;gap:12px;align-items:center}
.rsa-activity-rail nav a{display:block;flex-shrink:0;border-radius:50%;padding:2px;border:2px solid transparent;min-width:54px;min-height:54px;transition:border-color .15s,transform .15s}
.rsa-activity-rail nav img{display:block;width:50px;height:50px;border-radius:50%;object-fit:cover}
.rsa-activity-rail nav a:hover,.rsa-activity-rail nav a:focus-visible{border-color:#70499c;transform:scale(1.06)}
.rsa-rail-mobile{display:none}
/* Keep existing hero/cards; correct their width and proportions only. */
.home .site-content>.col-full{max-width:none;padding:0;margin:0}
.home .site-content{padding-top:38px;background:#f8f8f8}
.rsa-home .rsa-hero{padding:54px 0 58px;background:linear-gradient(110deg,#29163d 0%,#48216f 62%,#624087 100%)}
.rsa-home .rsa-wrap{width:min(1140px,calc(100% - 64px))}
.rsa-home .rsa-hero-content{max-width:960px}
.rsa-home h1{font-size:clamp(27px,2.4vw,40px);line-height:1.55;margin-bottom:20px}
.rsa-home .rsa-hero p{font-size:16px;line-height:2}
.rsa-home .rsa-actions{margin-top:24px;gap:12px}
.rsa-home .rsa-btn{font-size:14px;min-height:46px;padding:11px 20px}
.rsa-home .rsa-section{padding-top:50px;padding-bottom:50px}
.rsa-home .rsa-card{position:relative;grid-template-columns:112px minmax(0,1fr);padding:12px;min-height:166px}
.rsa-home .rsa-card-mark{display:grid;place-items:center;position:absolute;top:12px;right:132px;width:32px;height:32px;background:#f1e7fa;border-radius:9px;font-size:12px;margin:0}
.rsa-home .rsa-card h3{padding-top:40px;font-size:15px}
.rsa-home .rsa-card-image{width:112px;height:140px}
@media(min-width:1800px){.rsa-header-top{grid-template-columns:250px minmax(250px,1fr) auto;min-height:108px}.rsa-logo img{width:250px}.rsa-top-search{height:62px}.rsa-top-search button{width:50px;height:50px;flex-basis:50px}.rsa-header-contact{font-size:17px}.rsa-header-contact strong{font-size:17px}.rsa-header-bottom{min-height:86px}.rsa-home .rsa-hero{padding:78px 0}.rsa-home .rsa-wrap{width:min(1640px,calc(100% - 110px))}.rsa-home .rsa-hero-content{max-width:960px;margin-right:14%;margin-left:auto}.rsa-home h1{font-size:40px}.rsa-home .rsa-card{grid-template-columns:160px minmax(0,1fr);min-height:190px}.rsa-home .rsa-card-image{width:160px;height:170px}.rsa-home .rsa-card-mark{right:190px}.rsa-home .rsa-card h3{font-size:18px}}
@media(max-width:1100px) and (min-width:768px){.rsa-header-top{grid-template-columns:165px minmax(150px,1fr) 180px;gap:15px;padding:16px 20px}.rsa-logo img{width:165px}.rsa-header-contact{font-size:12px}.rsa-header-contact strong{font-size:12px}.rsa-header-contact .rsa-support{display:none}.rsa-header-actions{gap:10px}.rsa-reference-cart{min-width:100px}.rsa-reference-cart .count{font-size:10px}.rsa-home .rsa-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){
body{padding-right:0}
.rsa-header-top{grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:14px 16px;min-height:0}
.rsa-logo img{width:170px}
.rsa-header-contact{font-size:10px;gap:0}
.rsa-header-contact svg,.rsa-header-contact .rsa-support{display:none}
.rsa-header-contact strong{font-size:10px}
.rsa-top-search{grid-row:2;grid-column:1/-1;width:100%;height:46px}
.rsa-top-search button{width:36px;height:36px;flex-basis:36px}
.rsa-top-search input[type=search]{font-size:14px;padding:8px 12px}
.rsa-header-bottom{padding:10px 12px;min-height:64px;gap:8px}
.rsa-category-switch>summary{font-size:12px;padding-left:10px;gap:6px;min-height:42px}
.rsa-purple-disc{width:32px;height:32px;flex-basis:32px}
.rsa-action-circle,.rsa-language-switch>summary{width:38px;height:38px;min-width:38px}
.rsa-header-actions{gap:6px}
.rsa-header-actions>.rsa-action-circle:nth-child(2){display:none}
.rsa-header-actions .rsa-language-switch{display:none}
.rsa-reference-cart{min-width:58px}
.rsa-reference-cart .site-header-cart{display:block}
.rsa-reference-cart .site-header-cart .cart-contents{gap:4px;min-height:38px}
.rsa-reference-cart .site-header-cart .cart-contents:after{width:38px;height:38px;line-height:38px;font-size:17px}
.rsa-reference-cart .site-header-cart .amount{display:none}
.rsa-reference-cart .site-header-cart .widget_shopping_cart{display:none!important}
.rsa-category-panel{position:static;width:calc(100vw - 24px);max-width:100%;max-height:none;margin-top:10px;box-shadow:none}
.rsa-header-bottom:has(.rsa-category-switch[open]){flex-wrap:wrap;align-items:flex-start}
.rsa-category-switch[open]{flex-basis:100%;width:100%;order:2}
.rsa-category-switch[open]>summary{width:max-content;max-width:100%}
.rsa-category-switch[open]~.rsa-header-actions{margin-right:auto}
.rsa-activity-rail,.admin-bar .rsa-activity-rail{position:static;width:100%;height:auto;max-height:none;padding:0;overflow:visible;border-left:0;border-bottom:1px solid #eee;z-index:auto;background:#fff}
.rsa-rail-desktop{display:none}
.rsa-rail-mobile{display:block}
.rsa-rail-mobile>summary{display:flex;align-items:center;gap:8px;font-size:12px;min-height:44px;padding:9px 16px;color:#67418d}
.rsa-activity-rail nav{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px;padding:8px 12px 14px}
.rsa-activity-rail nav a{min-width:0;min-height:44px;padding:1px;border-width:1px}
.rsa-activity-rail nav img{width:100%;height:auto;aspect-ratio:1;max-width:48px;margin:auto}
.home .site-content{padding-top:22px}
.rsa-home .rsa-wrap{width:calc(100% - 32px)}
.rsa-home .rsa-hero{padding:34px 0 38px}
.rsa-home h1{font-size:26px;margin-bottom:14px}
.rsa-home .rsa-hero p{font-size:14px}
.rsa-home .rsa-btn{font-size:12px;min-height:44px;padding:10px 14px}
.rsa-home .rsa-section{padding:34px 0}
.rsa-home .rsa-cards{grid-template-columns:1fr}
.rsa-home .rsa-card{grid-template-columns:92px minmax(0,1fr);min-height:150px}
.rsa-home .rsa-card-image{width:92px;height:126px}
.rsa-home .rsa-card-mark{right:112px}
.rsa-home .rsa-card h3{font-size:15px}
}
#masthead.site-header{margin-bottom:0!important}
.rsa-header-top{padding-top:8px;padding-bottom:8px}
.rsa-reference-cart .site-header-cart .cart-contents:after{flex:0 0 48px}
@media(max-width:767px){.rsa-header-top{padding-top:14px;padding-bottom:14px}.rsa-header-actions .rsa-language-switch{display:block}.rsa-reference-cart .site-header-cart .cart-contents:after{flex-basis:38px}.rsa-reference-cart .site-header-cart .count{font-size:9px}}
@media(max-width:767px){.rsa-category-panel{max-height:min(60vh,480px);overflow-y:auto;overscroll-behavior:contain}}
.rsa-reference-cart .site-header-cart .cart-contents::after{content:"\f291";font-family:"Font Awesome 5 Free";font-weight:900}
@media(max-width:767px){.rsa-reference-cart{min-width:76px}}

/* Final reference: labelled rail and genuine existing submenu hierarchy. */
.rsa-tree{list-style:none;margin:0;padding:0;direction:rtl}
.rsa-tree li{position:relative;list-style:none;margin:0}
.rsa-tree .rsa-tree-link{display:flex;align-items:center;gap:10px;padding:8px 6px 8px 32px;min-height:48px;border:0;border-radius:8px;color:#43364e;font-size:13px;text-decoration:none;transform:none;white-space:normal;overflow-wrap:anywhere}
.rsa-tree .rsa-tree-link img{width:40px;height:40px;min-width:40px;flex-shrink:0;border-radius:50%;object-fit:cover}
.rsa-tree .rsa-tree-link:hover,.rsa-tree .rsa-tree-link:focus-visible{background:#f3eef8;color:#70499c;transform:none}
.rsa-subcategories>summary{position:absolute;left:0;top:13px;display:flex;align-items:center;justify-content:center;list-style:none;width:28px;height:28px;border-radius:50%;cursor:pointer;color:#70499c;background:#f4eff9;font-size:22px;line-height:1}
.rsa-subcategories>summary::-webkit-details-marker{display:none}
.rsa-subcategories[open]>summary span{transform:rotate(-90deg)}
.rsa-subcategories>.rsa-tree{margin:0 12px 8px 0;padding-right:8px;border-right:1px solid #e7dfee}
.rsa-tree-level-1 .rsa-tree-link,.rsa-tree-level-2 .rsa-tree-link,.rsa-tree-level-3 .rsa-tree-link{font-size:12px;min-height:44px}
.rsa-rail-expand>summary{display:flex;align-items:center;justify-content:center;gap:8px;width:54px;height:54px;margin:0 auto 12px;background:#70499c;color:#fff;border-radius:999px;list-style:none;cursor:pointer;padding:8px}
.rsa-rail-title{display:none;font-size:13px;font-weight:700;white-space:nowrap}
.rsa-rail-expand[open]>summary{width:100%;height:44px;flex-direction:row-reverse}
.rsa-rail-expand[open] .rsa-rail-title{display:inline}
.rsa-rail-expand[open]~.rsa-rail-icons{display:none}
.rsa-rail-expanded-tree{padding:0 2px 16px}
@media(min-width:768px){body:has(.rsa-rail-expand[open]){padding-right:280px}.rsa-activity-rail:has(.rsa-rail-expand[open]){width:280px;padding:8px 10px}}
@media(max-width:767px){.rsa-tree .rsa-tree-link{font-size:12px}.rsa-subcategories>.rsa-tree{margin-right:8px}}
@media(min-width:768px) and (max-width:1100px){body:has(.rsa-rail-expand[open]) .rsa-header-top{grid-template-columns:120px minmax(0,1fr)}body:has(.rsa-rail-expand[open]) .rsa-header-contact{display:none}body:has(.rsa-rail-expand[open]) .rsa-header-bottom{flex-wrap:wrap}body:has(.rsa-rail-expand[open]) .rsa-header-actions{margin-right:auto}body:has(.rsa-rail-expand[open]) .rsa-home .rsa-cards{grid-template-columns:1fr}}