/* Dast Ba Dast official brand theme */
/* Utilities ( Import Utilities ) */
/* variables */
.sp-cursor:before {
  background: #0A2F8F;
}

::-moz-selection {
  background: #0A2F8F;
}

::selection {
  background: #0A2F8F;
}

.sp-btn,
.sp-btn-1 {
  color: #0A2F8F;
  border-color: #0A2F8F;
}
.sp-btn:hover,
.sp-btn-1:hover {
  background-color: #0A2F8F;
}

.sp-btn-3:hover {
  background-color: #0A2F8F;
}

.sp-btn-4 {
  background-color: #0A2F8F;
}

.sp-header .sp-main-menu-desk .sp-inner-menu-desk .sp-dropdown-menu .inner-select svg path,
.sp-header-2 .sp-main-menu-desk .sp-inner-menu-desk .sp-dropdown-menu .inner-select svg path {
  stroke: #0A2F8F;
}
.sp-header .sp-main-menu-desk .sp-inner-menu-desk .sp-main-menu ul.navbar-nav .sp-dropdown .sp-dropdown-menu li a:hover,
.sp-header-2 .sp-main-menu-desk .sp-inner-menu-desk .sp-main-menu ul.navbar-nav .sp-dropdown .sp-dropdown-menu li a:hover {
  color: #0A2F8F;
}
.sp-header .sp-main-menu-desk .sp-inner-menu-desk .sp-main-menu ul.navbar-nav li:hover a.nav-link,
.sp-header-2 .sp-main-menu-desk .sp-inner-menu-desk .sp-main-menu ul.navbar-nav li:hover a.nav-link {
  color: #0A2F8F;
}
.sp-header .sp-main-menu-desk .sp-inner-menu-desk .sp-main-menu ul.navbar-nav li a svg path,
.sp-header-2 .sp-main-menu-desk .sp-inner-menu-desk .sp-main-menu ul.navbar-nav li a svg path {
  stroke: #0A2F8F;
}
.sp-header .sp-main-menu-desk .sp-inner-menu-desk .sp-main-menu ul.navbar-nav .sp-main-dropdown .mega-menu li a:hover,
.sp-header-2 .sp-main-menu-desk .sp-inner-menu-desk .sp-main-menu ul.navbar-nav .sp-main-dropdown .mega-menu li a:hover {
  color: #0A2F8F;
}
.sp-header .sp-main-menu-desk .sp-inner-menu-desk .sp-main-menu ul.navbar-nav .sp-main-dropdown .mega-menu .menu_title a,
.sp-header-2 .sp-main-menu-desk .sp-inner-menu-desk .sp-main-menu ul.navbar-nav .sp-main-dropdown .mega-menu .menu_title a {
  color: #0A2F8F;
}
.sp-header .sp-main-menu-desk .sp-inner-menu-desk .sp-main-menu ul.navbar-nav .sp-main-dropdown .img-menu li img:hover,
.sp-header-2 .sp-main-menu-desk .sp-inner-menu-desk .sp-main-menu ul.navbar-nav .sp-main-dropdown .img-menu li img:hover {
  border-color: #0A2F8F;
}
.sp-header .sp-main-menu-desk .sp-inner-menu-desk .sp-main-menu ul.navbar-nav .sp-main-dropdown .img-menu li a:hover,
.sp-header-2 .sp-main-menu-desk .sp-inner-menu-desk .sp-main-menu ul.navbar-nav .sp-main-dropdown .img-menu li a:hover {
  color: #0A2F8F;
}
.sp-header .top-header .inner-top-header .col-right-bar .cols .dropdown a:hover,
.sp-header-2 .top-header .inner-top-header .col-right-bar .cols .dropdown a:hover {
  color: #0A2F8F;
}
.sp-header .header-search .sp-btn-group-form input,
.sp-header-2 .header-search .sp-btn-group-form input {
  border-color: #0A2F8F;
}
.sp-header .header-search .sp-btn-group-form .inner-select,
.sp-header-2 .header-search .sp-btn-group-form .inner-select {
  border-color: #0A2F8F;
}
.sp-header .header-search .sp-btn-group-form button:hover i,
.sp-header-2 .header-search .sp-btn-group-form button:hover i {
  color: #0A2F8F;
}
.sp-header .bottom-header .inner-bottom-header .sp-header-buttons .sp-acc-drop .sp-dropdown-menu li a:hover,
.sp-header .bottom-header .inner-bottom-header .sp-header-buttons .sp-wish-drop .sp-dropdown-menu li a:hover,
.sp-header-2 .bottom-header .inner-bottom-header .sp-header-buttons .sp-acc-drop .sp-dropdown-menu li a:hover,
.sp-header-2 .bottom-header .inner-bottom-header .sp-header-buttons .sp-wish-drop .sp-dropdown-menu li a:hover {
  color: #0A2F8F;
}
.sp-header .bottom-header .inner-bottom-header .sp-header-buttons .sp-acc-drop .sp-dropdown-menu li a:hover i,
.sp-header .bottom-header .inner-bottom-header .sp-header-buttons .sp-wish-drop .sp-dropdown-menu li a:hover i,
.sp-header-2 .bottom-header .inner-bottom-header .sp-header-buttons .sp-acc-drop .sp-dropdown-menu li a:hover i,
.sp-header-2 .bottom-header .inner-bottom-header .sp-header-buttons .sp-wish-drop .sp-dropdown-menu li a:hover i {
  color: #fff;
}
.sp-header .bottom-header .inner-bottom-header .sp-header-buttons .sp-acc-drop div.sp-wish-items li .sp-wish-contact span.wish-price .stock,
.sp-header .bottom-header .inner-bottom-header .sp-header-buttons .sp-wish-drop div.sp-wish-items li .sp-wish-contact span.wish-price .stock,
.sp-header-2 .bottom-header .inner-bottom-header .sp-header-buttons .sp-acc-drop div.sp-wish-items li .sp-wish-contact span.wish-price .stock,
.sp-header-2 .bottom-header .inner-bottom-header .sp-header-buttons .sp-wish-drop div.sp-wish-items li .sp-wish-contact span.wish-price .stock {
  color: #0A2F8F;
}

.select-options li:hover {
  color: #0A2F8F;
}

.sp-hero h1 {
  color: #0A2F8F;
}
.sp-hero .sp-info ul .add-icon {
  background-color: #0A2F8F;
}

.sp-hero-2 h1,
.sp-hero-2 h2,
.sp-hero-2 h1,
.sp-hero-2 h2 {
  color: #0A2F8F;
}

.sp-category-popup .sp-category-search input {
  border-color: #0A2F8F;
}
.sp-category-popup .sp-category-search button:hover {
  background-color: #0A2F8F;
}
.sp-category-popup .sp-category-search .sp-cat-list ul .list.active {
  background-color: #0A2F8F;
}
.sp-category-popup .sp-category-search .sp-cat-list ul .list.active:hover {
  border-color: #0A2F8F;
  background-color: #0A2F8F;
}
.sp-category-popup .sp-category-search .sp-cat-list ul li:hover {
  border-color: #0A2F8F;
}
.sp-category-popup .sp-category-search .sp-cat-list ul li:hover a {
  color: #0A2F8F;
}

.sp-banner .sp-wish,
.sp-banner-2 .sp-wish {
  border-color: #0A2F8F;
  color: #0A2F8F;
}
.sp-banner .sp-wish:hover,
.sp-banner-2 .sp-wish:hover {
  background-color: #0A2F8F;
  color: #fff;
}

.section-detail .sp-title p {
  color: #0A2F8F;
}

.sp-about .sp-img-box .sp-detail .info,
.sp-about-2 .sp-img-box .sp-detail .info {
  background-color: #0A2F8F;
}
.sp-about .sp-details .list .icon,
.sp-about-2 .sp-details .list .icon {
  border-color: #0A2F8F;
}
.sp-about .sp-details .list .icon svg path,
.sp-about-2 .sp-details .list .icon svg path {
  fill: #0A2F8F;
}
.sp-about .sp-details .list .icon svg .cls-1,
.sp-about-2 .sp-details .list .icon svg .cls-1 {
  fill: none;
  stroke: #0A2F8F;
}

.sp-category .sp-category-block .category-detail .category-img,
.sp-category-2 .sp-category-block .category-detail .category-img {
  border-color: #0A2F8F;
}
.sp-category .sp-category-block .category-detail .category-img:after,
.sp-category-2 .sp-category-block .category-detail .category-img:after {
  border-color: #0A2F8F;
}
.sp-category .sp-category-block .category-detail .category-info,
.sp-category-2 .sp-category-block .category-detail .category-info {
  border-color: #0A2F8F;
}
.sp-category .sp-category-block .category-detail .category-info h5 a:hover,
.sp-category-2 .sp-category-block .category-detail .category-info h5 a:hover {
  color: #0A2F8F;
}

.section-detail.detail-two .sp-tab ul .nav-item a.active {
  background-color: #0A2F8F;
}

.sp-pro-box .sp-pro-img .sp-pro-actions .sp-btn-group:hover a,
.sp-pro-box-2 .sp-pro-img .sp-pro-actions .sp-btn-group:hover a {
  background-color: #0A2F8F;
  border-color: #0A2F8F;
}
.sp-pro-box .sp-pro-img .sp-pro-actions .sp-btn-group .sp-wishlist.active,
.sp-pro-box .sp-pro-img .sp-pro-actions .sp-btn-group .sp-compare.active,
.sp-pro-box .sp-pro-img .sp-pro-actions .sp-btn-group .add-to-cart.active,
.sp-pro-box-2 .sp-pro-img .sp-pro-actions .sp-btn-group .sp-wishlist.active,
.sp-pro-box-2 .sp-pro-img .sp-pro-actions .sp-btn-group .sp-compare.active,
.sp-pro-box-2 .sp-pro-img .sp-pro-actions .sp-btn-group .add-to-cart.active {
  background-color: #0A2F8F;
  border-color: #0A2F8F;
}
.sp-pro-box .sp-pro-details .sp-price .inner-price .item-left,
.sp-pro-box-2 .sp-pro-details .sp-price .inner-price .item-left {
  color: #0A2F8F;
}
.sp-pro-box .sp-pro-details h4.sp-pro-title a:hover,
.sp-pro-box-2 .sp-pro-details h4.sp-pro-title a:hover {
  color: #0A2F8F;
}

.sp-popup-notify a {
  color: #0A2F8F;
}
.sp-popup-notify p {
  border-color: #0A2F8F;
}
.sp-popup-notify p .red {
  color: #0A2F8F;
}

.sp-pro-rating .ri-star-fill {
  color: #0A2F8F;
}

.sp-ser-inner .sp-service-image svg path {
  fill: #0A2F8F;
}

.sp-collection-block .collection-detail .collection-info {
  border-color: #0A2F8F;
}
.sp-collection-block .collection-detail .collection-info h5 a:hover {
  color: #0A2F8F;
}

.sp-vendor-list .nav-tabs .nav-link.active {
  border-color: #0A2F8F;
}
.sp-vendor-list .nav-tabs .nav-link:hover {
  border-color: #0A2F8F;
}
.sp-vendor-list .nav-tabs .nav-item .nav-img {
  border-color: #0A2F8F;
}

.sp-deal .deal-box,
.sp-deal-2 .deal-box {
  border-color: #0A2F8F;
}
.sp-deal .deal-box h3 span,
.sp-deal-2 .deal-box h3 span {
  color: #0A2F8F;
}
.sp-deal .box-2 .deal-detail .limit svg,
.sp-deal-2 .box-2 .deal-detail .limit svg {
  fill: #0A2F8F;
}

.sp-product-popular .owl-nav button:hover {
  border-color: #0A2F8F !important;
  background-color: #0A2F8F;
}

.sp-testimonial .sp-testimonial-box .sp-detail .sp-icon i {
  color: #0A2F8F;
}
.sp-testimonial .owl-nav button:hover {
  background-color: #0A2F8F;
  border-color: #0A2F8F !important;
}

.sp-blog-box .sp-blog-info h3 a:hover,
.sp-blog-box-2 .sp-blog-info h3 a:hover {
  color: #0A2F8F;
}
.sp-blog-box .sp-blog-info .sp-post a,
.sp-blog-box-2 .sp-blog-info .sp-post a {
  color: #0A2F8F;
}
.sp-blog-box .sp-blog-detail .sp-read:hover,
.sp-blog-box-2 .sp-blog-detail .sp-read:hover {
  color: #0A2F8F;
}

.sp-footer .footer-top .sp-footer-social .sp-footer-widget .sp-footer-links .sp-footer-link a:hover,
.sp-footer-2 .footer-top .sp-footer-social .sp-footer-widget .sp-footer-links .sp-footer-link a:hover {
  background-color: #0A2F8F;
}
.sp-footer .footer-top .sp-footer-widget .sp-footer-links .sp-footer-link a:hover,
.sp-footer-2 .footer-top .sp-footer-widget .sp-footer-links .sp-footer-link a:hover {
  color: #0A2F8F;
}

.footer-bottom .sp-copy .site-name:hover {
  color: #0A2F8F;
}

a.back-to-top {
  border-color: #0A2F8F;
}
a.back-to-top svg path {
  stroke: #0A2F8F;
}

.sp-breadcrumb .sp-breadcrumb-list li a,
.sp-breadcrumb-2 .sp-breadcrumb-list li a {
  color: #0A2F8F;
}

.sp-team-section .sp-team-box .sp-team-img .sp-team-socials ul li a:hover {
  background-color: #0A2F8F;
}
.sp-team-section .owl-nav button:hover {
  background-color: #0A2F8F;
  border-color: #0A2F8F !important;
}

.sp-single-blog-item .single-blog-info .single-blog-detail label a {
  color: #0A2F8F;
}

.sp-pro-pagination ul li a.active {
  background-color: #0A2F8F;
}
.sp-pro-pagination ul li a:hover {
  background-color: #0A2F8F;
}
.sp-pro-pagination ul li a.next {
  background-color: #0A2F8F;
}

.sp-blog-comments .sp-single-comment-wrapper .sp-blog-comment-content .sp-blog-details-btn a {
  color: #0A2F8F;
}

.sp-blogs-sidebar .sp-sidebar-block .sp-sidebar-block-item .sp-sidebar-block-detial a {
  color: #0A2F8F;
}
.sp-blogs-sidebar .sp-sidebar-block .sp-sidebar-block-item .checked:after {
  background: #0A2F8F;
  border-color: #0A2F8F;
}

.sp-accordion.style-1 .sp-accordion-body code {
  color: #0A2F8F;
}

.sp-single-product .sp-single-rating i {
  color: #0A2F8F;
}
.sp-single-product .single-pro-content .sp-single-price .final-price .price-des {
  color: #0A2F8F;
}
.sp-single-product .single-pro-content .sp-single-rating-wrap .sp-read-review a:hover {
  color: #0A2F8F;
}
.sp-single-product .single-pro-content .sp-single-price-stoke .sp-single-ps-title {
  color: #0A2F8F;
}
.sp-single-product .single-pro-content .sp-pro-variation .sp-pro-variation-inner .sp-pro-variation-content li.active {
  background-color: #0A2F8F;
}
.sp-single-product .single-pro-content .sp-single-qty .sp-single-cart .sp-btn-1 {
  border-color: #0A2F8F;
}
.sp-single-product .single-pro-content .sp-single-qty .sp-single-cart .sp-btn-1 svg path {
  stroke: #0A2F8F;
}
.sp-single-product .single-pro-content .sp-single-qty .sp-btn-group:hover {
  border-color: #0A2F8F;
  background-color: #0A2F8F;
}
.sp-single-product .single-nav-thumb .slick-slide.slick-current.slick-active img {
  border-color: #0A2F8F;
}
.sp-single-product .single-nav-thumb .slick-slide img:hover {
  border-color: #0A2F8F;
}
.sp-single-product .single-add-more .add-more-item.sp-active {
  border-color: #0A2F8F;
}
.sp-single-product .single-add-more .add-more-item.sp-active .add {
  border-color: #0A2F8F;
  background-color: #0A2F8F;
}
.sp-single-product .sp-single-pro-tab-nav .nav-tabs .nav-link.active {
  border-color: #0A2F8F;
  background-color: #0A2F8F;
}
.sp-single-product .sp-single-pro-tab-nav .nav-tabs .nav-link:hover {
  border-color: #0A2F8F;
  background-color: #0A2F8F;
}
.sp-single-product .sp-single-pro-tab-content .sp-t-review-item .sp-t-review-top .sp-t-review-rating i,
.sp-single-product .sp-single-pro-accordion-content .sp-t-review-item .sp-t-review-top .sp-t-review-rating i {
  color: #0A2F8F;
}

.sp-shop-sidebar .sp-sidebar-block .sp-sidebar-block-item .checked:after {
  background: #0A2F8F;
  border-color: #0A2F8F;
}

.sp-price-range-slider .noUi-horizontal .noUi-handle {
  border-color: #0A2F8F;
}
.sp-price-range-slider .noUi-horizontal .noUi-handle:hover {
  background: #0A2F8F;
}

.sp-pro-list-top .sp-gl-btn .grid-btn.active {
  border-color: #0A2F8F;
  background: #0A2F8F;
}

.sp-track-order .sp-track-list .sp-track-block.active .sp-step-icon i {
  color: #0A2F8F;
}
/* Dast Ba Dast brand layout integration */
:root {
  --dastbadast-blue: #0A2F8F;
  --dastbadast-orange: #FF8C00;
  --dastbadast-white: #FFFFFF;
  --dastbadast-blue-soft: #F3F6FC;
  --dastbadast-blue-rgb: 10, 47, 143;
  --dastbadast-orange-rgb: 255, 140, 0;
}

html {
  color-scheme: light;
}

body {
  accent-color: var(--dastbadast-blue);
}

*:focus-visible {
  outline: 3px solid var(--dastbadast-orange);
  outline-offset: 3px;
}

.sp-loader img {
  width: 52px;
  height: 52px;
  object-fit: contain;
}

.sp-header .bottom-header .inner-bottom-header .header-logo a {
  display: flex;
  align-items: center;
  padding: 8px;
}

.sp-header .bottom-header .inner-bottom-header .header-logo img {
  width: 190px;
  min-width: 180px;
  height: auto;
  object-fit: contain;
}

.sp-header .sp-category-toggle {
  color: var(--dastbadast-white);
  border-color: var(--dastbadast-orange);
  background-color: var(--dastbadast-orange);
}

.sp-header .sp-category-toggle:hover,
.sp-header .sp-category-toggle:focus-visible {
  border-color: var(--dastbadast-blue);
  background-color: var(--dastbadast-blue);
}

.sp-header .sp-category-toggle svg,
.sp-header .sp-category-toggle svg path {
  color: var(--dastbadast-white);
  stroke: currentColor;
}

.sp-btn:hover,
.sp-btn-1:hover,
.sp-btn-3:hover,
.sp-btn-4:hover {
  border-color: var(--dastbadast-orange);
  background-color: var(--dastbadast-orange);
}

.sp-footer {
  color: var(--dastbadast-white);
  background: var(--dastbadast-blue);
}

.brand-footer {
  min-height: 112px;
  padding: 24px clamp(20px, 5vw, 72px);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 28px;
  flex-wrap: wrap;
  background: var(--dastbadast-blue);
  color: var(--dastbadast-white);
  text-align: center;
}

.brand-footer-lockup {
  display: inline-flex;
  align-items: center;
  padding: 8px;
}

.brand-footer-lockup img {
  width: 180px;
  height: auto;
}

.brand-footer-copy,
.brand-footer-copy span {
  color: var(--dastbadast-white);
}

.sp-footer-nav {
  background-color: var(--dastbadast-blue);
  border-top-color: rgba(255, 255, 255, 0.2);
}

.sp-footer-nav ul li a span {
  background-color: var(--dastbadast-orange);
}

@media only screen and (max-width: 1199px) {
  .sp-header .bottom-header .inner-bottom-header .header-logo img {
    width: 180px;
  }
}

@media only screen and (max-width: 575px) {
  .sp-header .bottom-header .inner-bottom-header .header-logo img {
    width: 180px;
    min-width: 180px;
  }

  .brand-footer {
    gap: 12px;
    padding: 22px 16px;
  }

  .brand-footer-lockup img {
    width: 160px;
  }

  .brand-footer-copy {
    width: 100%;
    font-size: 13px;
  }
}
/* Legacy page logo compatibility */
.brand-legacy-logo {
  display: block;
  height: auto;
  padding: 8px;
  object-fit: contain;
}

.brand-legacy-logo-full {
  width: 180px;
}

.brand-legacy-logo-symbol {
  width: 56px;
}

.brand-error-logo {
  width: min(100%, 220px);
  height: auto;
  padding: 12px;
}

/* Dast Ba Dast complete visual system v2 */
body {
  background: #F7F9FE;
  color: #161A2A;
}

::selection {
  background: rgba(255, 140, 0, 0.28);
  color: #0A2F8F;
}

.sp-header {
  background: #FFFFFF;
  border-top: 5px solid var(--dastbadast-blue);
  box-shadow: 0 8px 28px rgba(10, 47, 143, 0.08);
}

.sp-header .bottom-header {
  background: linear-gradient(105deg, #F3F6FC 0%, #FFFFFF 58%, #FFF6EA 100%);
  border-bottom: 1px solid rgba(10, 47, 143, 0.14);
}

.sp-header .bottom-header .inner-bottom-header .header-search .sp-btn-group-form,
.sp-header .header-search .sp-btn-group-form {
  background: #FFFFFF;
  border: 1.5px solid var(--dastbadast-blue);
  border-radius: 14px;
  box-shadow: 0 5px 18px rgba(10, 47, 143, 0.08);
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.sp-header .bottom-header .inner-bottom-header .header-search .sp-btn-group-form:focus-within,
.sp-header .header-search .sp-btn-group-form:focus-within {
  border-color: var(--dastbadast-orange);
  box-shadow: 0 0 0 4px rgba(255, 140, 0, 0.14);
}

.sp-header .header-search input::placeholder {
  color: #687386;
}

.sp-header .sp-btn-stitle,
.sp-header .sp-btn-title {
  color: var(--dastbadast-blue) !important;
  font-weight: 700;
}

.sp-header .header-icon,
.sp-header .header-icon svg {
  color: var(--dastbadast-blue) !important;
}

.sp-header .header-icon .sp-stroke,
.sp-header .sp-header-btn .sp-stroke {
  stroke: var(--dastbadast-blue) !important;
}

.sp-header .header-icon .sp-fill,
.sp-header .sp-header-btn .sp-fill {
  fill: var(--dastbadast-blue) !important;
}

.sp-header .sp-header-btn:hover .sp-btn-stitle,
.sp-header .sp-header-btn:hover .sp-btn-title {
  color: var(--dastbadast-orange) !important;
}

.sp-header .sp-header-btn:hover .sp-stroke {
  stroke: var(--dastbadast-orange) !important;
}

.sp-header .sp-header-btn:hover .sp-fill {
  fill: var(--dastbadast-orange) !important;
}

.sp-header .sp-main-menu-desk {
  background: #FFFFFF;
  border-top: 1px solid rgba(10, 47, 143, 0.10);
  border-bottom: 3px solid var(--dastbadast-blue);
}

.sp-main-menu-desk .sp-inner-menu-desk .sp-header-btn {
  background: var(--dastbadast-blue-soft);
  border-color: rgba(10, 47, 143, 0.16);
  border-radius: 12px;
  transition: background-color 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
}

.sp-main-menu-desk .sp-inner-menu-desk .sp-header-btn:hover {
  background: var(--dastbadast-orange);
  border-color: var(--dastbadast-orange);
  transform: translateY(-1px);
}

.sp-main-menu-desk .sp-inner-menu-desk .sp-header-btn:hover .sp-btn-stitle,
.sp-main-menu-desk .sp-inner-menu-desk .sp-header-btn:hover .sp-btn-title {
  color: #FFFFFF !important;
}

.sp-main-menu-desk .sp-inner-menu-desk .sp-header-btn:hover .sp-stroke {
  stroke: #FFFFFF !important;
}

.sp-main-menu-desk .sp-inner-menu-desk .sp-header-btn:hover .sp-fill {
  fill: #FFFFFF !important;
}

#category {
  background: transparent;
}

#category .sp-cart-content {
  background: #FFFFFF;
  border: 1px solid rgba(10, 47, 143, 0.12);
  border-radius: 22px;
  box-shadow: 0 14px 34px rgba(10, 47, 143, 0.07);
  padding: 14px 18px;
}

#category .cat-item {
  border-radius: 16px;
  color: var(--dastbadast-blue) !important;
  padding: 11px 8px;
  transition: background-color 0.2s ease, transform 0.2s ease;
}

#category .cat-item img {
  background: var(--dastbadast-blue-soft);
  border: 2px solid rgba(10, 47, 143, 0.12);
  border-radius: 18px;
  box-shadow: 0 5px 14px rgba(10, 47, 143, 0.08);
  height: 58px !important;
  object-fit: contain;
  padding: 7px;
  transition: border-color 0.2s ease, background-color 0.2s ease, transform 0.2s ease;
  width: 58px !important;
}

#category .cat-title {
  color: var(--dastbadast-blue) !important;
  font-weight: 700 !important;
}

#category .cat-item:hover {
  background: #FFF6EA;
  transform: translateY(-2px);
}

#category .cat-item:hover img {
  background: #FFFFFF;
  border-color: var(--dastbadast-orange);
  transform: translateY(-2px);
}

#category .cat-item:hover .cat-title {
  color: var(--dastbadast-orange) !important;
}

.sp-btn-1,
.btn-primary {
  background-color: var(--dastbadast-blue);
  border-color: var(--dastbadast-blue);
}

.sp-btn-1:hover,
.btn-primary:hover,
.sp-btn-1:focus,
.btn-primary:focus {
  background-color: var(--dastbadast-orange);
  border-color: var(--dastbadast-orange);
}

.sp-pagination .page-link.active,
.sp-pagination .active > .page-link,
.page-item.active .page-link {
  background: var(--dastbadast-blue);
  border-color: var(--dastbadast-blue);
}

.sp-pagination .page-link:hover,
.page-link:hover {
  color: var(--dastbadast-orange);
}

@media (max-width: 991.98px) {
  .sp-header {
    border-top-width: 4px;
  }

  .sp-header .bottom-header {
    background: linear-gradient(135deg, #F3F6FC 0%, #FFF6EA 100%);
  }

  #category .sp-cart-content {
    border-radius: 16px;
    padding: 10px 8px;
  }
}
/* Dast Ba Dast category system v3 */
#category {
  --category-blue: #0A2F8F;
  --category-orange: #FF8C00;
  --category-soft-blue: #F3F6FC;
  --category-soft-orange: #FFF6EA;
}

#category .sp-cart-leftside {
  padding-inline: 0;
}

#category .sp-cart-content {
  overflow: hidden;
  padding: 18px;
}

#category .category-grid {
  display: grid;
  grid-template-columns: repeat(10, minmax(82px, 1fr));
  gap: 12px;
  margin: 0;
  width: 100%;
}

#category .cat-item {
  align-items: center;
  background: transparent;
  border: 1px solid transparent;
  border-radius: 18px;
  color: var(--category-blue) !important;
  display: flex;
  flex-direction: column;
  font-family: 'Vazirmatn', sans-serif;
  justify-content: flex-start;
  min-height: 122px;
  padding: 12px 7px 10px;
  scroll-snap-align: start;
  text-align: center;
  text-decoration: none;
  transition: background-color 180ms ease, border-color 180ms ease, box-shadow 180ms ease, color 180ms ease, transform 180ms ease;
}

#category .category-icon-wrap {
  align-items: center;
  background: var(--category-soft-blue);
  border: 1.5px solid rgba(10, 47, 143, 0.16);
  border-radius: 18px;
  box-shadow: 0 6px 16px rgba(10, 47, 143, 0.08);
  color: var(--category-blue);
  display: flex;
  flex: 0 0 64px;
  height: 64px;
  justify-content: center;
  margin-bottom: 9px;
  position: relative;
  transition: background-color 180ms ease, border-color 180ms ease, box-shadow 180ms ease, color 180ms ease, transform 180ms ease;
  width: 64px;
}

#category .category-icon-wrap::after {
  background: var(--category-orange);
  border: 3px solid #FFFFFF;
  border-radius: 50%;
  bottom: 6px;
  box-shadow: 0 2px 5px rgba(255, 140, 0, 0.24);
  content: '';
  height: 10px;
  inset-inline-end: 6px;
  position: absolute;
  width: 10px;
}

#category .category-icon {
  color: inherit;
  display: block;
  font-size: 31px;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
}

#category .cat-title {
  align-items: center;
  color: var(--category-blue) !important;
  display: flex;
  font-size: 13.5px;
  font-weight: 700 !important;
  justify-content: center;
  line-height: 1.55;
  min-height: 42px;
  transition: color 180ms ease;
}

#category .cat-item:hover,
#category .cat-item:focus-visible {
  background: var(--category-soft-orange);
  border-color: rgba(255, 140, 0, 0.34);
  box-shadow: 0 10px 24px rgba(10, 47, 143, 0.08);
  color: var(--category-orange) !important;
  outline: none;
  transform: translateY(-2px);
}

#category .cat-item:hover .category-icon-wrap,
#category .cat-item:focus-visible .category-icon-wrap {
  background: #FFFFFF;
  border-color: var(--category-orange);
  box-shadow: 0 8px 20px rgba(255, 140, 0, 0.14);
  color: var(--category-blue);
  transform: translateY(-2px);
}

#category .cat-item:hover .cat-title,
#category .cat-item:focus-visible .cat-title {
  color: var(--category-orange) !important;
}

#category .cat-item:focus-visible {
  box-shadow: 0 0 0 3px rgba(255, 140, 0, 0.20), 0 10px 24px rgba(10, 47, 143, 0.08);
}

#category .cat-item[aria-current='page'],
#category .cat-item:active {
  background: var(--category-blue);
  border-color: var(--category-blue);
  box-shadow: 0 10px 24px rgba(10, 47, 143, 0.20);
  color: #FFFFFF !important;
  transform: translateY(0);
}

#category .cat-item[aria-current='page'] .category-icon-wrap,
#category .cat-item:active .category-icon-wrap {
  background: #FFFFFF;
  border-color: #FFFFFF;
  color: var(--category-blue);
}

#category .cat-item[aria-current='page'] .cat-title,
#category .cat-item:active .cat-title {
  color: #FFFFFF !important;
}

@media (max-width: 1199.98px) and (min-width: 768px) {
  #category .category-grid {
    grid-template-columns: repeat(5, minmax(110px, 1fr));
    gap: 14px;
  }
}

@media (max-width: 767.98px) {
  #category .sp-cart-content {
    border-radius: 16px;
    padding: 12px 10px 8px;
  }

  #category .category-grid {
    display: flex;
    gap: 10px;
    margin-inline: -2px;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    padding: 2px 2px 10px;
    scrollbar-color: rgba(10, 47, 143, 0.24) transparent;
    scrollbar-width: thin;
    scroll-snap-type: inline proximity;
    -webkit-overflow-scrolling: touch;
  }

  #category .category-grid::-webkit-scrollbar {
    height: 4px;
  }

  #category .category-grid::-webkit-scrollbar-thumb {
    background: rgba(10, 47, 143, 0.24);
    border-radius: 999px;
  }

  #category .category-grid::-webkit-scrollbar-track {
    background: transparent;
  }

  #category .cat-item {
    flex: 0 0 110px;
    min-height: 118px;
  }
}

@media (prefers-reduced-motion: reduce) {
  #category .cat-item,
  #category .category-icon-wrap,
  #category .cat-title {
    transition: none;
  }
}