@charset "UTF-8";

/* =========================================================
   FONTS
========================================================= */

@font-face{
    font-family:IRANSans;
    font-style:normal;
    font-weight:700;
    src:url('../fonts/eot/IRANSansWeb_Bold.eot');
    src:
        url('../fonts/eot/IRANSansWeb_Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/woff2/IRANSansWeb_Bold.woff2') format('woff2'),
        url('../fonts/woff/IRANSansWeb_Bold.woff') format('woff'),
        url('../fonts/ttf/IRANSansWeb_Bold.ttf') format('truetype');
}

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

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

@font-face{
    font-family:IRANSans;
    font-style:normal;
    font-weight:300;
    src:url('../fonts/eot/IRANSansWeb_Light.eot');
    src:
        url('../fonts/eot/IRANSansWeb_Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/woff2/IRANSansWeb_Light.woff2') format('woff2'),
        url('../fonts/woff/IRANSansWeb_Light.woff') format('woff'),
        url('../fonts/ttf/IRANSansWeb_Light.ttf') format('truetype');
}

@font-face{
    font-family:IRANSans;
    font-style:normal;
    font-weight:200;
    src:url('../fonts/eot/IRANSansWeb_UltraLight.eot');
    src:
        url('../fonts/eot/IRANSansWeb_UltraLight.eot?#iefix') format('embedded-opentype'),
        url('../fonts/woff2/IRANSansWeb_UltraLight.woff2') format('woff2'),
        url('../fonts/woff/IRANSansWeb_UltraLight.woff') format('woff'),
        url('../fonts/ttf/IRANSansWeb_UltraLight.ttf') format('truetype');
}


/* =========================================================
   VARIABLES
========================================================= */

:root{
    --igt-green:#4BB650;
    --igt-green-dark:#3c9d41;
    --igt-green-light:#f1faf2;

    --igt-red:#E80545;
    --igt-red-dark:#c9043b;
    --igt-red-light:#fff3f6;

    --igt-black:#222;
    --igt-text:#555;
    --igt-muted:#999;

    --igt-border:#ececec;
    --igt-light:#f7f7f7;
    --igt-white:#fff;

    --igt-radius:12px;
}


/* =========================================================
   GLOBAL
========================================================= */

html{
    overflow-x:hidden;
}

body{
    margin:0;
    overflow-x:hidden;
    color:var(--igt-black);
    font-family:IRANSans,sans-serif;
}

a{
    text-decoration:none;
}

img{
    max-width:100%;
}

button,
input,
select,
textarea{
    font-family:inherit;
}

.content-page{
    margin:32px 0;
}

.owl-carousel.owl-theme.owl-loaded.owl-drag{
    direction:ltr;
}


/* =========================================================
   SITE HEADER
========================================================= */

.site-header{
    position:relative;
    z-index:1000;
    direction:rtl;
    background:#fff;
}


/* =========================================================
   TOP HEADER
========================================================= */

.site-header .top-header{
    position:relative;
    padding:16px 0;
    background:#fff;
    border-bottom:1px solid #f2f2f2;
}

.site-header .top-header .row{
    align-items:center;
}


/* =========================================================
   LOGO
========================================================= */

.site-header .navbar-brand.logo{
    display:flex;
    align-items:center;
    justify-content:center;
    width:54px;
    height:54px;
    margin:0;
    padding:4px;
    border:1px solid #f0f0f0;
    border-radius:13px;
    background:#fff;
    transition:.2s ease;
}

.site-header .navbar-brand.logo:hover{
    border-color:#ddd;
    box-shadow:0 7px 20px rgba(0,0,0,.055);
    transform:translateY(-1px);
}

.site-header .navbar-brand.logo img{
    display:block;
    width:100%;
    height:100%;
    object-fit:contain;
}


/* =========================================================
   SEARCH
========================================================= */

.igt-search-form{
    position:relative;
    width:100%;
}

.igt-search-form > i{
    position:absolute;
    top:50%;
    right:17px;
    z-index:2;
    color:#666;
    font-size:16px;
    transform:translateY(-50%);
    pointer-events:none;
}

.igt-search-form input{
    width:100%;
    min-height:48px;
    padding:10px 47px 10px 17px;
    border:1px solid #ededed;
    border-radius:13px;
    outline:0;
    background:#f7f7f7;
    color:#333;
    font-size:11px;
    transition:.2s ease;
}

.igt-search-form input:hover{
    background:#f4f4f4;
}

.igt-search-form input:focus{
    border-color:#ddd;
    background:#fff;
    box-shadow:
        0 0 0 3px rgba(0,0,0,.02),
        0 5px 18px rgba(0,0,0,.035);
}

.igt-search-form input.active{
    border-radius:13px 13px 0 0;
}


/* =========================================================
   SEARCH RESULT
========================================================= */

.search-result{
    position:absolute;
    top:calc(100% + 1px);
    right:0;
    z-index:99999;
    width:min(856px,calc(100vw - 30px));
    max-width:100%;
    padding:14px;
    overflow:hidden;
    border:1px solid #eee;
    border-radius:0 0 13px 13px;
    background:#f5f5f5;
    box-shadow:0 18px 40px rgba(0,0,0,.12);
}

.search-result-title{
    display:block;
    margin-bottom:12px;
    padding-bottom:11px;
    border-bottom:1px solid #ddd;
    color:#333;
    font-size:12px;
    font-weight:700;
}

.search-result-banner{
    display:block;
    width:100%;
    margin-bottom:12px;
    border-radius:9px;
}

.search-result-list{
    max-height:420px;
    margin:0;
    padding:0;
    overflow-y:auto;
    list-style:none;
}

.search-result-item{
    margin-bottom:7px;
    overflow:hidden;
    border-radius:9px;
    background:#fff;
    transition:.2s ease;
}

.search-result-item:last-child{
    margin-bottom:0;
}

.search-result-item:hover{
    background:#fafafa;
}

.search-result-item a{
    display:flex;
    align-items:center;
    gap:10px;
    padding:9px;
    color:#333;
}

.search-result-item img{
    flex:0 0 58px;
    width:58px;
    height:58px;
    padding:2px;
    border-radius:7px;
    background:#fafafa;
    object-fit:contain;
    transition:.2s ease;
}

.search-result-item:hover img{
    transform:scale(1.04);
}

.item-info{
    display:flex;
    flex:1;
    min-width:0;
    flex-direction:column;
}

.item-info h6{
    margin:0 0 4px;
    overflow:hidden;
    color:#222;
    font-size:12px;
    font-weight:600;
    line-height:1.8;
    text-overflow:ellipsis;
}

.item-info .category{
    margin-bottom:3px;
    color:#999;
    font-size:9px;
}

.item-info .price{
    color:var(--igt-red);
    font-size:12px;
    font-weight:700;
}

.search-result-list::-webkit-scrollbar{
    width:5px;
}

.search-result-list::-webkit-scrollbar-thumb{
    border-radius:10px;
    background:#ccc;
}


/* =========================================================
   USER ACCESS
========================================================= */

.site-header .user-access{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:8px;
    height:auto;
    padding:0 10px;
    overflow:visible;
}

.site-header .user-access .user-icon,
.site-header .cart-toggle{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    flex:0 0 46px;
    width:46px;
    height:46px;
    margin:0;
    padding:0;
    border:1px solid #ededed;
    border-radius:12px;
    outline:0;
    background:#fff;
    color:#333;
    cursor:pointer;
    appearance:none;
    transition:.2s ease;
}

.site-header .user-access .user-icon:hover,
.site-header .cart-toggle:hover{
    border-color:#E80545;
    background:var(--igt-red-light);
    color:var(--igt-red);
    box-shadow:0 7px 18px rgba(232,5,69,.07);
    transform:translateY(-1px);
}

.site-header .user-access i{
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    color:inherit;
    font-size:20px;
}


/* =========================================================
   CART COUNT
========================================================= */

.cart-toggle{
    position:relative;
}

.cart-count{
    position:absolute;
    top:-5px;
    right:-5px;
    z-index:3;
    display:flex;
    align-items:center;
    justify-content:center;
    min-width:19px;
    height:19px;
    padding:0 5px;
    border:2px solid #fff;
    border-radius:20px;
    background:var(--igt-red);
    color:#fff;
    font-size:9px;
    font-weight:700;
    line-height:1;
}


/* =========================================================
   DESKTOP HEADER
========================================================= */

.main-header{
    position:relative;
	background: #f7f7f7;
}

.igt-desktop-nav{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:space-between;
    width:100%;
    min-height:66px;
    border-radius:15px;
}


/* =========================================================
   DESKTOP NAVBAR
========================================================= */

.igt-desktop-nav .navbar{
    position:static;
    display:flex;
    align-items:center;
    flex:1 1 auto;
    width:auto;
    min-height:64px;
    margin:0;
    padding:0 !important;
}

.igt-desktop-nav .navbar-nav{
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    flex-wrap:nowrap !important;
    gap:3px;
    width:auto;
    margin:0;
    padding:0;
}


/* =========================================================
   DESKTOP MAIN MENU
========================================================= */

.igt-desktop-nav .main-menu{
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    flex-wrap:nowrap !important;
    gap:3px;
    width:auto;
    margin:0;
    padding:0;
    list-style:none;
}

.igt-desktop-nav .main-menu > .nav-item{
    position:relative;
    display:block;
    flex:0 0 auto;
    width:auto;
    margin:0;
    list-style:none;
}

.igt-desktop-nav .main-menu > .nav-item > .nav-link{
    position:relative;
    display:flex;
    align-items:center;
    gap:6px;
    min-height:42px;
    padding:9px 12px;
    border-radius:9px;
    background:transparent;
    color:#333 !important;
    font-size:12px;
    font-weight:500;
    white-space:nowrap;
    transition:.2s ease;
}

.igt-desktop-nav .main-menu > .nav-item:hover > .nav-link{
    background:#fafafa;
    color:var(--igt-red) !important;
}

.igt-desktop-nav .main-menu > .current-menu-item > .nav-link,
.igt-desktop-nav .main-menu > .current-menu-parent > .nav-link,
.igt-desktop-nav .main-menu > .current-menu-ancestor > .nav-link{
    background:var(--igt-red-light);
    color:var(--igt-red) !important;
    font-weight:700;
}


/* =========================================================
   MENU ARROW
========================================================= */

.igt-desktop-nav .menu-arrow{
    color:#999;
    font-size:9px;
    transition:.2s ease;
}

.igt-desktop-nav .nav-item:hover > .nav-link .menu-arrow{
    color:var(--igt-red);
    transform:rotate(180deg);
}


/* =========================================================
   MEGA MENU
   بدون تغییر
========================================================= */

.igt-desktop-nav .main-menu > .mega-parent{
    position:static;
}

.igt-desktop-nav
.main-menu
> .mega-parent
> .mega-menu-dropdown{
    position:absolute;
    top:calc(100% + 8px);
    right:0;
    left:0;
    z-index:9999;
	margin-top: -28px !important;
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:24px;

    width:100% !important;
    max-width:100% !important;

    margin:0;
    padding:25px 28px;

    border:1px solid #eee;
    border-radius:15px;

    background:#fff;

    box-shadow:0 20px 50px rgba(0,0,0,.10);

    opacity:0;
    visibility:hidden;
    pointer-events:none;

    transform:translateY(10px);

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

.igt-desktop-nav
.main-menu
> .mega-parent:hover
> .mega-menu-dropdown{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transform:translateY(0);
}


/* =========================================================
   MEGA COLUMNS
   بدون تغییر
========================================================= */

.igt-desktop-nav .mega-column{
    display:block;
    min-width:0;
    margin:0;
    padding:0;
    list-style:none;
}

.igt-desktop-nav .mega-column-title{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:9px;
    width:100%;
}

.igt-desktop-nav .mega-column-info{
    display:flex;
    align-items:center;
    gap:8px;
}

.igt-desktop-nav .mega-column-icon{
    display:flex;
    align-items:center;
    justify-content:center;
    flex:0 0 37px;
    width:37px;
    height:37px;
    border-radius:9px;
    background:#f3faf4;
    color:var(--igt-green);
    font-size:16px;
    transition:.2s ease;
}

.igt-desktop-nav .mega-column-title:hover .mega-column-icon{
    background:var(--igt-green);
    color:#fff;
    transform:translateY(-2px);
}

.igt-desktop-nav .mega-column > .mega-column-title{
    margin:0 0 9px;
    padding:0 0 10px;
    border-bottom:1px solid #eee;
}

.igt-desktop-nav .mega-column-title-text{
    color:#222;
    font-size:13px;
    font-weight:700;
}

.igt-desktop-nav .mega-column-title:hover .mega-column-title-text{
    color:var(--igt-green);
}

.igt-desktop-nav .column-arrow{
    color:#999;
    font-size:9px;
    transition:.2s ease;
}

.igt-desktop-nav .mega-column-title:hover .column-arrow{
    color:var(--igt-red);
    transform:translateX(-3px);
}


/* =========================================================
   MEGA SUBMENU
   بدون تغییر
========================================================= */

.igt-desktop-nav .mega-column > .mega-submenu{
    display:flex !important;
    flex-direction:column !important;
    gap:2px;
    margin:0;
    padding:0;
    list-style:none;
}

.igt-desktop-nav .mega-sub-item{
    position:relative;
    display:block;
    width:100%;
    margin:0;
    padding:0;
    list-style:none;
}

.igt-desktop-nav .mega-sub-link{
    display:flex;
    align-items:center;
    justify-content:space-between;
    width:100%;
    padding:7px 8px;
    border-radius:7px;
    color:#666 !important;
    font-size:10px;
    transition:.2s ease;
}

.igt-desktop-nav .mega-sub-link:hover{
    padding-right:12px;
    background:#f8f8f8;
    color:var(--igt-green) !important;
}

.igt-desktop-nav .submenu-arrow{
    color:#aaa;
    font-size:8px;
}


/* =========================================================
   THIRD LEVEL
   بدون تغییر
========================================================= */

.igt-desktop-nav
.mega-sub-item
> .mega-submenu{
    position:absolute;
    top:0;
    right:calc(100% + 8px);
    z-index:30;

    display:block;

    width:220px;

    margin:0;
    padding:9px;

    border:1px solid #eee;
    border-radius:11px;

    background:#fff;

    box-shadow:0 12px 30px rgba(0,0,0,.08);

    list-style:none;

    opacity:0;
    visibility:hidden;
    pointer-events:none;

    transform:translateX(8px);

    transition:.2s ease;
}

.igt-desktop-nav
.mega-sub-item:hover
> .mega-submenu{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transform:translateX(0);
}


/* =========================================================
   HEADER PHONE
========================================================= */

.header-contact{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:flex-end;
    flex:0 0 auto;
    margin-right:15px;
    padding-right:16px;
}

.header-contact::before{
    content:"";
    position:absolute;
    top:50%;
    right:0;
    width:1px;
    height:30px;
    background:#eee;
    transform:translateY(-50%);
}

.header-contact a{
    display:flex;
    align-items:center;
    gap:9px;
    color:#333;
    font-size:13px;
    font-weight:700;
    white-space:nowrap;
    transition:.2s ease;
}

.header-contact a:hover{
    color:var(--igt-green);
}

.header-contact a span{
    direction:ltr;
}

.header-contact i{
    display:flex;
    align-items:center;
    justify-content:center;
    width:42px;
    height:42px;
    border:1px solid #dceede;
    border-radius:11px;
    background:var(--igt-green-light);
    color:var(--igt-green);
    font-size:16px;
    transition:.2s ease;
}

.header-contact a:hover i{
    border-color:var(--igt-green);
    background:var(--igt-green);
    color:#fff;
    transform:translateY(-1px);
}


/* =========================================================
   MOBILE HEADER
========================================================= */

.igt-mobile-header{
    margin-top:9px;
}

.igt-mobile-header-inner{
    display:flex;
    align-items:center;
    justify-content:space-between;
    min-height:53px;
    padding:6px 8px;
    border:1px solid #eee;
    border-radius:13px;
    background:#fff;
    box-shadow:0 7px 25px rgba(0,0,0,.04);
}

.igt-mobile-menu-button{
    display:flex;
    align-items:center;
    gap:8px;
    padding:7px 9px;
    border:0;
    outline:0;
    background:transparent;
    color:#222;
    font-size:11px;
    font-weight:700;
    cursor:pointer;
}

.igt-mobile-menu-button i{
    color:var(--igt-red);
    font-size:23px;
}

.igt-mobile-phone{
    display:flex;
    align-items:center;
    justify-content:center;
    width:38px;
    height:38px;
    border-radius:9px;
    background:var(--igt-green-light);
    color:var(--igt-green);
    font-size:15px;
}


/* =========================================================
   OFFCANVAS
========================================================= */

.igt-menu-offcanvas,
.igt-cart-offcanvas{
    width:370px !important;
    max-width:90vw;
    border:0 !important;
    background:#fff;
    font-family:IRANSans,sans-serif;
}

.igt-menu-offcanvas{
    border-left:1px solid #eee !important;
}

.igt-cart-offcanvas{
    border-right:1px solid #eee !important;
}

.igt-menu-offcanvas .offcanvas-header,
.igt-cart-offcanvas .offcanvas-header{
    min-height:86px;
    padding:16px 18px;
    border-bottom:1px solid #eee;
    background:#fff;
}

.igt-offcanvas-label{
    display:block;
    margin-bottom:3px;
    color:var(--igt-red);
    font-size:9px;
}

.igt-menu-offcanvas .offcanvas-title,
.igt-cart-offcanvas .offcanvas-title{
    margin:0;
    color:#222;
    font-size:17px;
    font-weight:800;
}

.igt-offcanvas-close{
	margin-right: auto;
    display:flex;
    align-items:center;
    justify-content:center;
    width:37px;
    height:37px;
    padding:0;
    border:1px solid #eee;
    border-radius:9px;
    outline:0;
    background:#fff;
    color:#555;
    font-size:17px;
    cursor:pointer;
    transition:.2s ease;
}

.igt-offcanvas-close:hover{
    border-color:#ddd;
    background:#f8f8f8;
    color:var(--igt-red);
}

.igt-menu-offcanvas .offcanvas-body,
.igt-cart-offcanvas .offcanvas-body{
    padding:14px;
}

.offcanvas-backdrop.show{
    opacity:.35;
}


/* =========================================================
   MOBILE SIDE MENU
========================================================= */

.igt-mobile-menu-list{
    margin:0;
    padding:0;
    list-style:none;
}

.igt-mobile-menu-list li{
    position:relative;
    margin:0;
    padding:0;
    list-style:none;
}

.igt-mobile-menu-list > li{
    border-bottom:1px solid #f1f1f1;
}

.igt-mobile-menu-list > li:last-child{
    border-bottom:0;
}

.igt-mobile-menu-list > li > a{
    display:flex;
    align-items:center;
    min-height:47px;
    padding:10px 42px 10px 8px;
    border-radius:7px;
    color:#222 !important;
    font-size:11px;
    font-weight:600;
    transition:.2s ease;
}

.igt-mobile-menu-list > li > a:hover,
.igt-mobile-menu-list > .current-menu-item > a,
.igt-mobile-menu-list > .current-menu-parent > a{
    background:#fafafa;
    color:var(--igt-red) !important;
}


/* =========================================================
   MOBILE SUBMENU TOGGLE
========================================================= */

.igt-mobile-submenu-toggle{
    position:absolute;
    top:7px;
    right:4px;
    z-index:5;
    display:flex;
    align-items:center;
    justify-content:center;
    width:32px;
    height:32px;
    padding:0;
    border:0;
    border-radius:7px;
    outline:0;
    background:#f6f6f6;
    color:#777;
    font-size:10px;
    cursor:pointer;
}

.igt-mobile-submenu-toggle:hover{
    background:var(--igt-red-light);
    color:var(--igt-red);
}

.igt-mobile-submenu-toggle i{
    transition:transform .2s ease;
}

.igt-has-submenu.is-open > .igt-mobile-submenu-toggle i{
    transform:rotate(180deg);
}


/* =========================================================
   MOBILE SUBMENUS
========================================================= */

.igt-mobile-menu-list .sub-menu,
.igt-mobile-menu-list .mega-menu-dropdown,
.igt-mobile-menu-list .mega-submenu{
    position:static !important;
    display:none !important;
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
    padding:6px 9px !important;
    border:0 !important;
    border-radius:8px !important;
    background:#fafafa !important;
    box-shadow:none !important;
    list-style:none;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
    transform:none !important;
}

.igt-mobile-menu-list .igt-has-submenu.is-open > .sub-menu,
.igt-mobile-menu-list .igt-has-submenu.is-open > .mega-menu-dropdown,
.igt-mobile-menu-list .igt-has-submenu.is-open > .mega-submenu{
    display:block !important;
}


/* =========================================================
   MOBILE MEGA
========================================================= */

.igt-mobile-menu-list .mega-column{
    width:100%;
    margin:0 0 5px;
}

.igt-mobile-menu-list .mega-column:last-child{
    margin-bottom:0;
}

.igt-mobile-menu-list .mega-column-title{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:7px;
    padding:7px;
    color:#222 !important;
    font-size:10px;
}

.igt-mobile-menu-list .mega-column-info{
    display:flex;
    align-items:center;
    gap:6px;
}

.igt-mobile-menu-list .mega-column-icon{
    display:flex;
    align-items:center;
    justify-content:center;
    flex:0 0 30px;
    width:30px;
    height:30px;
    border-radius:7px;
    background:var(--igt-green-light);
    color:var(--igt-green);
    font-size:12px;
}

.igt-mobile-menu-list .mega-column-title-text{
    color:#333;
    font-size:10px;
    font-weight:700;
}

.igt-mobile-menu-list .mega-sub-link{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:6px 7px;
    border-radius:6px;
    color:#666 !important;
    font-size:9px;
}

.igt-mobile-menu-list .mega-sub-link:hover{
    background:#fff;
    color:var(--igt-green) !important;
}


/* =========================================================
   MOBILE MENU FOOTER
========================================================= */

.igt-mobile-menu-footer{
    display:grid;
    gap:7px;
    margin-top:20px;
}

.igt-mobile-menu-footer a{
    display:flex;
    align-items:center;
    gap:8px;
    min-height:42px;
    padding:9px 10px;
    border:1px solid #eee;
    border-radius:9px;
    background:#fff;
    color:#444;
    font-size:10px;
}

.igt-mobile-menu-footer a:hover{
    border-color:#ddd;
    background:#fafafa;
}

.igt-mobile-menu-footer i{
    color:var(--igt-green);
    font-size:16px;
}


/* =========================================================
   SIDE CART
========================================================= */

.igt-cart-offcanvas .offcanvas-body{
    display:flex;
    flex-direction:column;
    overflow-y:auto;
}

.igt-side-cart-body{
    width:100%;
}

.igt-side-cart-body .woocommerce-mini-cart{
    display:flex;
    flex-direction:column;
    gap:8px;
    margin:0;
    padding:0;
    list-style:none;
}


/* =========================================================
   MINI CART PRODUCT
========================================================= */

.igt-side-cart-body .woocommerce-mini-cart-item{
    position:relative;
    min-height:90px;
    margin:0;
    padding:10px 10px 10px 35px;
    overflow:hidden;
    border:1px solid #eee;
    border-radius:11px;
    background:#fff;
}

.igt-side-cart-body
.woocommerce-mini-cart-item
> a:not(.remove){
    display:grid;
    grid-template-columns:65px 1fr;
    align-items:center;
    gap:10px;
    color:#333;
    font-size:10px;
    font-weight:600;
    line-height:1.8;
}

.igt-side-cart-body
.woocommerce-mini-cart-item
> a:not(.remove):hover{
    color:var(--igt-red);
}

.igt-side-cart-body
.woocommerce-mini-cart-item img{
    float:none !important;
    width:65px !important;
    height:65px !important;
    margin:0 !important;
    padding:3px;
    border-radius:8px;
    background:#fafafa;
    object-fit:contain;
}


/* =========================================================
   MINI CART QUANTITY
========================================================= */

.igt-side-cart-body
.woocommerce-mini-cart-item
.quantity{
    display:block;
    margin-top:5px;
    padding-right:75px;
    color:#888;
    font-size:9px;
}

.igt-side-cart-body
.woocommerce-mini-cart-item
.amount{
    color:#333;
    font-weight:700;
}


/* =========================================================
   MINI CART REMOVE
========================================================= */

.igt-side-cart-body .remove_from_cart_button{
    position:absolute !important;
    top:8px;
    left:8px;
    z-index:5;
    display:flex !important;
    align-items:center;
    justify-content:center;
    width:25px !important;
    height:25px !important;
    padding:0 !important;
    border-radius:6px !important;
    background:var(--igt-red-light) !important;
    color:var(--igt-red) !important;
    font-size:16px !important;
    font-weight:400 !important;
    line-height:1 !important;
    transition:.2s ease;
}

.igt-side-cart-body .remove_from_cart_button:hover{
    background:var(--igt-red) !important;
    color:#fff !important;
}


/* =========================================================
   MINI CART TOTAL
========================================================= */

.igt-side-cart-body .woocommerce-mini-cart__total{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    margin:14px 0 8px;
    padding:12px;
    border:0;
    border-radius:9px;
    background:#f7f7f7;
    color:#777;
    font-size:10px;
}

.igt-side-cart-body .woocommerce-mini-cart__total strong{
    color:#333;
    font-weight:600;
}

.igt-side-cart-body .woocommerce-mini-cart__total .amount{
    color:#222;
    font-size:12px;
    font-weight:800;
}


/* =========================================================
   MINI CART BUTTONS
========================================================= */

.igt-side-cart-body .woocommerce-mini-cart__buttons{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:7px;
    margin:0;
}

.igt-side-cart-body .woocommerce-mini-cart__buttons a{
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:42px;
    margin:0 !important;
    padding:7px 9px !important;
    border:0 !important;
    border-radius:8px !important;
    background:#222 !important;
    color:#fff !important;
    font-size:10px !important;
    font-weight:700 !important;
    transition:.2s ease;
}

.igt-side-cart-body .woocommerce-mini-cart__buttons a:hover{
    background:#333 !important;
}

.igt-side-cart-body
.woocommerce-mini-cart__buttons
.checkout{
    background:var(--igt-red) !important;
}

.igt-side-cart-body
.woocommerce-mini-cart__buttons
.checkout:hover{
    background:var(--igt-red-dark) !important;
}


/* =========================================================
   EMPTY CART
========================================================= */

.igt-side-cart-body .woocommerce-mini-cart__empty-message{
    position:relative;
    margin:60px 0;
    padding-top:65px;
    color:#999;
    text-align:center;
    font-size:11px;
}

.igt-side-cart-body
.woocommerce-mini-cart__empty-message::before{
    content:"\F242";
    position:absolute;
    top:0;
    right:50%;
    color:#ddd;
    font-family:"bootstrap-icons";
    font-size:45px;
    transform:translateX(50%);
}


/* =========================================================
   BOOTSTRAP
========================================================= */

.dropdown-item{
    text-align:right;
}

.dropdown-menu[data-bs-popper]{
    right:0;
    left:auto;
}


/* =========================================================
   OWL
========================================================= */

.owl-theme .owl-nav{
    position:absolute;
    top:-75px;
    margin-top:10px;
}

.owl-theme .owl-nav button{
    position:relative;
    width:40px;
    height:40px;
    border:1px solid #eee !important;
    border-radius:7px !important;
    box-shadow:0 0 2px rgba(0,0,0,.1);
}


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

footer{
    margin-top:32px;
    padding:0 0 32px;
    background:#F8F8F8;
}

footer ul{
    margin:0;
    padding:0;
    direction:rtl;
    text-align:right;
    font-size:11px;
    line-height:32px;
    list-style:none;
}

footer ul li a{
    color:#000;
}

footer ul li a:hover{
    color:#717171;
}

footer i{
    margin-left:10px;
    font-size:20px;
}

footer span.title{
    display:block;
    margin:0 0 10px;
    padding-bottom:10px;
    border-bottom:1px solid #a1a1a1;
    color:#000;
    font-size:14px;
    font-weight:700;
}


/* =========================================================
   FOOTER ITEMS
========================================================= */

footer .igt-item{
    margin:32px 0 42px;
}

footer .igt-item .item{
    height:90px;
    padding:10px;
    border-radius:7px;
    background:#fff;
    text-align:center;
    box-shadow:0 0 2px rgba(0,0,0,.1);
}

footer .igt-item .item i{
    display:block;
    margin-left:0;
    text-align:center;
    font-size:26px;
}

footer .igt-item .item span{
    font-size:12px;
}


/* =========================================================
   CERTIFICATES
========================================================= */

footer ul.certificate{
    display:inline-flex;
    flex-wrap:wrap;
    gap:12px;
}

footer ul.certificate li{
    position:relative;
    margin:0;
    padding:16px;
    border:1px solid #eee;
    border-radius:7px;
    background:#fff;
    box-shadow:0 0 2px rgba(0,0,0,.1);
}


/* =========================================================
   FOOTER TEXT
========================================================= */

footer div.footer-text{
    direction:rtl;
    color:#444;
    text-align:justify;
    font-size:12px;
    line-height:2.4;
}


/* =========================================================
   FOOTER CONTACT
========================================================= */

section.footer-contact-us{
    margin-bottom:32px;
    padding:16px;
    background-image:url("../images/footer-top.svg");
    background-repeat:no-repeat;
    background-position:center;
    background-size:cover;
}

footer .footer-contact-us a{
    color:#fff !important;
    font-size:14px;
    font-weight:700;
}

.footer-contact-us .col-sm-6:first-child a:first-child{
    margin-left:50px;
}

.footer-contact-us .btn.btn-outline-light{
    width:164px;
    border-radius:0;
}

.footer-contact-us .btn.btn-outline-light:last-child{
    margin-right:16px;
}

.footer-contact-us .btn.btn-outline-light:hover{
    color:#000 !important;
}

footer .footer-contact-us ul{
    line-height:48px;
}


/* =========================================================
   ADDRESS / SOCIAL
========================================================= */

.address-social-media{
    margin-top:32px;
    padding:14px;
    background:#fff;
}

footer .address-social-media a{
    display:block;
    direction:rtl;
    color:#000;
    text-align:right;
    font-size:13px;
}

.address-social-media ul{
    display:flex;
    justify-content:flex-start;
    gap:10px;
    list-style:none;
}

.address-social-media ul li{
    margin:0;
}


/* =========================================================
   COPYRIGHT
========================================================= */

.copyright{
    margin-top:20px;
    padding-top:10px;
    border-top:1px solid #a1a1a1;
    direction:rtl;
    color:#000;
    text-align:center;
    font-size:14px;
}


/* =========================================================
   DESKTOP
========================================================= */

@media(min-width:992px){

    .igt-mobile-header{
        display:none !important;
    }

    .site-header .top-header .row{
        display:flex;
        align-items:center;
        flex-wrap:nowrap;
    }

}


/* =========================================================
   TABLET / MOBILE
========================================================= */

@media(max-width:991.98px){

    .site-header .top-header{
        padding:10px 0;
    }

    .site-header .top-header .row{
        display:flex;
        flex-wrap:wrap;
        align-items:center;
        row-gap:9px;
        margin:0;
    }


    /* Logo */

    .site-header .top-header .col-2{
        order:1;
        flex:0 0 auto;
        width:auto;
        padding:0;
    }

    .site-header .navbar-brand.logo{
        width:45px;
        height:45px;
        padding:3px;
        border-radius:10px;
    }


    /* User */

    .site-header .top-header .user-access{
        order:2;
        flex:1 1 auto;
        justify-content:flex-end;
        width:auto;
        margin-right:auto;
        padding:0;
    }

    .site-header .user-access .user-icon,
    .site-header .cart-toggle{
        flex-basis:38px;
        width:38px;
        height:38px;
        border-radius:9px;
    }

    .site-header .user-access i{
        font-size:18px;
    }

    .cart-count{
        top:-5px;
        right:-5px;
        min-width:18px;
        height:18px;
        font-size:8px;
    }


    /* Search */

    .site-header .top-header .col-8{
        order:3;
        flex:0 0 100%;
        width:100%;
        padding:0;
    }

    .igt-search-form input{
        min-height:41px;
        font-size:9px;
    }

    .search-result{
        right:0;
        left:0;
        width:100%;
        max-width:100%;
        padding:8px;
    }

    .search-result-list{
        max-height:55vh;
    }

    .search-result-item img{
        flex:0 0 47px;
        width:47px;
        height:47px;
    }

    .search-result-item a{
        gap:8px;
        padding:7px;
    }

    .item-info h6{
        font-size:10px;
    }

    .item-info .category{
        font-size:8px;
    }

    .item-info .price{
        font-size:10px;
    }


    /* Desktop header */

    .main-header{
        display:none !important;
    }


    /* Footer */

    section.footer-contact-us{
        background-size:cover;
    }

    .footer-contact-us .col-sm-6:first-child a:first-child{
        margin-left:15px;
    }

    footer div.footer-text{
        line-height:2.1;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media(max-width:575.98px){

    .site-header .top-header{
        padding:9px 0;
    }

    .site-header .navbar-brand.logo{
        width:43px;
        height:43px;
    }

    .site-header .user-access .user-icon,
    .site-header .cart-toggle{
        flex-basis:36px;
        width:36px;
        height:36px;
        border-radius:8px;
    }

    .site-header .user-access i{
        font-size:17px;
    }

    .igt-search-form input{
        min-height:40px;
        font-size:9px;
    }

    .igt-search-form input::placeholder{
        font-size:9px;
    }


    /* Search */

    .search-result{
        padding:7px;
    }

    .search-result-banner{
        display:none;
    }

    .search-result-item img{
        flex-basis:44px;
        width:44px;
        height:44px;
    }


    /* Mobile header */

    .igt-mobile-header-inner{
        min-height:50px;
    }

    .igt-mobile-menu-button{
        font-size:10px;
    }

    .igt-mobile-menu-button i{
        font-size:21px;
    }

    .igt-mobile-phone{
        width:36px;
        height:36px;
    }


    /* Offcanvas */

    .igt-menu-offcanvas,
    .igt-cart-offcanvas{
        width:315px !important;
        max-width:88vw;
    }

    .igt-menu-offcanvas .offcanvas-header,
    .igt-cart-offcanvas .offcanvas-header{
        min-height:75px;
        padding:13px 14px;
    }

    .igt-menu-offcanvas .offcanvas-title,
    .igt-cart-offcanvas .offcanvas-title{
        font-size:15px;
    }

    .igt-menu-offcanvas .offcanvas-body,
    .igt-cart-offcanvas .offcanvas-body{
        padding:10px;
    }


    /* Cart */

    .igt-side-cart-body .woocommerce-mini-cart-item{
        min-height:82px;
        padding:8px 8px 8px 32px;
    }

    .igt-side-cart-body
    .woocommerce-mini-cart-item
    > a:not(.remove){
        grid-template-columns:56px 1fr;
        gap:8px;
        font-size:9px;
    }

    .igt-side-cart-body
    .woocommerce-mini-cart-item img{
        width:56px !important;
        height:56px !important;
    }

    .igt-side-cart-body
    .woocommerce-mini-cart-item
    .quantity{
        padding-right:64px;
        font-size:8px;
    }

    .igt-side-cart-body
    .woocommerce-mini-cart__buttons a{
        min-height:40px;
        font-size:9px !important;
    }


    /* Footer */

    footer{
        padding-bottom:20px;
    }

    footer .igt-item{
        margin:22px 0 30px;
    }

    footer .igt-item .item{
        height:auto;
        min-height:80px;
		margin-bottom: 16px;
        padding:8px;
    }

    footer .igt-item .item i{
        font-size:21px;
    }

    footer .igt-item .item span{
        font-size:10px;
    }

    footer span.title{
        margin-top:17px;
        font-size:12px;
    }

    footer ul.certificate{
        display:flex;
        justify-content:center;
        width:100%;
    }

    footer ul.certificate li{
        padding:9px;
    }

    footer div.footer-text{
        font-size:10px;
        line-height:2;
    }

    section.footer-contact-us{
        margin-bottom:20px;
        padding:11px;
    }

    footer .footer-contact-us a{
        font-size:10px;
    }

    .footer-contact-us .col-sm-6:first-child a:first-child{
        margin-left:8px;
    }

    .footer-contact-us .btn.btn-outline-light{
        width:auto;
        padding:6px 9px;
        font-size:9px;
    }

    .footer-contact-us .btn.btn-outline-light:last-child{
        margin-right:5px;
    }

    .address-social-media{
        margin-top:20px;
        padding:10px;
    }

    footer .address-social-media a{
        font-size:10px;
    }

    .copyright{
        font-size:10px;
    }

}


/* =========================================================
   VERY SMALL MOBILE
========================================================= */

@media(max-width:360px){

    .site-header .navbar-brand.logo{
        width:40px;
        height:40px;
    }

    .site-header .user-access .user-icon,
    .site-header .cart-toggle{
        flex-basis:34px;
        width:34px;
        height:34px;
    }

    .site-header .user-access i{
        font-size:16px;
    }

    .igt-search-form input{
        min-height:38px;
    }

    .igt-menu-offcanvas,
    .igt-cart-offcanvas{
        width:295px !important;
    }

}