/* =======================================================
   🎨 Theme Colors & Fonts
======================================================= */
:root {
    /* Backgrounds */
    --color-bg: #f5f7fb;          /* پس‌زمینه کلی */
    --color-box: #ffffff;         /* کارت‌ها و باکس‌ها */

    /* Brand */
    --color-primary: #17185f;     /* رنگ سازمانی */
    --color-primary-light: #eef0ff;
    --color-primary-dark: #101147;

    /* Accent */
    --color-secondary: #3bb77e;   /* رنگ تأکیدی (موفقیت، دکمه خرید، موجودی) */

    /* Text */
    --color-text: #25324b;
    --color-text-light: #6b7280;

    /* UI */
    --color-border: #e5e7eb;
    --color-hover: #f1f5f9;

    /* Status */
    --color-success: #3bb77e;
    --color-warning: #f59e0b;
    --color-danger: #ef4444;
}

body {
    background-color: var(--color-bg);
}

@font-face {
    font-family: iranyekan;
    font-style: normal;
    font-weight: normal;
    src: url('persianfonts/iranyekan/eot/iranyekanwebregular(fanum).eot');
    src: url('persianfonts/iranyekan/eot/iranyekanwebregular(fanum).eot?#iefix') format('embedded-opentype'),
         url('persianfonts/iranyekan/woff/iranyekanweblight(fanum).woff') format('woff'),
         url('persianfonts/iranyekan/ttf/iranyekanwebregular(fanum).ttf') format('truetype');
}
@font-face {
    font-family: yekan;
    font-style: normal;
    font-weight: normal;
    src: url('persianfonts/Yekan.eot');
    src: url('persianfonts/Yekan.eot?#iefix') format('embedded-opentype'),
         url('persianfonts/Yekan.woff') format('woff'),
         url('persianfonts/Yekan.ttf') format('truetype');
}
body, p, h1, h2, h3, h4, h5, h6, a, ul, li {
  font-family: iranyekan !important;
  direction: rtl;
  text-align:right;
}
/* =======================================================
   🧭 Header & Mobile
======================================================= */
header .mobile-fix-header {display:none;}
@media only screen and (max-width:768px){
  header .mobile-fix-header {
    display:block;position:fixed;bottom:0;left:0;height:50px;
    background-color:#ffffff;width:100vw;z-index:9;
    -webkit-box-shadow:0 2px 5px 0 #a8a8a8;
    box-shadow:0 2px 5px 0 #a8a8a8;
  }
  header .mobile-fix-header{
    top:0;bottom:inherit!important;
    background-color:var(--color-primary)!important;
  }
  header .mobile-icon, header .mobile-icon-search {display:inherit;}
  header .header-content{display:none;}
  section.breadcrumb-section,
  section.section-b-space.ratio_square,
  .slider-bg.slider-bg-2 {margin-top:50px;}
}
.logo-mobile-da {float:right;margin-right:20px;}
.search-mobile-da, .cart-mobile-da, .account-mobile-da {
  float:left;margin:13px 18px;cursor:pointer;
}
.mobile-menu-da .toggle-nav {
  left:inherit!important;right:inherit!important;top:inherit!important;
  position:inherit!important;margin-left:23px;padding:0!important;margin:13px;
}
.mobile-menu-da .toggle-nav i{font-size:22px;color:#fff!important;}
.mobile-menu-da{float:left;}
.breadcrumb-section .page-title {
    display: inherit;
}
.breadcrumb-section .breadcrumb {
    justify-content: right;
}
.breadcrumb-section .page-title h1 {
    font-size: 27px;
}
.brand-logo img {
    width: 220px;
}
.pixelstrap ul li, .pixelstrap.sm-rtl ul li, .pixelstrap.sm-vertical li {
    direction: rtl;
}

li.megamenu-label a {
    color: #54d35d !important;
    font-weight: bold;
    margin-bottom: 5px;
}
/* =======================================================
   🎞️ Slider
======================================================= */
/* ==== Mainslider Navigation ==== */
#Mainslider .owl-prev,
#Mainslider .owl-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 100;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.35);
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: 24px;
  transition: all 0.3s ease;
  opacity: 0;
}

#Mainslider .owl-prev {
  right: 15px;
}
#Mainslider .owl-next {
  left: 15px;
}

/* آیکون‌ها */
#Mainslider .owl-prev i,
#Mainslider .owl-next i {
  font-size: 22px;
  line-height: 1;
}

/* نمایش هنگام هاور */
#Mainslider:hover .owl-prev,
#Mainslider:hover .owl-next {
  opacity: 1;
  background: var(--color-primary, #54d35d);
  color: #fff;
}

/* حذف outline فوکوس */
#Mainslider .owl-prev:focus,
#Mainslider .owl-next:focus {
  outline: none !important;
}

/* ریسپانسیو موبایل */
@media (max-width: 768px) {
  #Mainslider .owl-prev,
  #Mainslider .owl-next {
    width: 38px;
    height: 38px;
    font-size: 18px;
  }
}

/* =======================================================
   📰 Blog
======================================================= */
.blog-box .media .media-body{padding-right:10px;}
.blog-box .media img{max-width:100%;height:auto;margin-right:inherit!important;}
.blog-box .media a.img-blog-post{width:50%;}
.blog-boxm{
  border:1px solid #e9e9e9;min-height:345px;margin-bottom:25px;
}
.blog-boxm div{padding:20px;}
.blog-boxm div h4{
  color:var(--color-primary);font-weight:bold;padding-top:10px;padding-bottom:4px;
}
.blog-boxm ul.post-social{text-align:right!important;padding-bottom:10px;color:#a3a3a3;}
.blog-boxm p{font-size:13px;}
span.blog-date{
  padding:3px 6px;font-size:12px;position:absolute;left:0;top:11px;
  background:var(--color-primary);color:#fff;border-radius:0 0 15px 0;
}

.blog-section .slick-slider .slick-list .slick-slide .blog-info {
    padding: 16px;
}
.blog-section .slick-slider .slick-list .slick-slide > div {
    background: #fff;
    border-radius: 15px;
    min-height: 342px;
}
.blog-info h5 {
    font-size: 16px;
    margin-bottom: 20px;
    line-height: 25px;
}
.blog-info p {
    font-size: 13px;
    text-align: justify;
}
/* =======================================================
   🛒 Product & Body
======================================================= */
.product-box .img-block{position:relative;}
.product-box .img-block .out-of-stock{filter:grayscale(1);}
.out-of-stock-label{
  position:absolute;right:0;left:0;top:0;bottom:0;margin:auto;z-index:100;
  background-color:#939393;color:#fff;padding:1px 5px;font-size:12px;
  height:26px;width:125px!important;text-align:center;
}
.ribbon1{position:absolute;top:-6.1px;right:10px;}
.ribbon1:after{
  position:absolute;content:"";width:0;height:0;
  border-left:25px solid transparent;border-right:25px solid transparent;
  border-top:10px solid #F8463F;right:0;z-index:1;
}
.ribbon1 span{
  position:relative;display:block;text-align:center;background:#F8463F;
  font-size:12px;line-height:1;padding:12px 8px 10px;
  border-top-right-radius:8px;width:50px;color:#fff;z-index:1;
}

.product-right.product-form-box{
  background-color:#fafafa;padding-top:50px;padding-bottom:50px;
}
.product-right.product-form-box h3{color:#4bc353;font-weight:bold;}
.product-right.product-form-box h4 span{
  background-color:#F8463F;color:#fff;padding:0 6px;margin-right:10px;font-size:14px;
}

.body-product{
  padding:37px;text-align:right!important;direction:rtl!important;
}
.body-product h1{font-size:28px;color:#12b71d;}
.body-product h2{font-size:25px;color:#12b71d;}
.body-product h3{font-size:22px;color:#12b71d;}
.body-product h4{font-size:19px;color:#12b71d;}
.body-product h5{font-size:16px;}
.body-product h6{font-size:13px;}
.body-product p{font-size:14px;line-height:30px;color:#434343;}
.body-product ul{display:inherit!important;list-style:disc!important;padding-right:20px;margin-top:20px;}
.body-product ul li{display:list-item;list-style-type:disc!important;padding-bottom:10px;margin-right:16px;}
.body-product table{width:60%;margin:0 auto;display:table;}
.body-product table td{border:1px solid #000;text-align:center;}
.body-product table thead td{background-color:var(--color-secondary);color:#fff;}

.product-similar {
    background: #fff;
    padding: 30px;
    border-radius: 15px;
}
.product-box {
    border: 1px solid #eee;
    border-radius: 30px;
    min-height: 350px;
    background-color: #fff;
}
.section-title {
    position: relative;
    font-size: 20px;
    font-weight: bold;
    color: var(--color-primary);
    padding-bottom: 12px;
    margin-bottom: 25px;
}

.section-title::after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 60px;
    height: 3px;
    background: var(--color-secondary);
    border-radius: 3px;
}
.tab-border {
    background: #fff;
    border-radius: 15px;
}
.start-singleproduct {
    background: #fff;
    padding: 28px;
    border-radius: 15px;
}
p.product-sku {
    text-align: center;
    margin-bottom: 10px;
}
.singlepr-comment{
    background: #fff;
    border-radius: 15px;
    padding: 30px;
}
.caret-li::before {
    content: "\f078";
    color: #bcbcbc;
    display: inline-block;
    margin-right: 6px;
    font-family: fontawesome;
    float: left;
    font-size: 11px;
}
/* Rotate the caret/arrow icon when clicked on (using JavaScript) */
.caret-down-li::before {
  transform: rotate(90deg);
}

/* Hide the nested list */
.nested-ul{
  display: none;
}

/* Show the nested list when the user clicks on the caret/arrow (with JavaScript) */
.active-cat{
  display: block;
}
.link-list li a {
    color: #414141;
    font-size: 14px;
}
.link-list li {
    margin-bottom: 15px;
    display: block;
    text-align: right;
}
.link-list li > ul > li {
    padding-top: 10px;
    padding-right: 10px;
}

.link-list {
  margin-top: 20px;
}

ul#CategoryUl > li > ul > li > ul > li> div > a {
    color: #5f5f5f;
    font-size: 12px;
}

ul#CategoryUl > li > ul > li > div > a {
    color: #323232;
    font-size: 13px;
}

ul#CategoryUl > li > div > a {
    color: #000;
}

.link-list a.active-category {
    color: #1951a9 !important;
    font-weight: bolder;
}
ul#CategoryUl > li > div > a.active-catgory{
  color: #1951a9 !important;
  font-weight: bolder;
}
ul#shop-brands li {
    border-bottom: 1px solid #eee !important;
    background: #fff !important;
    padding: 8px 8px;
    font-size: 13px;
}

#shop-brands {
    max-height: 300px;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    margin-top: 20px;
    text-align: right;
}
.sort-options ul {
    display: inline-block;
}
.sort-options ul > li {
    cursor: pointer;
    padding: 2px 17px;
    margin: 7px;
    border: 1px solid #eee;
}
.collection-product-wrapper .product-wrapper-grid .product-box {
    margin-top: 15px;
}
/* =======================================================
   🔘 Buttons & Utilities
======================================================= */
button.btn.btn-solid, .btn-solid{
  border-radius:0;background-color:var(--color-primary);
  -webkit-transition:inherit!important;transition:inherit!important;
}
a.btn.btn-solid.btn-block.btn-solid-sm.view-cart{background-color:#05ce02;}
.mb0{margin-bottom:0!important;padding-bottom:0!important;}
.mt10{margin-top:10px;} .mt20{margin-top:20px;} .mt40{margin-top:40px;} .mt50{margin-top:50px;} .mt60{margin-top:60px;}
.mb10{margin-bottom:10px;} .mb20{margin-bottom:20px;} .mb40{margin-bottom:40px;} .mb50{margin-bottom:50px;}
.p0{padding:0;} .pt0{padding-top:0;}

.checkbox{text-align:right;}
.notarrowNumber::-webkit-outer-spin-button,
.notarrowNumber::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}
.notarrowNumber[type=number]{-moz-appearance:textfield;}
.passwordBox{position:relative;}
.form-group.passwordBox i{position:absolute;left:15px;top:12px;}
/* =======================================================
   👤 Profile & Account
======================================================= */
.profile-box-avator img{
  border-radius:50%;width:120px;margin:0 auto;display:table;
}
.profile-box-content .profile-box-nameuser{
  font-size:18px;display:block;text-align:center;
}
span.profile-box-phone{text-align:center;display:block;}

.profile-box-tabs{margin:20px auto;display:table;}
.profile-box-tabs .profile-box-tab{
  padding:4px 20px;background:var(--color-secondary);
  margin:0 10px;text-align:center;color:#fff;border-radius:23px;
}
.profile-box-tabs .profile-box-tab-sign-out{
  padding:4px 20px;background:red;margin:0 10px;text-align:center;color:#fff;border-radius:23px;
}

.profile-sidebar{
  border:1px solid #eee;overflow:hidden;padding:0 35px 0 25px;padding-top:15px;
}
ul.profile-menu-items li{
  display:block;text-align:center;border-bottom:1px solid #eee;padding:12px 0 11px;
}
ul.profile-menu-items li.active-profile,
ul.profile-menu-items li:hover{
  color:#fff!important;background:var(--color-secondary);border-color:var(--color-secondary);
}
ul.profile-menu-items li a{color:inherit;}
.profile-page-body .profile-content{
  background-color:#f8f8f8;min-height:454px;padding:30px;
}
/* =======================================================
   🛒 Cart & Checkout
======================================================= */
div#main-cart{text-align:center;margin:0 auto;display:table;}
.emptycart i{font-size:58px;color:var(--color-secondary);}
.mobile-cart-content .cart-number{width:60px!important;}

.checkout-form{text-align:right;direction:rtl;}
.checkout-form .checkout-details h4{
  font-size:16px;color:#000;font-weight:bold;margin-bottom:32px;
}

.product-price{
  margin:17px auto 0;display:table;position:relative;
}
.product-price h5{padding-top:8px;margin-top:0!important;}

.slider-mostsales .product-box{min-height:305px!important;}
.slider-mostsales .product-box del{font-size:13px!important;}
.slider-mostsales .product-box h5{font-size:15px!important;}
.slider-mostsales .product-box .product-info h6{
  min-height:39px!important;overflow:hidden;
}
.slider-section {
    background-color: #fff;
    border-radius: 15px;
    padding: 30px;
    margin-top: 30px;
}
.slider-section .slick-slider {
    border: none;
}
.slider-section .slick-slider .product-box {
    margin: 6px;
}
/* =======================================================
   📝 Blog Detail & Share
======================================================= */
.blog-detail-page h2{line-height:50px;}
.blog-detail-page ul{direction:rtl!important;text-align:right;list-style:disc;}
.blog-detail img{margin:0 auto;display:table;}

.entry__tags a{
  color:var(--color-secondary);padding:4px 6px;font-size:12px;
  border-radius:7px;border:1px solid var(--color-secondary);
}
.entry__tags a:hover{background-color:var(--color-secondary)!important;color:#fff!important;}
h6.entry__tags-label,h5.entry__tags-label{margin-bottom:15px;}
.entry__tags{direction:rtl;text-align:right;margin-bottom:20px;}

.entry__share .btn-group-share li{
  float:right;margin-left:10px;padding:8px 12px;border-radius:19px;width:100px;
  color:#fff;text-align:center;
}
.entry__share .btn-group-share li a,
.entry__share .btn-group-share li i{color:#fff;}
.entry__share .btn-group-share li.twitter{background:#00acee;}
.entry__share .btn-group-share li.facebook{background:#3b5998;}
.entry__share .btn-group-share li.whatsapp{background:#0d8d7e;}
.entry__share .btn-group-share li.telegram{background:#0088CC;}
.pageBody-style .row {
    background-color: #fff;
    padding: 30px;
    border-radius: 15px;
}
.blog-detail-page {
    background-color: #fff;
    padding: 40px;
    border-radius: 15px;
}
.blog-page .blog-sidebar .theme-card {
    border: none;
    border-radius: 15px;
}
.blog-page .blog-sidebar .theme-card + .theme-card {
    margin-top: 16px;
}

/* =======================================================
   📦 page
======================================================= */
.contact-detail {
    background-color: #fff;
    padding: 24px;
    border-radius: 15px;
}
.contact-icon {
    margin-top: 20px;
}
.contact-icon h6 {
    font-size: 14px;
    font-weight: bold;
    color: #000;
}
.contact-icon i {
    margin-left: 10px;
}
.contact-icon {
    display: flex;
    font-size: 15px;
    font-weight: bold;
}
a.edit-element i {
    font-size: 25px;
}
a.edit-element {
    background-color: rgb(64, 89, 211);
    color: rgb(255, 255, 255);
    position: fixed;
    left: 19px;
    bottom: 79px;
    width: 50px;
    height: 50px;
    padding: 12px;
    border-radius: 50%;
}

/* ==============================
   Site Footer
============================== */

.site-footer {
    background: #f9fefe;
    font-size: 14px;
    color: #555;
    direction: rtl;
}

/* Main Section */
.site-footer__main {
    padding: 50px 0 40px;
    border-top: 4px solid #17185f;
}

/* Titles */
.site-footer .footer-title h4 {
    font-size: 16px;
    font-weight: 700;
    color: #222;
    position: relative;
    margin-bottom: 20px;
    padding-right: 12px;
}

.site-footer .footer-title h4::before {
    content: "";
    position: absolute;
    right: 0;
    top: 4px;
    width: 4px;
    height: 16px;
    background: #3fd0cb;
    border-radius: 2px;
}

/* About */
.footer-about__content {
    line-height: 1.9;
    color: #666;
    margin-bottom: 18px;
}

/* Social Icons */
.footer-socials {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    gap: 10px;
}

.footer-socials li a {
    width: 36px;
    height: 36px;
    background: #ffffff;
    border: 1px solid #e5f6f5;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #3fd0cb;
    transition: all 0.25s ease;
    font-size: 18px;
}

.footer-socials li a:hover {
    background: linear-gradient(135deg, #54d35d, #3fd0cb);
    color: #fff;
    transform: translateY(-3px);
}

/* Footer Links */
.footer-links ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer-links ul li {
    margin-bottom: 10px;
        display: block;
}

.footer-links ul li a {
    color: #555;
    transition: color 0.2s ease;
    position: relative;
    padding-right: 12px;
}

.footer-links ul li a::before {
    content: "›";
    position: absolute;
    right: 0;
    color: #54d35d;
    font-size: 18px;
    line-height: 1;
}

.footer-links ul li a:hover {
    color: #54d35d;
}

/* Trust Badges */
.footer-trust__list {
    list-style: none;
    padding: 0;
    margin: 25px 0 0;
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
}

.footer-trust__item img {
    max-width: 120px;
    background: #fff;
    border-radius: 8px;
    padding: 6px;
    box-shadow: 0 6px 18px rgba(0,0,0,0.06);
    transition: transform 0.25s ease;
}

.footer-trust__item img:hover {
    transform: scale(1.05);
}

/* Bottom Bar */
.site-footer__bottom {
    background: linear-gradient(135deg, #17185f, #307fce);
    padding: 14px 0;
    margin-top: 40px;
}

.site-footer__copyright {
    margin: 0;
    text-align: center;
    font-size: 13px;
    color: #fff;
}

.site-footer__copyright a {
    color: #fff;
    font-weight: 600;
    text-decoration: underline;
}

.site-footer__copyright a:hover {
    opacity: 0.85;
}

/* Responsive */
@media (max-width: 768px) {
    .site-footer__main {
        padding: 40px 0 30px;
    }

    .footer-socials {
        justify-content: center;
    }

    .footer-about,
    .footer-links,
    .footer-trust {
        margin-bottom: 30px;
    }
}

.footer-about__content p {
    line-height: normal;
    text-align: justify;
}
.footer-about__content h2 {
    font-size: 20px;
}

/* ==============================
   Custom Pagination
============================== */

.pagination {
    display: flex;
    justify-content: center;
    margin: 30px 0;
    padding: 0;
    list-style: none;
    direction: rtl;
}

.pagination .page-item {
    margin: 0 4px;
}

.pagination .page-link {
    min-width: 38px;
    height: 38px;
    padding: 0 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    border: 1px solid #e6f5f3;
    background: #fff;
    color: #555;
    font-weight: 600;
    transition: all 0.25s ease;
}

/* Hover */
.pagination .page-link:hover {
    background: #e9f9f7;
    color: #54d35d;
    border-color: #3fd0cb;
    text-decoration: none;
}

/* Active */
.pagination .page-item.active .page-link {
    background: linear-gradient(135deg, #54d35d, #3fd0cb);
    border-color: transparent;
    color: #fff;
    box-shadow: 0 6px 16px rgba(84, 211, 93, 0.35);
    pointer-events: none;
}

/* First / Last arrows */
.pagination .page-link span {
    font-size: 18px;
    line-height: 1;
}

/* Disabled (اگر اضافه شد) */
.pagination .page-item.disabled .page-link {
    opacity: 0.5;
    pointer-events: none;
}

/* Mobile */
@media (max-width: 576px) {
    .pagination {
        flex-wrap: wrap;
    }

    .pagination .page-link {
        min-width: 34px;
        height: 34px;
        font-size: 13px;
        border-radius: 8px;
    }
}

.product-pagination .pagination .page-item.active a{
    color:#fff;
}
.product-pagination .pagination .page-item a {
    height: inherit;
}

ul.pagination {
    display: flex;
    align-items: center;
}
.product-pagination .pagination .page-item a {
    border-radius: 10px !important;
}

.site-footer {
    margin-bottom: 0 !important;
}

.mobile-header {
    background: #fff;
    border-bottom: 1px solid #eee;
    padding: 10px;
}

.mobile-header-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.mobile-header .left-icons {
    display: flex;
    align-items: center;
    gap: 12px;
}

.mobile-header .mobile-header i {
    font-size: 20px;
    color: #333;
}

.mobile-header .logo img {
    height: 36px;
}
.mobile-header-top i {
    color: #000;
    font-size: 28px;
}
.mobile-header .cart {
    position: relative;
}

.mobile-header .cart .mobilebadge {
    position: absolute;
    top: -4px;
    left: -6px;
    background: #4caf50;
    color: #fff;
    font-size: 10px;
    padding: 2px 5px;
    border-radius: 50%;
}

.mobile-search {
    margin-top: 10px;
    background: #f6f6f6;
    border-radius: 25px;
    padding: 8px 14px;
    display: flex;
    align-items: center;
    gap: 8px;
    color: #888;
    font-size: 13px;
    height: 40px;
}

.mobile-search input {
    border: none;
    outline: none;
    background: transparent;
    flex: 1;
    font-size: 13px;
    color: #333;
}

.mobile-search-result {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: #fff;
    border-radius: 6px;
    border: 1px solid #ddd;
    max-height: 250px;
    overflow-y: auto;
    display: none;
    z-index: 999;
}

.mobile-search-result li {
    padding: 8px 12px;
    border-bottom: 1px solid #f0f0f0;
    cursor: pointer;
}

.mobile-search-result li:hover {
    background: #f5f5f5;
}

.mobile-side-menu {
    position: fixed;
    top: 0;
    right: -280px;
    width: 280px;
    height: 100%;
    background: #fff;
    z-index: 9999;
    transition: 0.3s ease;
}

.mobile-side-menu.active {
    right: 0;
}

.mobile-side-menu ul li a {
    display: block;
    padding: 14px;
    border-bottom: 1px solid #eee;
}

#menuOverlay {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.4);
    display: none;
    z-index: 9998;
}

#menuOverlay.active {
    display: block;
}
@media (max-width: 768px) {
    nav#main-nav .toggle-nav {
        display: none;
    }
}
.side-modal .modal-dialog {
    position: fixed;
    top: 0;
    margin: 0;
    height: 100%;
    width: 300px;
    max-width: 85%;
    transition: right .35s cubic-bezier(.4,0,.2,1),
                left  .35s cubic-bezier(.4,0,.2,1);
}

/* ⛔️ مهم: حذف انیمیشن پیش‌فرض Bootstrap */
.side-modal.fade .modal-dialog {
    transform: none !important;
}

/* content */
.side-modal .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
    box-shadow: 0 0 30px rgba(0,0,0,.2);
}

/* header */
.side-modal-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 16px;
    border-bottom: 1px solid #eee;
    background: #fff;
}

.side-modal-header h5 {
    margin: 0;
    font-size: 16px;
}

/* body */
.side-modal-body {
    padding: 10px 0;
    overflow-y: auto;
    height: calc(100% - 55px);
}

/* menu style */
.side-menu {
    list-style: none;
    padding: 0;
    margin: 0;
}

.side-menu li a {
    display: block;
    padding: 14px 18px;
    color: #333;
    font-size: 14px;
    border-bottom: 1px solid #f2f2f2;
    transition: .2s;
}

.side-menu li a:hover {
    background: #f8f8f8;
    text-decoration: none;
}

/* ▶️ RIGHT */
.side-right .modal-dialog {
    right: -320px;
}

.side-right.show .modal-dialog {
    right: 0;
}

/* ◀️ LEFT */
.side-left .modal-dialog {
    left: -320px;
}

.side-left.show .modal-dialog {
    left: 0;
}

/* backdrop */
.modal-backdrop {
    background: rgba(0,0,0,.4);
}

.mobile-header {
    display: block;
}

@media (min-width: 992px) {
    .mobile-header {
        display: none;
    }
}
.mobile-menu-tree {
    list-style: none;
    padding: 0;
    margin: 0;
    font-family: sans-serif;
}

.mobile-menu-tree li {
    display: block;
    border-bottom: 1px solid #eee;
}

.menu-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 16px;
    cursor: pointer;
    background: #fff;
    transition: background 0.3s;
}

.menu-item:hover {
    background: #f9f9f9;
}

.menu-item a {
    color: #333;
    font-size: 15px;
    text-decoration: none;
    flex: 1;
}

/* زیرمنو */
.submenu {
    display: none;
    padding-left: 20px;
    background: #fafafa;
    transition: all 0.3s ease;
    border-left: 2px solid #ddd;
}

/* toggle icon */
.toggle-submenu {
    width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    color: #666;
    transition: transform 0.3s;
}

.toggle-submenu.active {
    transform: rotate(45deg); /* تبدیل + به × */
}

/* زیرمنو لینک‌ها */
.submenu li a {
    padding: 10px 16px;
    display: block;
    color: #555;
    font-size: 14px;
    transition: background 0.3s, color 0.3s;
}

.submenu li a:hover {
    background: #f0f0f0;
    color: #000;
}
.toggle-submenu {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    color: #666;
    transition: transform 0.3s;
}

.toggle-submenu.active i {
    transform: rotate(45deg); /* تبدیل + به × */
    color: #000;
}

.searchajaxresult {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 8px;
    max-height: 400px;
    overflow-y: auto;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    z-index: 999;
    display: none;
    padding: 10px;
}

.searchajaxresult table {
    width: 100%;
    border-collapse: collapse;
}

.searchajaxresult tbody tr td {
    padding: 8px 0;
}

.searchajaxresult a {
    display: flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    color: #333;
    transition: background 0.2s;
    border-radius: 6px;
    padding: 6px 8px;
}

.searchajaxresult a:hover {
    background: #f5f5f5;
}

.searchajaxresult .image-searchresult {
    width: 50px;
    height: 50px;
    object-fit: cover;
    border-radius: 6px;
}

.searchajaxresult .search-result-title {
    display: flex;
    flex-direction: column;
    font-size: 13px;
    line-height: 1.2;
}

.searchajaxresult .search-result-title span {
    font-weight: bold;
    color: #54d35d;
    margin-top: 2px;
    font-size: 13px;
        display: contents;
}

.searchajaxresult .more-results {
    margin-top: 10px;
    text-align: center;
}

.searchajaxresult .more-results a {
    display: inline-block;
    padding: 6px 12px;
    background: #f6f6f6;
    border-radius: 6px;
    text-decoration: none;
    color: #333;
    font-size: 13px;
    transition: background 0.2s;
}

.searchajaxresult .more-results a:hover {
    background: #eaeaea;
}

/* موبایل */
@media (max-width: 768px) {
    .searchajaxresult {
        max-height: 300px;
        padding: 6px;
    }

    .searchajaxresult a {
        gap: 8px;
        padding: 4px 6px;
    }

    .searchajaxresult .image-searchresult {
        width: 40px;
        height: 40px;
    }

    .searchajaxresult .search-result-title {
        font-size: 12px;
    }

    .searchajaxresult .search-result-title span {
        font-size: 12px;
    }

    .searchajaxresult .more-results a {
        font-size: 12px;
        padding: 4px 8px;
    }
    .searchajaxresult {
        top: 110px;
    }
}

.search-bar .searchajaxresult {
    margin-right: 80px;
}
.product-pagination .pagination .page-item a {
    padding: 10px;
}
header.header-1 .bg-class {
    background-color: #17185f;
}

/*Header */

/* ======================================
   Header Top
====================================== */

.pharmacy-header-top{
    padding:20px 0;
    background:linear-gradient(180deg,#f7f9fc 0%,#ffffff 100%);
}

.pharmacy-header{
    display:flex;
    align-items:center;
    justify-content:space-between;

    gap:30px;

    background:#fff;

    border-radius:22px;

    padding:18px 24px;

    box-shadow:
        0 10px 35px rgba(16,24,40,.06);

    border:1px solid #eef2f7;
}

/* ======================================
   Logo
====================================== */

.pharmacy-logo{
    flex:0 0 180px;
}

.pharmacy-logo img{
    width:180px;
    height:auto;
    display:block;
}

/* ======================================
   Search
====================================== */

.pharmacy-search{
    flex:1;

    position:relative;
}

.pharmacy-search-form{
    margin:0;
}

.pharmacy-search-box{
    display:flex;

    align-items:center;

    background:#f7f9fc;

    border:2px solid transparent;

    border-radius:18px;

    overflow:hidden;

    transition:.30s;

    height:58px;
}

.pharmacy-search-box:hover{
    background:#fff;
}

.pharmacy-search-box:focus-within{
    background:#fff;

    border-color:#17185f;

    box-shadow:

        0 0 0 5px rgba(23,24,95,.08);
}

.pharmacy-search input{
    flex:1;

    border:0;

    background:none;

    outline:none;

    padding:0 18px;

    font-size:15px;

    color:#333;
}

.pharmacy-search input::placeholder{
    color:#8a94a6;
}

.search-btn{
    width:110px;

    height:58px;

    border:0;

    background:#17185f;

    color:#fff;

    font-size:14px;

    font-weight:700;

    transition:.30s;
}

.search-btn:hover{
    background:#23258b;
}

.search-icon{
    width:58px;

    border:0;

    background:none;

    color:#17185f;

    font-size:22px;

    cursor:pointer;
}

/* ======================================
   Search Ajax
====================================== */

.searchajaxresult{
    position:absolute;

    top:68px;

    right:0;

    left:0;

    background:#fff;

    border-radius:18px;

    overflow:hidden;

    box-shadow:

        0 15px 45px rgba(0,0,0,.08);

    z-index:100;
}

/* ======================================
   Actions
====================================== */

.pharmacy-actions{
    display:flex;

    gap:14px;
}

/* ======================================
   Action Card
====================================== */

.pharmacy-action{
    display:flex;

    align-items:center;

    gap:14px;

    min-width:155px;

    padding:12px 18px;

    border-radius:18px;

    background:#fff;

    border:1px solid #edf0f5;

    text-decoration:none;

    cursor:pointer;

    transition:.30s;
}

.pharmacy-action:hover{
    transform:translateY(-3px);

    box-shadow:

        0 12px 30px rgba(23,24,95,.08);

    border-color:#d9dff5;
}

.pharmacy-action .icon{
    width:52px;

    height:52px;

    border-radius:16px;

    display:flex;

    align-items:center;

    justify-content:center;

    background:#f5f7fb;

    position:relative;

    transition:.30s;
}

.pharmacy-action:hover .icon{
    background:#17185f;
}

.pharmacy-action i{
    font-size:24px;

    color:#17185f;

    transition:.30s;
}

.pharmacy-action:hover i{
    color:#fff;
}

.pharmacy-action .content{
    display:flex;

    flex-direction:column;
}

.pharmacy-action small{
    color:#8a94a6;

    font-size:12px;

    line-height:1.2;
}

.pharmacy-action strong{
    margin-top:3px;

    color:#17185f;

    font-size:14px;

    font-weight:700;
}

/* ======================================
   Cart Badge
====================================== */

.badge{
    position:absolute;

    top:-6px;

    left:-6px;

    width:22px;

    height:22px;

    border-radius:50%;

    background:#ef4444;

    color:#fff;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:11px;

    font-weight:700;

    border:2px solid #fff;
}

/* ======================================
   Responsive
====================================== */

@media(max-width:1200px){
    .pharmacy-action{
        min-width:auto;
    }

    .pharmacy-action .content{
        display:none;
    }
}

@media(max-width:991px){
    .pharmacy-header-top{
        display:none;
    }
}

/* =========================================================
   Pharmacy Desktop Navigation
   Brand: #17185f
   RTL / Desktop
========================================================= */

.pharmacy-navbar {
    position: relative;
    z-index: 90;
    background: transparent;
    margin-top: -10px;
    padding-bottom: 16px;
    direction: rtl;
}

.pharmacy-navbar .container {
    position: relative;
}

/* =========================================================
   Main Navigation Box
========================================================= */

.pharmacy-nav {
    position: relative;
    width: 100%;
    min-height: 62px;

    display: flex;
    align-items: center;

    background: #ffffff;

    border: 1px solid #edf0f5;
    border-top-color: #f4f5f8;

    border-radius: 0 0 22px 22px;

    padding-inline: 20px;

    box-shadow:
        0 14px 35px rgba(23, 24, 95, .055);

    direction: rtl;
}

/* =========================================================
   Hide Old Toggle On Desktop
========================================================= */

.pharmacy-nav .toggle-nav {
    display: none;
}

/* =========================================================
   Menu
========================================================= */

.pharmacy-menu {
    position: static;

    display: flex;
    align-items: center;

    width: 100%;
    min-height: 60px;

    padding: 0;
    margin: 0;

    gap: 4px;

    list-style: none;

    direction: rtl;
}

/* =========================================================
   Menu Item
========================================================= */

.pharmacy-item {
    position: relative;

    display: flex;
    align-items: center;

    min-height: 60px;

    padding: 0;
    margin: 0;

    list-style: none;
}

/* Mega item must be static so dropdown can be full width */

.pharmacy-item.mega {
    position: static;
}

/* =========================================================
   Menu Link
========================================================= */

.pharmacy-link {
    position: relative;

    display: flex;
    align-items: center;
    justify-content: center;

    height: 44px;

    padding-inline: 15px;

    border-radius: 12px;

    color: #3f4654 !important;

    font-size: 14px;
    font-weight: 600;

    line-height: 44px;

    white-space: nowrap;

    text-decoration: none !important;

    transition:
        color .25s ease,
        background .25s ease,
        transform .25s ease;
}

/* =========================================================
   Underline Animation
========================================================= */

.pharmacy-link::after {
    content: "";

    position: absolute;

    right: 50%;
    bottom: 3px;

    width: 0;
    height: 2px;

    background: #17185f;

    border-radius: 10px;

    transform: translateX(50%);

    transition: width .25s ease;
}

/* =========================================================
   Link Hover
========================================================= */

.pharmacy-item:hover > .pharmacy-link {
    color: #17185f !important;

    background:
        rgba(23, 24, 95, .045);
}

.pharmacy-item:hover > .pharmacy-link::after {
    width: 28px;
}

/* =========================================================
   Link Hover Small Movement
========================================================= */

.pharmacy-item:hover > .pharmacy-link {
    transform: translateY(-1px);
}

/* =========================================================
   First Menu Item
========================================================= */

.pharmacy-item:first-child > .pharmacy-link {
    color: #17185f !important;
}

/* =========================================================
   Mega Menu
========================================================= */

.pharmacy-menu .mega-menu {
    position: absolute !important;

    top: calc(100% - 2px);
    right: 0;
    left: 0;

    width: 100%;

    padding: 0 !important;
    margin: 0 !important;

    background: transparent;

    border: 0 !important;

    list-style: none;

    opacity: 0;
    visibility: hidden;

    pointer-events: none;

    transform:
        translateY(12px)
        scale(.99);

    transform-origin: top center;

    transition:
        opacity .22s ease,
        visibility .22s ease,
        transform .22s ease;

    z-index: 9999;
}

/* =========================================================
   Show Mega Menu
========================================================= */

.pharmacy-item.mega:hover > .mega-menu {
    opacity: 1;

    visibility: visible;

    pointer-events: auto;

    transform:
        translateY(0)
        scale(1);
}

/* =========================================================
   Mega Root LI
========================================================= */

.pharmacy-menu .mega-menu > li {
    display: block;

    width: 100%;

    padding: 14px 0 0;

    margin: 0;

    list-style: none;

    background: transparent;
}

/* =========================================================
   Mega Container
========================================================= */

.pharmacy-menu .mega-menu > li > .container {
    width: 100%;
    max-width: 100%;

    padding: 28px 30px 30px;

    background:
        rgba(255, 255, 255, .98);

    border:
        1px solid
        rgba(23, 24, 95, .08);

    border-radius: 20px;

    box-shadow:
        0 25px 65px
        rgba(15, 23, 42, .13);

    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);

    overflow: hidden;
}

/* =========================================================
   Mega Menu Top Accent
========================================================= */

.pharmacy-menu .mega-menu > li > .container::before {
    content: "";

    position: absolute;

    top: 14px;
    right: 30px;
    left: 30px;

    height: 3px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(23, 24, 95, .20),
            #17185f,
            rgba(23, 24, 95, .20),
            transparent
        );

    border-radius: 20px;
}

/* =========================================================
   Mega Row
========================================================= */

.pharmacy-menu .mega-menu .row {
    display: flex;

    flex-wrap: wrap;

    margin: 0;

    direction: rtl;
}

/* =========================================================
   Mega Column
========================================================= */

.pharmacy-menu .mega-box {
    position: relative;

    padding: 5px 22px 12px;

    border-left:
        1px solid
        #f0f1f5;
}

/* Last column */

.pharmacy-menu .mega-box:last-child {
    border-left: 0;
}

/* =========================================================
   Column Heading
========================================================= */

.pharmacy-menu .menu-title {
    position: relative;

    margin-bottom: 13px;
}

.pharmacy-menu .menu-title h5 {
    position: relative;

    display: flex;
    align-items: center;

    gap: 8px;

    margin: 0;

    padding-bottom: 11px;

    color: #17185f;

    font-size: 14px;
    font-weight: 800;

    line-height: 1.8;
}

/* Heading small indicator */

.pharmacy-menu .menu-title h5::before {
    content: "";

    width: 5px;
    height: 18px;

    flex: 0 0 5px;

    background: #17185f;

    border-radius: 5px;
}

/* Heading bottom line */

.pharmacy-menu .menu-title h5::after {
    content: "";

    position: absolute;

    right: 0;
    bottom: 0;

    width: 42px;
    height: 2px;

    background:
        rgba(23, 24, 95, .18);

    border-radius: 10px;
}

/* =========================================================
   Mega Content
========================================================= */

.pharmacy-menu .menu-content {
    display: block !important;

    padding: 0;
    margin: 0;
}

.pharmacy-menu .menu-content ul {
    display: block !important;

    position: static !important;

    width: auto !important;

    min-width: 0 !important;

    padding: 0 !important;
    margin: 0 !important;

    background: transparent !important;

    border: 0 !important;

    box-shadow: none !important;

    opacity: 1 !important;

    visibility: visible !important;

    transform: none !important;

    list-style: none;
}

/* =========================================================
   Mega Menu Links
========================================================= */

.pharmacy-menu .menu-content li {
    display: block;

    position: relative;

    padding: 0;
    margin: 1px 0;

    list-style: none;
}

.pharmacy-menu .menu-content li a {
    position: relative;

    display: flex;
    align-items: center;

    width: 100%;

    min-height: 34px;

    padding:
        6px 13px 6px 8px !important;

    color: #606879 !important;

    background: transparent !important;

    border-radius: 9px;

    font-size: 13px;
    font-weight: 500;

    line-height: 1.7;

    text-decoration: none !important;

    transition:
        color .2s ease,
        background .2s ease,
        padding .2s ease;
}

/* Link dot */

.pharmacy-menu .menu-content li a::before {
    content: "";

    position: absolute;

    right: 0;

    width: 4px;
    height: 4px;

    background: #c7cad5;

    border-radius: 50%;

    transition:
        width .2s ease,
        height .2s ease,
        background .2s ease;
}

/* Mega link hover */

.pharmacy-menu .menu-content li a:hover {
    color: #17185f !important;

    background:
        rgba(23, 24, 95, .045) !important;

    padding-right: 17px !important;
}

.pharmacy-menu .menu-content li a:hover::before {
    width: 6px;
    height: 6px;

    background: #17185f;
}

/* =========================================================
   Link Section
========================================================= */

.pharmacy-menu .link-section {
    margin: 0;
    padding: 0;
}

/* =========================================================
   Normal Dropdown
========================================================= */

.pharmacy-item:not(.mega) > ul {
    position: absolute;

    top: calc(100% - 3px);
    right: 0;

    min-width: 230px;

    padding: 9px;

    margin: 0;

    background: #fff;

    border:
        1px solid
        #edf0f5;

    border-radius: 15px;

    box-shadow:
        0 20px 45px
        rgba(15, 23, 42, .12);

    list-style: none;

    opacity: 0;
    visibility: hidden;

    pointer-events: none;

    transform: translateY(10px);

    transition:
        opacity .2s ease,
        visibility .2s ease,
        transform .2s ease;

    z-index: 9999;
}

/* Show dropdown */

.pharmacy-item:not(.mega):hover > ul {
    opacity: 1;

    visibility: visible;

    pointer-events: auto;

    transform: translateY(0);
}

/* =========================================================
   Normal Dropdown Links
========================================================= */

.pharmacy-item:not(.mega) > ul li {
    position: relative;

    display: block;

    margin: 1px 0;

    list-style: none;
}

.pharmacy-item:not(.mega) > ul li > a {
    display: flex;
    align-items: center;

    min-height: 38px;

    padding: 8px 12px;

    color: #535b69 !important;

    border-radius: 9px;

    font-size: 13px;

    text-decoration: none !important;

    transition:
        color .2s ease,
        background .2s ease;
}

.pharmacy-item:not(.mega) > ul li > a:hover {
    color: #17185f !important;

    background:
        rgba(23, 24, 95, .05);
}

/* =========================================================
   Nested Dropdown
========================================================= */

.pharmacy-item:not(.mega) > ul li > ul {
    position: absolute;

    top: 0;
    right: 100%;

    min-width: 220px;

    padding: 9px;

    background: #fff;

    border:
        1px solid
        #edf0f5;

    border-radius: 14px;

    box-shadow:
        0 18px 40px
        rgba(15, 23, 42, .10);

    opacity: 0;
    visibility: hidden;

    pointer-events: none;

    transform: translateX(-6px);

    transition:
        opacity .2s ease,
        visibility .2s ease,
        transform .2s ease;
}

.pharmacy-item:not(.mega) > ul li:hover > ul {
    opacity: 1;

    visibility: visible;

    pointer-events: auto;

    transform: translateX(0);
}

/* =========================================================
   Header Top + Navigation Visual Connection
========================================================= */

/*
 * Top Header قبلاً radius کامل داشت.
 * با این override قسمت پایینش صاف‌تر می‌شود تا منو
 * ادامه طبیعی همان Header دیده شود.
 */

.pharmacy-header-top {
    padding-bottom: 0;
}

.pharmacy-header-top .pharmacy-header {
    border-radius: 22px 22px 0 0;

    border-bottom-color: transparent;

    box-shadow:
        0 8px 30px
        rgba(23, 24, 95, .045);
}

/* navbar container connects with top */

.pharmacy-navbar {
    margin-top: 0;
}

/* =========================================================
   Separator
========================================================= */

.pharmacy-nav::before {
    content: "";

    position: absolute;

    top: 0;

    right: 22px;
    left: 22px;

    height: 1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            #edf0f5 12%,
            #edf0f5 88%,
            transparent
        );
}

/* =========================================================
   Better Hover Bridge For Mega Menu
========================================================= */

/*
 * prevents mega menu closing when mouse moves
 * from menu link into dropdown.
 */

.pharmacy-item.mega::after {
    content: "";

    position: absolute;

    top: 50px;
    right: 0;

    width: 100%;
    height: 25px;

    background: transparent;
}

/* =========================================================
   Desktop Only
========================================================= */

@media (min-width: 992px) {
    .pharmacy-navbar {
        display: block;
    }
}

/* =========================================================
   Tablet / Mobile
========================================================= */

@media (max-width: 991.98px) {
    /*
     * چون Mobile Header جداگانه داری،
     * کل Desktop Navbar را مخفی می‌کنیم.
     */

    .pharmacy-navbar {
        display: none !important;
    }
}

/*==================================================
    PHARMACY FOOTER
==================================================*/

.pharmacy-footer{
    position:relative;
    margin-top:70px;
    background:#f6f8fc;
    overflow:hidden;
}

.pharmacy-footer::before{
    content:"";
    position:absolute;
    inset:0;
    background:
        radial-gradient(circle at top right,
        rgba(23,24,95,.05),
        transparent 45%);
    pointer-events:none;
}

/*==================================================
    MAIN
==================================================*/

.pharmacy-footer__main{
    position:relative;
    padding:70px 0 30px;
    z-index:2;
}

.pharmacy-footer__card{
    background:#fff;

    border:1px solid #edf0f5;

    border-radius:28px;

    padding:45px;

    box-shadow:
        0 15px 45px rgba(23,24,95,.05);
}

/*==================================================
    ROW
==================================================*/

.pharmacy-footer__row{
    row-gap:35px;
}

/*==================================================
    WIDGET
==================================================*/

.pharmacy-widget{
    height:100%;
}

.pharmacy-widget__title{
    margin-bottom:22px;
}

.pharmacy-widget__title h4{
    position:relative;

    display:inline-flex;

    align-items:center;

    margin:0;

    font-size:18px;

    font-weight:800;

    color:#17185f;

    padding-bottom:12px;
}

.pharmacy-widget__title h4::before{
    content:"";

    width:6px;

    height:20px;

    background:#17185f;

    border-radius:20px;

    margin-left:10px;
}

.pharmacy-widget__title h4::after{
    content:"";

    position:absolute;

    right:0;

    bottom:0;

    width:60px;

    height:3px;

    border-radius:30px;

    background:#17185f20;
}

/*==================================================
    ABOUT
==================================================*/

.pharmacy-about{
    color:#5d6678;

    font-size:14px;

    line-height:2.2;
}

.pharmacy-about p:last-child{
    margin-bottom:0;
}

/*==================================================
    SOCIALS
==================================================*/

.pharmacy-socials{
    display:flex;

    align-items:center;

    gap:10px;

    padding:0;

    margin:28px 0 0;

    list-style:none;
}

.pharmacy-socials li{
    margin:0;
}

.pharmacy-socials a{
    width:44px;

    height:44px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:14px;

    background:#f7f9fc;

    color:#17185f;

    border:1px solid #edf0f5;

    transition:.25s;

    text-decoration:none;
}

.pharmacy-socials a i{
    font-size:21px;
}

.pharmacy-socials a:hover{
    background:#17185f;

    color:#fff;

    transform:translateY(-4px);

    box-shadow:0 12px 25px rgba(23,24,95,.20);
}

/*==================================================
    LINKS
==================================================*/

.pharmacy-links ul{
    margin:0;
    padding:0;
    list-style:none;
}

.pharmacy-links li{
    margin-bottom:12px;
}

.pharmacy-links li:last-child{
    margin-bottom:0;
}

.pharmacy-links a{
    position:relative;

    display:flex;

    align-items:center;

    color:#5c6576;

    font-size:14px;

    font-weight:500;

    transition:.25s;

    text-decoration:none;
}

.pharmacy-links a::before{
    content:"";

    width:6px;
    height:6px;

    background:#ccd3df;

    border-radius:50%;

    margin-left:10px;

    transition:.25s;
}

.pharmacy-links a:hover{
    color:#17185f;

    padding-right:8px;
}

.pharmacy-links a:hover::before{
    background:#17185f;

    transform:scale(1.3);
}

/*==================================================
    TRUST
==================================================*/

.pharmacy-trust{
    display:flex;

    flex-wrap:wrap;

    gap:16px;
}

.pharmacy-trust__item{
    flex:1 1 140px;

    min-height:120px;

    display:flex;

    align-items:center;

    justify-content:center;

    background:#fafbfd;

    border:1px solid #edf0f5;

    border-radius:18px;

    transition:.25s;

    overflow:hidden;
}

.pharmacy-trust__item img{
    max-width:100%;

    height:auto;
}

/*==================================================
    FOOTER BOTTOM
==================================================*/

.pharmacy-footer__bottom{
    padding:22px 0 35px;
}

.pharmacy-footer__bottom-inner{
    display:flex;

    justify-content:space-between;

    align-items:center;

    gap:20px;

    border-top:1px solid #e9edf3;

    padding-top:22px;
}

.pharmacy-footer__copyright{
    color:#6c7384;

    font-size:13px;

    line-height:2;
}

.pharmacy-footer__copyright strong{
    color:#17185f;

    font-weight:700;
}

.pharmacy-footer__developer{
    display:flex;

    align-items:center;

    gap:10px;

    color:#8b93a4;

    font-size:13px;
}

.pharmacy-footer__developer a{
    display:flex;

    align-items:center;

    gap:6px;

    color:#17185f;

    font-weight:700;

    text-decoration:none;

    transition:.25s;
}

.pharmacy-footer__developer a i{
    font-size:18px;
}

.pharmacy-footer__developer a:hover{
    opacity:.75;
}

/*==================================================
    RESPONSIVE
==================================================*/

@media(max-width:991px){
    .pharmacy-footer__card{
        padding:30px;
    }

    .pharmacy-footer__bottom-inner{
        flex-direction:column;

        text-align:center;
    }

    .pharmacy-trust{
        justify-content:center;
    }
}

@media(max-width:767px){
    .pharmacy-footer{
        margin-top:45px;
    }

    .pharmacy-footer__main{
        padding:45px 0 20px;
    }

    .pharmacy-footer__card{
        border-radius:20px;

        padding:22px;
    }

    .pharmacy-widget{
        margin-bottom:20px;
    }

    .pharmacy-socials{
        justify-content:center;
    }

    .pharmacy-widget__title{
        text-align:center;
    }

    .pharmacy-widget__title h4{
        justify-content:center;
    }

    .pharmacy-about{
        text-align:center;
    }

    .pharmacy-links{
        text-align:center;
    }

    .pharmacy-links a{
        justify-content:center;
    }
}

/*==================================================
    WIDGET HOVER
==================================================*/

.pharmacy-widget{
    position:relative;

    transition:.35s;

    border-radius:20px;

    padding:12px;
}

.pharmacy-footer__card{
    position:relative;

    overflow:hidden;
}

.pharmacy-footer__card::before{
    content:"";

    position:absolute;

    top:0;
    right:0;
    left:0;

    height:4px;

    background:linear-gradient(
        90deg,
        #17185f,
        #3942b7,
        #17185f
    );
}
.footer-logo{
    margin-bottom:22px;
}

.footer-logo img{
    height:58px;

    width:auto;
}
.pharmacy-about p{
    margin-bottom:14px;
}

.pharmacy-about ul{
    margin:15px 0;

    padding-right:18px;
}

.pharmacy-about li{
    margin-bottom:8px;
}

.pharmacy-about h1{
    font-size:26px;
    font-weight:800;
    color:#17185f;
    margin:0 0 18px;
}

.pharmacy-about h2{
    font-size:22px;
    font-weight:800;
    color:#17185f;
    margin:0 0 16px;
}

.pharmacy-about h3{
    font-size:18px;
    font-weight:700;
    color:#17185f;
    margin:0 0 14px;
}

.pharmacy-about p{
    font-size:14px;
    color:#667085;
    line-height:2.1;
    margin:0 0 14px;
}

.pharmacy-about p:last-child{
    margin-bottom:0;
}