/* BASIC css start */
.catalog-category-view .breadcrumbs { display: block; }
.catalog-category-view .breadcrumbs { padding: 0 2%; font-size: 12px; text-transform: none; color: #4a4a4a;  font-family: 'GillSansRegular'; display: none;}

.item-info { padding:50px 30px !important; box-sizing:border-box;  }
.sort select { border:1px solid #fff; border-bottom:1px solid #DDD; padding:7px;  font-size: 14px; line-height:50px;  height:40px; color:#999;  }

.category-banner-large { background-color: #faf2e7   !important; display: block;  border: 0; box-shadow: none; overflow: visible; position: relative; margin: 25px 0 0;   }
.category-banner-large .caption:after {  background: linear-gradient(to bottom, rgba(232,145,149,0), #e89195 100%);  }

.category-hero { padding: 20px 4% 0; }
.category-hero .caption:after{ content:'';width:100%; bottom: 30px;  height: 70px; position:absolute; left:0;transition:opacity 0.3s; background: linear-gradient(to bottom, rgba(232,145,149,0), #6f293c   100%); }


.category-banner-large .standard-banner {width: 100%; padding: 0px 10px ;  margin-left: auto; margin-right: auto; background-position: top right;background-repeat: no-repeat; text-align: center; }
.category-banner-large .standard-banner .inner { padding: 40px 10px; text-align: left; margin: 0; height: 74%; position: relative;}
.category-banner-large .standard-banner .heading {  font-size: 20px;  line-height: 10px;  letter-spacing: 1px;   margin-bottom: 0;   text-align: center; color: #000;font-weight: bold;}
.category-banner-large .standard-banner .caption {   padding: 0;  margin-top: 40px; font-size: 14px; line-height: 22px; font-family: 'GillSansRegular';  font-weight: 400; background: transparent; color: black; text-align: left; letter-spacing: 0.04em;}

.category-banner-large .standard-banner .caption a { font-family: 'GillSansRegular'; font-size: 14px; font-weight: 500; text-decoration:underline; color:#000; }
.category-banner-large .standard-banner .caption a:hover{ text-decoration:none; }


.category-hero__trigger {width:30px;height:30px;max-height:30px;margin:0 auto;position:relative; bottom:20px;cursor:pointer;background:url("https://www.radley.co.uk/skin/frontend/radley2018/default/images/svg/next.svg") no-repeat top center;background-size:100%;-ms-transform:rotate(90deg);transform:rotate(90deg);transition:transform 400ms;display:block}
.category-hero__trigger span{display:none}
.category-hero .caption{max-height:70px; transition:max-height 0.3s;overflow:hidden}

.category-hero--expanded .caption{max-height:800px}
.category-hero--expanded .caption:after{opacity:0}
.category-hero--expanded .category-hero__trigger {-ms-transform:rotate(270deg);transform:rotate(270deg)}

.discount-box {font-weight:bold; color:red}



.best-wrap { padding:5px 0; background:#fff;}




/* 상품베스트넘버 */
.best_number { position:absolute; top:3; left;0; z-index:99; background:#333; color:#fff ; font-family: 'Roboto' !important;font-weight:500; font-size:10px; padding:2px 8px; text-align:center; }



/* 상품분류상단이미지 */
.shopbrandTitle img { width:100% }

/* 중분류메뉴 */
.wlist_group { width:100%;  background:rgba(255,255,255,0.95);  overflow:hidden; margin-bottom:10px; border-bottom:0px solid #f5f5f5;}
.wlist_group:after { content: ""; display: block; clear: both; }

/* 가로5개 */
.wlist_group .smenu { overflow:hidden; position:relative; z-index:1; width:100%; text-align:center; }
.wlist_group .smenu > li { display:inline-block; }
.wlist_group .smenu > li a {display:block; overflow:hidden; height:40px; padding:0 5px; line-height:40px; color:#666; font-size:11px;  font-weight:400;    }
.wlist_group .smenu li .sel { display:block; color:#000 !important ; font-weight: 700;  }



.shopbrand h2 {text-align:center; font-size: 1.25em; font-weight:bold; padding-top:10px;}
.shopbrand .MK_product_list {background-color:#f9f9f9; border-bottom:1px solid #4a4a4a; border-top: 1px solid #4a4a4a;}
.shopbrand .MK_product_list .items {padding: 10px 0;}
.shopbrand .MK_product_list .items #MK_best_product li {width:33.33%;}
.shopbrand .MK_product_list .items .paging-num {text-align: center; clear: both; margin:20px 0;}
.shopbrand .MK_product_list .items .paging-num a {background-color:#fff; border:1px solid #393939; padding:5px 10px; margin:0 10px;}
.shopbrand .list_group {padding:12px 1%; text-align:center;}
.shopbrand .list_group select {width:49%; height:28px;}
.shopbrand .more .more-title {color: #3b3b3b;}
.shopbrand .more .more-num {color: #aaaaaa;}
.shopbrand .shopbrandTitle img {max-width: 100%;}


.shopbrand .list_array { text-align:center; }
.shopbrand .list_array .list_arrayRight img {width: 20px; height: auto;}




/* 20191111-추천상품 */

 .best_silde {  width:100%; margin:0 auto 10px; border:0px solid #000; position:relative; padding-bottom:50px; }
 .best_silde .s-item { position:relative;display:block; /* height:px; */ padding-bottom:0px;  }
 .best_silde .s-item img { width: auto; /* height:px; */   }

 .best_silde .slick-slider {position: relative;display:block;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-ms-touch-action: pan-y;touch-action: pan-y;-webkit-tap-highlight-color: transparent;}
 .best_silde .slick-slider:hover .slick-next, .best_silde .slick-slider:hover .slick-prev{display:block !important;}
 .best_silde .invisible{visibility: hidden;}
 .best_silde .slick-list{position: relative;overflow: hidden;display:block;margin:0;padding:0;}
 .best_silde .slick-list:focus{outline: none;}
 .best_silde .slick-list.dragging{cursor: pointer;cursor: hand;}
 .best_silde .slick-slider .slick-track, .slick-slider .slick-list{-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);-o-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
 .best_silde .slick-track{position: relative;left:0;top:0;display:block;}
 .best_silde .slick-track:before,.slick-track:after{content: "";display: table;}
 .best_silde .slick-track:after{clear:both;}
 .best_silde .slick-loading .slick-track{visibility: hidden;}
 .best_silde .slick-slide {float: left;height:auto; display: none;}
[dir="rtl"] .best_silde .slick-slide {   float: left; }
 .best_silde .slick-slide img{  }
 .best_silde .slick-slide.slick-loading img{display: none;}
 .slick-slide.dragging img{pointer-events: none;}
 .slick-initialized .slick-slide {display:block;}
 .best_silde .slick-loading .slick-slide{visibility: hidden;}
 .best_silde .slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent;}
 .best_silde .slick-prev, .best_silde .slick-next{ position:absolute;display:block !important;cursor: pointer;width:32px;height:60px;font-size:0;top:50%;margin-top:-25px;outline: none;padding:0;border:0; opacity:1; filter:alpha(opacity=100);background:transparent; z-index:2;}   /* 화살표 처음위치 */
 .best_silde .slick-prev{left:0px;background:url( ) 50% 50% no-repeat; }   /* 이전화살표 이미지경로 */
 .best_silde .slick-next{right:0px;background:url( ) 50% 50% no-repeat; }  /* 다음화살표 이미지경로 */
 .best_silde:hover .slick-prev{ opacity:1;filter:alpha(opacity=100);} /* 이전마우스오버시 위치 */
 .best_silde:hover .slick-next{ opacity:1;filter:alpha(opacity=100);}  /* 다음마우스오버시 위치 */
 .best_silde .slick-prev:hover{background:url() 50% 50% no-repeat; opacity:0.5; filter:alpha(opacity=50);}  /* 이전화살표 마우스오버시 효과 */
 .best_silde .slick-next:hover{background:url() 50% 50% no-repeat; opacity:0.5; filter:alpha(opacity=50);}  /* 다음화살표 마우스오버시 효과 */
 .best_silde .slick-prev, .best_silde .slick-next{-o-transition:0.3s !important;-ms-transition:0.3s !important;-moz-transition:0.3s !important;-webkit-transition:0.3s !important;transition:0.3s !important;}
 .best_silde .slick-slider{margin-bottom:0;}
 .best_silde .slick-dots{  position:absolute;bottom:30px;left:0px;padding:0;list-style: none;display:block;text-align:center;width:100%;  }
 .best_silde .slick-dots li { position: relative;display: inline-block;margin:0 4px;padding:0;cursor: pointer; border:0px solid #000; width:10px; }
 .best_silde .slick-dots li button {border:0;background: transparent;display:block;outline: none;line-height:0;font-size:0;color: transparent;padding:0;cursor: pointer;}
 .best_silde .slick-dots li button:hover, .best_silde .slick-dots li button:focus{outline: none;}
 .best_silde .slick-dots li button:hover:before,.slick-dots li button:focus:before{opacity:1;}
 .best_silde .slick-dots li button:before{ display:block;width:10px;height:10px;content: "";background:#d1d1d1; border-radius:100px;border:0px solid #888;font-size:0;text-align:center;color: white;opacity:1;-o-transition:0.3s !important;-ms-transition:0.3s !important;-moz-transition:0.3s !important;-webkit-transition:0.3s !important;transition:0.3s !important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing: grayscale;}
 .best_silde .slick-dots li.slick-active button:before {   background:#999; width:10px;  /* 도트사이즈 */ opacity: 1; }  /* 현재도트사이즈 */

.items li .percent { /* position:absolute; top:5px; left:5px; opacity: 0.8; filter: alpha(opacity=80); z-index:99; */ text-align:center; width:auto; height:20px; line-height:20px; /* border-radius: 50%;  background-color:#fff; */ color:#e47373 ; padding:0 2px; font-size:11px; letter-spacing:0px; }





/* 돋보기 버튼 위치 및 정렬 수정 */
.searchToggle {
    z-index: 1000010 !important;
    position: absolute !important;
    /* 기존 14px에서 12px~13px로 높이를 살짝 올립니다 */
    top: 12px !important; 
    right: 10px !important;
    cursor: pointer !important;
}

.searchToggle a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 30px !important;  /* 버튼 크기를 장바구니와 비슷하게 조정 */
    height: 30px !important;
    padding: 0 !important;   /* 내부 여백을 제거하여 정렬을 정확하게 만듭니다 */
}

.searchToggle svg {
    width: 22px !important;  /* 아이콘 크기를 미세하게 조정 */
    height: 22px !important;
    vertical-align: middle !important;
}


/* --- 아래 코드를 CSS 맨 하단에 추가하여 기존 코드를 덮어쓰세요 --- */

/* 1. 버튼 크기 및 여백 조정 */
a.more1 {
    display: block !important; /* 블록 요소로 변경 */
    
    /* 버튼 너비 축소 (180px -> 140px) */
    width: 140px !important;   
    
    /* 상단 마진을 30px에서 5px로 대폭 줄여 제목과 가깝게 배치 */
    margin: 5px auto 30px !important; 
    
    /* 위아래 두께감 축소 (12px -> 8px) */
    padding: 4px 0 !important;   
    
    /* 2. 버튼 컬러 및 테두리 (색상 적용) */
    background-color: #4A0404 !important; /* 브랜드 네이비 컬러 적용 */
    border: 1px solid #4A0404 !important; /* 배경색과 동일한 테두리 */
    
    /* 3. 리드모어 글자색 (흰색 적용) */
    color: #fff !important; /* 글자색 흰색 */
    
    /* 4. 텍스트 및 버튼 느낌 유지 */
    text-align: center !important;
    text-decoration: none !important;
    font-size: 12px !important; /* 글자 크기 미세 축소 (13px -> 12px) */
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    
    /* 5. 상호작용 효과 유지 */
    transition: all 0.3s ease !important;
    cursor: pointer !important;
}

/* 6. 배너 내부 하단 여백 줄이기 */
.category-banner-large .standard-banner .inner {
    /* 기존 padding: 40px 10px 에서 하단(bottom)만 10px로 축소 */
    padding: 40px 10px 10px 10px !important;
}

/* 7. 텍스트 박스 하단 마진 제거 */
.category-banner-large .standard-banner .caption {
    margin-bottom: 0 !important;
}

/* 8. 호버/액티브 효과 (반응성 제공) */
a.more1:hover, a.more1:active {
    background-color: #0a1c31 !important; /* 배경색 유지 */
    color: #fff !important;           /* 글자색 유지 */
    opacity: 0.8 !important;         /* 밝기를 살짝 줄여 반응성 제공 */
}

/* 9. 화살표 아이콘 위치 및 색상 조정 */
a.more1 i {
    margin-left: 8px !important;
    font-size: 10px !important; /* 아이콘 크기 축소 (11px -> 10px) */
    vertical-align: middle !important;
    color: #fff !important; /* 아이콘 색상 흰색으로 변경 */
}
/* BASIC css end */