/*
Theme Name:     Toyup-child
Template:       toyup
Theme URI:      https://www.rtl-theme.com/author/mehrdesign/products/
Author:         گروه طراحی مهر
Author URI:     https://www.rtl-theme.com/author/mehrdesign/products/
Description:    قالب توی آپ با طراحی بی نظیر و مدرن ، یکی از بهترین قالب های فروشگاه کودک و نوزاد میباشد.
Version:        1.0
Text Domain:    toyup
Tags: 			theme-options, featured-images, post-formats, one-column, two-columns, right-sidebar, custom-background, custom-header, editor-style, sticky-post, threaded-comments, translation-ready
License:   	  	MehrDevelop License
License URI:  	https://www.rtl-theme.com/author/mehrdesign/products
*/


:root{
    --ak-slider-bg-color:#faf0e2;
    --ak-bg-color:#fbf6ed;
    --ak-matn-soorati-color:#e94a69;
    --ak-matn-abi-color:#039e98;
    --ak-header-text-color:#666;
    --ak-age-box-1-color:#fae2e1;
    --ak-age-box-2-color:#fdeec9;
    --ak-age-box-3-color:#e5ecbc;
    --ak-age-box-4-color:#daebed;
    --ak-age-box-5-color:#eadae5;
    --ak-age-box-1-border-color:#e097ae;
    --ak-age-box-2-border-color:#fce09d;
    --ak-age-box-3-border-color:#aabb66;
    --ak-age-box-4-border-color:#81c4db;
    --ak-age-box-5-border-color:#ae9dc1;
    --ak-age-box-1-text-color:#b6338d;
    --ak-age-box-2-text-color:#c35a15;
    --ak-age-box-3-text-color:#4b713e;
    --ak-age-box-4-text-color:#244d77;
    --ak-age-box-5-text-color:#3f1953;
    --shadow-soft: 0 10px 30px -12px rgba(8,49,44,.25);
    --radius-pill: 999px;
    --radius-lg: 22px;
  }
  
/*///////////FIXING THEME STYLES/////////////////*/
.header-top-bar{background-color:#000 !important;}
.rt-advanced-search-2 .input-group-append button{background-color:#fd754f !important;border-radius:15px !important;color:#fff;}
.rt-advanced-search-2 .input-group-append button:hover{background-color:#0698aa !important;color:white !imporatnt;}
.header-icon-area .item-icon .item-count,.rt-cart-float-inner .cart-number-wrapper{background-color:#fd754f !important;}

.rtsb-filter-item-wrap.rtsb-tax-filter{margin: -60px 0px 60px 0px !important;z-index: 10;}
.rtsb-carousel-slider.top-nav .swiper-nav{margin: 0px 0px 0px 20px !important;}
.rtsb-grid-item{background-color:#fff;}
/*////////TITLES/////////////////*/
.ak-pane-title-top{font-size: 40px;font-weight: 700;color: #0A4F79;}
@media (max-width:1024px){
    .ak-mobile-hero.e-con{margin-block-start:0px !important;}
}
@media (max-width:768px){
    .ak-mobile-hero.e-con{margin-top:30px !important;}   
}
.slidemenuon .homeSidebarBtn .bar:nth-child(1) {
	transform: rotate(-45deg) translate(-7px, 5px) !important;
}
.slidemenuon .homeSidebarBtn .bar:nth-child(3) {
	transform: rotate(45deg) translate(-11px, -10px) !important;
}
.rtsb-elementor-container.products .swiper-slide {
    pointer-events: auto !important;
}

.rtsb-elementor-container.products .swiper-slide > * {
    pointer-events: auto !important;
}
/* =====================================================
   HERO MAIN
===================================================== */
@media (max-width: 1200px){
    .ak-mobile-hero .main-image img {
        height: 100%;
        width: 100%;
        object-fit: cover;
        object-position: left;
    }
    .ak-mobile-hero .e-con-inner{
        max-height:400px;
    }
    .mean-container .mean-bar .mean-bar-search {
        width: 100%;
        justify-content: space-around;
        
    }
    .rt-action-list-2 .rt-cat-drop .rt-btn{font-size:12px !important; }
    .rt-hero-banner .banner-text {font-size:12px !important;}
    
}
@media (min-width: 1200px) {

    
    .ak-mobile-hero{
    
        display: none;
    }
}
 @media only screen and (max-width: 767px){
     .ak-mobile-hero .elementor-widget-rt-hero-banner{width: stretch;}
     .elementor-102 .elementor-element.elementor-element-92c1380 .rt-hero-banner .entry-title{font-size:20px !important;}
 }
 
 
 
.abadan-kids-home-hero {

	position: relative;

	width: 100%;
	min-height: 500px;
	height: 700px;
    
	background-size: cover;

	background-position: center center;

	background-repeat: no-repeat;

	overflow: hidden;

	display: flex;

	flex-direction: column;

}
.abadan-kids-header{
    position: relative;

	width: 100%;
	min-height: 150px;
	height: auto;
    
	background-size: cover;

	background-position: center center;

	background-repeat: no-repeat;

	overflow: hidden;

	display: flex;

	flex-direction: column;
}

/* =====================================================
   OVERLAY
===================================================== */

.abadan-kids-hero-overlay {

	position: absolute;

	inset: 0;

	z-index: 1;

	background:
		linear-gradient(
			90deg,
			rgba(255,255,255,0.02) 20%,
			rgba(255,249,225,0.10) 100%
		);

	pointer-events: none;

}


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

.abadan-kids-hero-header {

	position: absolute;

	top: 20px;

	left: 0;

	width: 100%;

	z-index: 20;

}


.abadan-kids-hero-header-inner {

	width: calc(100% - 70px);

	max-width: 1550px;

	min-height: 78px;

	margin: 0 auto;

	padding: 8px 18px;

	display: flex;

	align-items: center;

	gap: 22px;

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

	border: 1px solid rgba(255,255,255,.85);

	border-radius: 22px;

	box-shadow:
		0 12px 35px rgba(50,60,60,.09);

	backdrop-filter: blur(15px);

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

}


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

.abadan-kids-hero-logo {

	flex: 0 0 auto;

	display: flex;

	align-items: center;

}


.abadan-kids-hero-logo img {

	display: block;

	width: 105px;

	height: auto;

}


/* =====================================================
   NAVIGATION
===================================================== */

.abadan-kids-hero-navigation {

	flex: 1 1 auto;

	min-width: 0;

	display: flex;

	align-items: center;

	justify-content: center;

}


.abadan-kids-hero-navigation .main-navigation {

	width: 100%;

}


.abadan-kids-hero-navigation .main-navigation > ul {

	display: flex;

	align-items: center;

	justify-content: center;

	gap: 22px;

	margin: 0;

	padding: 0;

	list-style: none;

}


.abadan-kids-hero-navigation
.main-navigation
ul
li {

	margin: 0;

}


.abadan-kids-hero-navigation
.main-navigation
ul
li
a {

	color: #263238;

	font-size: 15px;

	font-weight: 600;

	white-space: nowrap;

	text-decoration: none;

	transition: all .25s ease;

}


.abadan-kids-hero-navigation
.main-navigation
ul
li
a:hover {

	color: #08b8b0;

}


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

.abadan-kids-hero-search {

	flex: 0 0 auto;

	display: flex;

	align-items: center;

	max-width: 450px;

}


/*
   استایل دادن به Search خود Toyup
*/

.abadan-kids-hero-search
.product-search {

	margin: 0;

}


.abadan-kids-hero-search
.search-form {

	margin: 0;

}


/* =====================================================
   ICON AREA
   PROFILE + WISHLIST + CART
===================================================== */

.abadan-kids-hero-icons {

	flex: 0 0 auto;

	display: flex;

	align-items: center;

}


.abadan-kids-hero-icons
.header-icon-area {

	margin: 0;

}


/*
   جلوگیری از بزرگ شدن بیش از حد
*/

.abadan-kids-hero-icons
a {

	text-decoration: none;

}


/* =====================================================
   HERO CONTENT
===================================================== */

.abadan-kids-hero-content {

	position: relative;

	z-index: 5;

	flex: 1;

	display: flex;

	align-items: center;

	width: 100%;
	background: linear-gradient(
      to bottom,
      #f9f0e1 0%,
      #f9f0e1 82%,
      #fbf6ec 90%,
      #ffffff 100%
    );
    position:relative;
	

}
.abadan-kids-hero-content::before{
    content:'';
    position:absolute;
    width:100%;
    height:100%;
    background-image: url(./img/hero-fixed.webp);
    background-repeat: no-repeat;
    background-position-x:left;
    background-position-y: bottom;
    background-size: contain;
}
.abadan-kids-hero-content-inner {

	width: calc(100% - 100px);

	max-width: 1500px;

	margin: 0 auto;

	display: flex;

	justify-content: flex-start;

}


.abadan-kids-hero-text {

	width: 52%;

	max-width: 720px;

	text-align: right;

	padding-top: 75px;

}


/* =====================================================
   LABEL
===================================================== */

.abadan-kids-hero-label {

	display: inline-block;

	margin-bottom: 15px;

	padding: 8px 17px;

	border-radius: 999px;

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

	color: #08aaa3;

	font-size: 14px;

	font-weight: 700;

}


/* =====================================================
   TITLE
===================================================== */

.abadan-kids-hero-text h1 {

	margin: 0 0 18px;

	color: #151a1c;

	font-size: clamp(30px, 5vw, 40px);

	line-height: 1.25;

	font-weight: 800;

	letter-spacing: -1px;

}


/* =====================================================
   DESCRIPTION
===================================================== */

.abadan-kids-hero-text p {

	margin: 0 0 28px;

	color: #3d4445;

	font-size: 19px;

	line-height: 2;

	font-weight: 500;

}


/* =====================================================
   BUTTON
===================================================== */

.abadan-kids-hero-button {

	display: inline-flex;

	align-items: center;

	gap: 14px;

	padding: 14px 25px;

	background: #68704f;

	border-radius: 13px;

	color: #fff !important;

	font-size: 16px;

	font-weight: 700;

	text-decoration: none !important;

	box-shadow:
		0 8px 25px rgba(70,80,50,.18);

	transition:
		all .25s ease;

}


.abadan-kids-hero-button:hover {

	background: #08b8b0;

	transform: translateY(-3px);

	box-shadow:
		0 12px 28px rgba(8,184,176,.20);

}


.hero-button-arrow {

	font-size: 20px;

	transition:
		transform .25s ease;

}


.abadan-kids-hero-button:hover
.hero-button-arrow {

	transform: translateX(-5px);

}


/* =====================================================
   CATEGORY
===================================================== */

.abadan-kids-hero-category {

	position: absolute;

	right: 35px;

	bottom: 30px;

	z-index: 15;

}


.abadan-kids-hero-category
.header-cat-menu {

	border-radius: 15px;

	overflow: hidden;

}




/*/////////////AGE BOXES//////////////*/
  
  
  
  .ak-age-boxes{}
  .ak-age-box{
   position: relative;
    isolation: isolate;
    overflow:hidden;
    min-width:150px;
    min-height:300px;
    border-radius: 22px;
    border: 1px solid rgba(255,255,255,.65);

    box-shadow:
        0 8px 24px rgba(80, 70, 100, .08),
        inset 0 1px 0 rgba(255,255,255,.65) !important;

    transition:
        transform .35s cubic-bezier(.2,.8,.2,1),
        box-shadow .35s ease,
        border-color .35s ease !important;

    transform: translateY(0) ;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
      cursor:pointer;
      gap:0;
  }
  .ak-age-box:hover{
      transform: translateY(-8px) scale(1.025);

    box-shadow:
        0 18px 38px rgba(80, 70, 100, .16),
        0 4px 10px rgba(80, 70, 100, .06),
        inset 0 1px 0 rgba(255,255,255,.8);

    border-color: rgba(255,255,255,.9);
  }
  .ak-age-box img{
       height:150px;
        filter: drop-shadow(0 14px 12px rgba(50, 40, 60, 0.28));
    transition: transform .4s ease, filter .4s ease;
    
  }
  .ak-age-box:hover img{
       transform: translateY(-4px) scale(1.05);
    filter: drop-shadow(0 22px 16px rgba(50, 40, 60, 0.38));
  }
  .ak-age-box::before {
    content: "";
    position: absolute;
    width: 150px;
    height: 150px;
    border-radius: 50%;

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

    top: 35%;
    left: 50%;

    transform: translate(-50%, -50%) scale(.7);
    opacity: 0;

    filter: blur(25px);

    transition:
        opacity .4s ease,
        transform .4s ease;
}
.ak-age-box:hover::before {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
}
.ak-age-box::after {
    content: "";
    position: absolute;
    width: 180px;
    height: 180px;
    border-radius: 50%;

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

    right: -90px;
    bottom: -90px;

    transition:
        transform .5s cubic-bezier(.2,.8,.2,1),
        opacity .4s ease;

    z-index: -1;
}

.ak-age-box:hover::after {
    transform: scale(2.2);
    opacity: .8;
}
  .ak-age-box .box-text1,.ak-age-box .box-text2,.ak-age-box .box-text3,.ak-age-box .box-text4,.ak-age-box .box-text5{font-size:20px;font-weight:700;padding:5px 2px;margin-top:10px}
  .ak-age-box .box-image{width:150px;position:relative;}
  .ak-age-box1{ background-color:var(--ak-age-box-1-color);}
  .ak-age-box1 .box-text1{color:var(--ak-age-box-1-text-color);}
  .ak-age-box1 img::before {content: "";position: absolute;width: 75%;aspect-ratio: 1;border-radius: 50%;background: black;bottom: 0;z-index: 0;}
  .ak-age-box1 img{width:150px;position:relative;}
  .ak-age-box2{ background-color:var(--ak-age-box-2-color);}
  .ak-age-box2 .box-text2{color:var(--ak-age-box-2-text-color);}
  .ak-age-box2 img{width:130px;}
  .ak-age-box3{ background-color:var(--ak-age-box-3-color);}
  .ak-age-box3 .box-text3{color:var(--ak-age-box-3-text-color);}
  .ak-age-box3 img{width:130px;}
  .ak-age-box4{ background-color:var(--ak-age-box-4-color);}
  .ak-age-box4 .box-text4{color:var(--ak-age-box-4-text-color);}
  .ak-age-box4 img{width:120px;}
  .ak-age-box5{ background-color:var(--ak-age-box-5-color);}
  .ak-age-box5 .box-text5{color:var(--ak-age-box-5-text-color);}
  .ak-age-box5 img{width:110px;}
  
  
  @media (max-width: 767px) {

    .ak-age-boxes {
        min-width:100px;
        min-height:150px;
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        gap: 12px;
        padding: 10px 16px 20px;

        scroll-snap-type: x mandatory;

        -webkit-overflow-scrolling: touch;

        scrollbar-width: none;
    }

    .ak-age-box::-webkit-scrollbar {
        display: none;
    }

    .ak-age-box {
        flex: 0 0 76vw;
        width: 76vw;

        min-height: 360px;

        scroll-snap-align: center;
    }
}

/*//////////////HOT SALE/////////////////////*/
.ak-hot-sale {
    --r: 20px;
    --s: 30px;
    --x: 150px;
    --y: 10px;
    border-radius: var(--r);
    padding: 70px 10px 10px 10px;
    position: relative;
    background: transparent;
}

.ak-hot-sale::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    border-radius: var(--r);
    background-color: #f56558;
    --_m: /calc(2*var(--r)) calc(2*var(--r)) radial-gradient(#000 70%,#0000 72%);
    --_g: conic-gradient(
        at calc(100% - var(--r)) var(--r),
        #0000 25%,
        #000 0
    );
    --_d: calc(var(--s) + var(--r));
    mask:
        calc(100% - var(--_d) - var(--x)) 0 var(--_m),
        100% calc(var(--_d) + var(--y)) var(--_m),
        radial-gradient(
            var(--s) at 100% 0,
            #0000 99%,
            #000 calc(100% + 1px)
        )
        calc(-1 * var(--r) - var(--x))
        calc(var(--r) + var(--y)),
        var(--_g) calc(-1 * var(--_d) - var(--x)) 0,
        var(--_g) 0 calc(var(--_d) + var(--y));

    mask-repeat: no-repeat;
    pointer-events: none;
}

.ak-hot-sale::before {
    content: "🔥  فروش ویژه";
    position: absolute;
    right: 0;
    top: 0;
    width: 150px;
    height: 100px;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    color: var(--ak-header-text-color);
    margin: -20px 20px 0 0;
}
@media(min-width:1024px){
    .ak-hot-sale .header-text{position:absolute;top:0px;right:0px;}
    .ak-hot-sale .rtsb-filter-item-wrap.rtsb-tax-filter .rtsb-filter-button-item{color:#aeaeae !important;}
    .ak-hot-sale .rtsb-filter-item-wrap.rtsb-tax-filter .rtsb-filter-button-item.selected{color: white !important;}
}

/*//////////////PRODUCTS LIST1/////////////////////*/
.ak-products-list1 {
    --r: 20px;
    --s: 30px;
    --x: 150px;
    --y: 10px;
    border-radius: var(--r);
    padding: 70px 10px 10px 10px;
    position: relative;
    background: transparent;
}

.ak-products-list1::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    border-radius: var(--r);
    background-color: #f9bd4c;
    --_m: /calc(2*var(--r)) calc(2*var(--r)) radial-gradient(#000 70%,#0000 72%);
    --_g: conic-gradient(
        at calc(100% - var(--r)) var(--r),
        #0000 25%,
        #000 0
    );
    --_d: calc(var(--s) + var(--r));
    mask:
        calc(100% - var(--_d) - var(--x)) 0 var(--_m),
        100% calc(var(--_d) + var(--y)) var(--_m),
        radial-gradient(
            var(--s) at 100% 0,
            #0000 99%,
            #000 calc(100% + 1px)
        )
        calc(-1 * var(--r) - var(--x))
        calc(var(--r) + var(--y)),
        var(--_g) calc(-1 * var(--_d) - var(--x)) 0,
        var(--_g) 0 calc(var(--_d) + var(--y));

    mask-repeat: no-repeat;
    pointer-events: none;
}

.ak-products-list1::before {
    content: "کتابهای پرفروش";
    position: absolute;
    right: 0;
    top: 0;
    width: 150px;
    height: 100px;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    color: var(--ak-header-text-color);
    margin: -20px 20px 0 0;
}
@media(min-width:1024px){
    .ak-products-list1 .header-text{position:absolute;top:0px;right:0px;}
    .ak-products-list1 .rtsb-filter-item-wrap.rtsb-tax-filter .rtsb-filter-button-item{color:#fff !important;}
    .ak-products-list1 .rtsb-filter-item-wrap.rtsb-tax-filter .rtsb-filter-button-item.selected{color: #666 !important;}
}
  
/* Category Section */
.ak-home-categories {
    padding: 20px 0 50px;
}

.ak-home-categories .category-list {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 18px;
}

/* Category Card */
.ak-home-categories .category-item {
    position: relative;
    min-height: 150px;
    padding: 20px 12px 16px;
    background: #ffffff;
    border-radius: 24px;
    text-align: center;
    overflow: hidden;
    transition: all .35s ease;
    box-shadow: 0 8px 25px rgba(70, 55, 30, 0.06);
}

/* Colored shape behind icon/image */
.ak-home-categories .category-item::before {
    content: "";
    position: absolute;
    width: 95px;
    height: 95px;
    top: 10px;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 48% 52% 45% 55%;
    background: #FFE1E8;
    transition: all .4s ease;
}

/* Image */
.ak-home-categories .category-item img {
    position: relative;
    z-index: 1;
    width: 85px;
    height: 85px;
    object-fit: contain;
    transition: transform .4s ease;
}

/* Title */
.ak-home-categories .category-item .category-title {
    position: relative;
    z-index: 2;
    display: block;
    margin-top: 12px;
    color: #4D4A45;
    font-size: 15px;
    font-weight: 700;
    transition: color .3s ease;
}

/* Hover */
.ak-home-categories .category-item:hover {
    transform: translateY(-7px);
    box-shadow: 0 15px 35px rgba(70, 55, 30, 0.11);
}

.ak-home-categories .category-item:hover img {
    transform: scale(1.08) rotate(-3deg);
}

.ak-home-categories .category-item:hover::before {
    transform: translateX(-50%) scale(1.12);
}
.ak-home-categories .category-item:nth-child(1)::before {
    background: #FFDDE5;
}

.ak-home-categories .category-item:nth-child(2)::before {
    background: #D8F1FA;
}

.ak-home-categories .category-item:nth-child(3)::before {
    background: #DDF4DF;
}

.ak-home-categories .category-item:nth-child(4)::before {
    background: #FFE9BE;
}

.ak-home-categories .category-item:nth-child(5)::before {
    background: #E7DDF7;
}

.ak-home-categories .category-item:nth-child(6)::before {
    background: #FFE0C7;
}





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


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

@media (max-width: 1199px) {

    /* HERO */
    .abadan-kids-home-hero {
        height: 620px;
        min-height: 500px;
    }

    .abadan-kids-hero-header-inner {
        width: calc(100% - 40px);
        gap: 15px;
        padding: 8px 14px;
    }

    .abadan-kids-hero-navigation
    .main-navigation
    > ul {
        gap: 14px;
    }

    .abadan-kids-hero-navigation
    .main-navigation
    ul
    li
    a {
        font-size: 14px;
    }

    .abadan-kids-hero-logo img {
        width: 90px;
    }

    .abadan-kids-hero-content-inner {
        width: calc(100% - 60px);
    }

    .abadan-kids-hero-text {
        width: 55%;
        padding-top: 50px;
    }

    .abadan-kids-hero-text h1 {
        font-size: clamp(38px, 5vw, 58px);
    }


    /* AGE BOXES */

    .ak-age-boxes {
        gap: 12px;
    }

    .ak-age-box {
        min-width: 130px;
        min-height: 270px;
    }

    .ak-age-box img {
        max-width: 125px;
        height: auto;
    }

    .ak-age-box .box-text1,
    .ak-age-box .box-text2,
    .ak-age-box .box-text3,
    .ak-age-box .box-text4,
    .ak-age-box .box-text5 {
        font-size: 18px;
    }


    /* CATEGORY */

    .ak-home-categories {
        padding: 15px 0 40px;
    }

    .ak-home-categories .category-list {
        grid-template-columns: repeat(3, 1fr);
        gap: 15px;
    }

}


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

@media (max-width: 767px) {


    /* =================================================
       HERO
    ================================================= */

    .abadan-kids-home-hero {
        height: auto;
        min-height: 650px;
    }


    /* HERO HEADER */

    .abadan-kids-hero-header {
        top: 10px;
    }

    .abadan-kids-hero-header-inner {
        width: calc(100% - 20px);
        min-height: 62px;
        padding: 7px 10px;
        border-radius: 18px;
        gap: 8px;
    }


    /* LOGO */

    .abadan-kids-hero-logo img {
        width: 75px;
    }


    /* NAVIGATION */

    .abadan-kids-hero-navigation {
        display: none;
    }


    /* SEARCH */

    .abadan-kids-hero-search {
        flex: 1;
        min-width: 0;
        max-width: none;
    }

    .abadan-kids-hero-search
    .product-search {
        width: 100%;
    }


    /* ICONS */

    .abadan-kids-hero-icons {
        flex: 0 0 auto;
    }


    /* HERO CONTENT */

    .abadan-kids-hero-content {
        min-height: 650px;
        align-items: flex-start;
        padding-top: 90px;
    }

    .abadan-kids-hero-content-inner {
        width: calc(100% - 30px);
        justify-content: center;
    }


    /* HERO IMAGE */

    .abadan-kids-hero-content::before {
        background-position: center bottom;
        background-size: 115% auto;
    }


    /* HERO TEXT */

    .abadan-kids-hero-text {
        width: 100%;
        max-width: 100%;
        text-align: center;
        padding-top: 20px;
    }

    .abadan-kids-hero-label {
        font-size: 12px;
        padding: 7px 14px;
        margin-bottom: 10px;
    }

    .abadan-kids-hero-text h1 {
        font-size: clamp(30px, 9vw, 42px);
        line-height: 1.35;
        margin-bottom: 12px;
    }

    .abadan-kids-hero-text p {
        font-size: 15px;
        line-height: 1.9;
        margin-bottom: 20px;
    }

    .abadan-kids-hero-button {
        padding: 12px 20px;
        font-size: 14px;
    }


    /* =================================================
       AGE BOXES
    ================================================= */

    .ak-age-boxes {
        display: flex;

        width: 100%;

        min-width: 0;
        min-height: 0;

        flex-wrap: nowrap;

        overflow-x: auto;

        gap: 12px;

        padding: 10px 15px 25px;

        scroll-snap-type: x mandatory;

        -webkit-overflow-scrolling: touch;

        scrollbar-width: none;
    }

    .ak-age-boxes::-webkit-scrollbar {
        display: none;
    }


    .ak-age-box {
    
        flex: 0 0 calc(40vw - 22px) !important;
        width: calc(25vw - 10px) !important;
        min-width: calc(20vw - 10px) !important;
        min-height: 250px !important;
        border-radius: 20px;
        scroll-snap-align: start;
        flex-direction: column !important;
        gap: 0;
        padding: 15px 8px;
    
    }


    /* AGE IMAGE */

    .ak-age-box .box-image {
        width: 100%;
        height: 160px;

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

    .ak-age-box img {
        height: auto;
        max-height: 155px;
        width: auto !important;
        max-width: 90%;
    }


    /* AGE TEXT */

    .ak-age-box .box-text1,
    .ak-age-box .box-text2,
    .ak-age-box .box-text3,
    .ak-age-box .box-text4,
    .ak-age-box .box-text5 {
        font-size: 15px;
        line-height: 1.5;

        padding: 5px 2px;
        margin-top: 8px;

        text-align: center;
    }


    /* AGE HOVER
       روی موبایل hover نداریم
    */

    .ak-age-box:hover {
        transform: none;
    }

    .ak-age-box:hover img {
        transform: none;
    }


    /* =================================================
       CATEGORY
    ================================================= */

    .ak-home-categories {
        padding: 15px 0 35px;
    }


    .ak-home-categories .category-list {
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
    }


    .ak-home-categories .category-item {
        min-height: 125px;

        padding: 15px 8px 12px;

        border-radius: 20px;
    }


    .ak-home-categories .category-item::before {
        width: 78px;
        height: 78px;

        top: 8px;
    }


    .ak-home-categories .category-item img {
        width: 70px;
        height: 70px;
    }


    .ak-home-categories .category-item .category-title {
        font-size: 13px;
        margin-top: 8px;
    }


    /* CATEGORY HOVER */

    .ak-home-categories .category-item:hover {
        transform: none;
    }

}


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

@media (max-width: 480px) {


    /* HERO */

    .abadan-kids-home-hero {
        min-height: 600px;
    }

    .abadan-kids-hero-content {
        min-height: 600px;
    }


    .abadan-kids-hero-content::before {
        background-size: 135% auto;
    }


    /* HEADER */

    .abadan-kids-hero-header-inner {
        min-height: 58px;
    }

    .abadan-kids-hero-logo img {
        width: 65px;
    }


    /* AGE */

    .ak-age-box {
        flex: 0 0 62vw;
        width: 62vw;
        min-width: 62vw;

        min-height: 250px;
    }


    .ak-age-box .box-image {
        height: 160px;
    }


    /* CATEGORY */

    .ak-home-categories .category-list {
        gap: 10px;
    }

    .ak-home-categories .category-item {
        min-height: 115px;
        border-radius: 18px;
    }

    .ak-home-categories .category-item img {
        width: 65px;
        height: 65px;
    }

    .ak-home-categories .category-item::before {
        width: 72px;
        height: 72px;
    }

    .ak-home-categories .category-item .category-title {
        font-size: 12px;
    }

}