@charset "utf-8";

/* ======================================
   UXC Flarumix 쇼핑몰 스킨 스타일
   섹션별 스타일 정리
   ====================================== */

/* ======================================
   섹션 1: 메인 비주얼 영역
   스킨: mainbanner.10.skin.php
   ====================================== */
.main-visual {margin-bottom:0;padding:0;border-bottom:none}
.main-visual .swiper {width:100%;height:450px;overflow:hidden;border-radius:var(--layout-radius-lg, 16px)}
.banner-bg {display:flex;justify-content:center;align-items:center;position:relative;height:100%;background-position:center;background-size:cover}
.banner-bg::before {content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.1)}
.banner-content {position:relative;z-index:1;color:var(--ui-color-white);text-align:center}
.banner-title {margin-bottom:16px;color:var(--ui-color-white-only);font-size:42px;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,0.3)}
.banner-subtitle {margin-bottom:24px;opacity:0.95;font-size:18px}
.banner-button {display:inline-block;padding:12px 32px;border-radius:var(--layout-radius);background:var(--color-prime);color:var(--ui-color-white);font-size:14px;font-weight:600;text-decoration:none;transition:transform 0.2s;border:2px solid transparent}
.banner-button:hover {border-color:rgba(0,0,0,0.2);transform:translateY(-2px)}

/* Swiper 페이지네이션 커스터마이징 */
.main-visual .swiper-pagination-bullet {width:10px;height:10px;background:var(--ui-color-white);opacity:0.5}
.main-visual .swiper-pagination-bullet-active {background:var(--color-prime);opacity:1}
.main-visual .swiper-button-next,
.main-visual .swiper-button-prev {width:48px;height:48px;border-radius:50%;background:rgba(0,0,0,0.3);color:var(--ui-color-white-only)}
.main-visual .swiper-button-next::after,
.main-visual .swiper-button-prev::after {font-size:20px}

/* 반응형 */
@media (max-width: 768px) {
    .banner-title {font-size:28px}
    .banner-subtitle {font-size:16px}
    .main-visual .swiper {height:320px}
}
@media (max-width: 480px) {
    .banner-title {font-size:24px}
    .main-visual .swiper {height:240px}
}

/* ======================================
   섹션 2: 히트 상품
   스킨: main.hit.skin.php
   ====================================== */
.hit-products {}
.hit-products .product-grid {display:grid;grid-template-columns:repeat(4, 1fr);gap:20px}

/* 상품 카드 */
.hit-products .product-card {position:relative;overflow:hidden;transition:all 0.2s}
.hit-products .product-card:hover {transform:translateY(-4px)}
.hit-products .product-card a {color:inherit;text-decoration:none}

/* 상품 썸네일 */
.hit-products .product-thumb {position:relative;padding-top:100%;overflow:hidden;background:var(--ui-color-gray-100);border-radius:8px}
.hit-products .product-thumb img {position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform 0.3s}
.hit-products .product-card:hover .product-thumb img {transform:scale(1.05)}

/* 상품 액션 버튼 */
.hit-products .product-actions {display:flex;flex-direction:column;position:absolute;top:8px;right:8px;opacity:0;gap:6px;transition:opacity 0.2s}
.hit-products .product-card:hover .product-actions {opacity:1}
.hit-products .btn-wish,
.hit-products .btn-cart {display:flex;justify-content:center;align-items:center;width:32px;height:32px;border:1px solid var(--ui-color-gray-200);border-radius:50%;background:var(--ui-color-white);cursor:pointer;transition:all 0.2s}
.hit-products .btn-wish:hover,
.hit-products .btn-cart:hover {background:var(--color-prime);color:var(--ui-color-white);transform:scale(1.1);border-color:var(--color-prime)}
.hit-products .btn-wish.active {background:var(--ui-color-danger);color:var(--ui-color-white);border-color:var(--ui-color-danger)}

/* 뱃지 - 이미지와 동일한 스타일 */
.hit-products .badge {position:absolute;z-index:1;top:0;left:0;padding:6px 10px;background:var(--ui-color-danger);color:var(--ui-color-white-only);font-size:11px;font-weight:600;border-top-left-radius:8px;border-bottom-right-radius:8px}
.hit-products .badge-sale {background:var(--ui-color-danger)}
/* .hit-products .badge::after {content:'';position:absolute;top:0;right:-20px;width:0;height:0;border-style:solid;border-width:0 0 32px 20px;border-color:transparent transparent transparent #ff3838} */

/* 품절 오버레이 */
.hit-products .soldout-overlay {position:absolute;top:0;left:0;right:0;bottom:0;background:var(--ui-color-overlay-200);display:flex;align-items:center;justify-content:center;color:var(--ui-color-white);font-weight:600;font-size:16px}

/* 상품 정보 */
.hit-products .product-info {padding:12px 0}
.hit-products .product-brand {margin-bottom:4px;color:var(--ui-color-gray-500);font-size:11px;text-transform:uppercase;letter-spacing:0.5px}
.hit-products .product-name {display:-webkit-box;margin:0 0 8px;overflow:hidden;color:var(--ui-color-gray-800);font-size:14px;font-weight:400;text-overflow:ellipsis;line-height:1.4;-webkit-line-clamp:2;-webkit-box-orient:vertical}

/* 가격 정보 - 이미지와 동일한 레이아웃 */
.hit-products .product-price {margin-bottom:8px}
.hit-products .price-origin {display:block;color:var(--ui-color-gray-400);font-size:13px;text-decoration:line-through;margin-bottom:2px}
.hit-products .price-sale {color:var(--ui-color-gray-800);font-size:16px;font-weight:700}
.hit-products .discount-rate {color:var(--ui-color-danger);font-size:16px;font-weight:700;margin-left:6px}

/* 별점 및 리뷰 */
.hit-products .product-meta {display:flex;align-items:center;color:var(--ui-color-gray-500);font-size:11px;gap:8px}
.hit-products .rating {display:flex;align-items:center;gap:2px}
.hit-products .rating i {color:var(--ui-color-warning);font-size:12px}

/* 반응형 */
@media (max-width: 991px) {
    .hit-products .product-grid {grid-template-columns:repeat(3, 1fr)}
}
@media (max-width: 768px) {
    .hit-products .product-grid {grid-template-columns:repeat(2, 1fr);gap:16px}
}

/* ======================================
   섹션 3: 추천 상품
   스킨: main.recommend.skin.php
   ====================================== */
.recommend-products {}
.recommend-products .product-grid {display:grid;grid-template-columns:repeat(4, 1fr);gap:20px}
/* .recommend-products .product-grid.cols-6 {grid-template-columns:repeat(6, 1fr)} */

/* 상품 카드 - 히트상품과 동일 */
.recommend-products .product-card {position:relative;overflow:hidden; transition:all 0.2s}
.recommend-products .product-card:hover {transform:translateY(-4px)}
.recommend-products .product-card a {color:inherit;text-decoration:none}

/* 상품 썸네일 */
.recommend-products .product-thumb {position:relative;padding-top:100%;overflow:hidden;background:var(--ui-color-gray-100);border-radius:8px}
.recommend-products .product-thumb img {position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform 0.3s}
.recommend-products .product-card:hover .product-thumb img {transform:scale(1.05)}

/* 뱃지 */
.recommend-products .badge {position:absolute;top:10px;left:10px;padding:4px 10px;font-size:12px;font-weight:600; z-index:2}
.recommend-products .badge-hot {background:var(--ui-color-danger);color:var(--ui-color-white)}

/* 상품 액션 버튼 */
.recommend-products .product-actions {display:flex;flex-direction:column;position:absolute;top:8px;right:8px;opacity:0;gap:6px;transition:opacity 0.2s}
.recommend-products .product-card:hover .product-actions {opacity:1}
.recommend-products .btn-wish,
.recommend-products .btn-cart {display:flex;justify-content:center;align-items:center;width:32px;height:32px;border:1px solid var(--ui-color-gray-200);border-radius:50%;background:var(--ui-color-white);cursor:pointer;transition:all 0.2s}
.recommend-products .btn-wish:hover,
.recommend-products .btn-cart:hover {background:var(--color-prime);color:var(--ui-color-white);transform:scale(1.1);border-color:var(--color-prime)}
.recommend-products .btn-wish.active {background:var(--ui-color-danger);color:var(--ui-color-white);border-color:var(--ui-color-danger)}

/* 뱃지 - MD추천 뱃지는 보라색 */
.recommend-products .badge {position:absolute;z-index:1;top:0;left:0;padding:6px 10px;color:var(--ui-color-white-only);font-size:11px;font-weight:600;border-top-left-radius:8px;border-bottom-right-radius:8px}
.recommend-products .badge-md {background:var(--ui-color-purple)}
.recommend-products .badge-sale {background:var(--ui-color-danger)}

/* 품절 오버레이 */
.recommend-products .soldout-overlay {position:absolute;top:0;left:0;right:0;bottom:0;background:var(--ui-color-overlay-200);display:flex;align-items:center;justify-content:center;color:var(--ui-color-white);font-weight:600;font-size:14px}

/* 상품 정보 */
.recommend-products .product-info {padding:12px 0}
.recommend-products .product-brand {margin-bottom:4px;color:var(--ui-color-gray-500);font-size:11px;text-transform:uppercase;letter-spacing:0.5px}
.recommend-products .product-name {display:-webkit-box;margin:0 0 8px;overflow:hidden;color:var(--ui-color-gray-800);font-size:13px;font-weight:400;text-overflow:ellipsis;line-height:1.4;-webkit-line-clamp:2;-webkit-box-orient:vertical}

/* 가격 정보 */
.recommend-products .product-price {margin-bottom:8px}
.recommend-products .price-origin {display:block;color:var(--ui-color-gray-400);font-size:12px;text-decoration:line-through;margin-bottom:2px}
.recommend-products .price-sale {color:var(--ui-color-gray-800);font-size:14px;font-weight:700}
.recommend-products .discount-rate {color:var(--ui-color-danger);font-size:14px;font-weight:700;margin-left:4px}

/* 별점 및 리뷰 */
.recommend-products .product-meta {display:flex;align-items:center;color:var(--ui-color-gray-500);font-size:11px;gap:8px}
.recommend-products .rating {display:flex;align-items:center;gap:2px}
.recommend-products .rating i {color:var(--ui-color-warning);font-size:11px}

/* 반응형 */
@media (max-width: 1200px) {
    .recommend-products .product-grid,
    .recommend-products .product-grid.cols-6 {grid-template-columns:repeat(4, 1fr)}
}
@media (max-width: 991px) {
    .recommend-products .product-grid,
    .recommend-products .product-grid.cols-6 {grid-template-columns:repeat(3, 1fr)}
}
@media (max-width: 768px) {
    .recommend-products .product-grid,
    .recommend-products .product-grid.cols-6 {grid-template-columns:repeat(2, 1fr);gap:16px}
}

/* ======================================
   섹션 4: 최신 상품
   스킨: main.new.skin.php
   ====================================== */
.new-products {}
.new-products .product-grid {display:grid;grid-template-columns:repeat(4, 1fr);gap:20px}

/* 상품 카드 */
.new-products .product-card {position:relative;overflow:hidden;transition:all 0.2s}
.new-products .product-card:hover {transform:translateY(-4px)}
.new-products .product-card a {color:inherit;text-decoration:none}

/* 상품 썸네일 */
.new-products .product-thumb {position:relative;padding-top:100%;overflow:hidden;background:var(--ui-color-gray-100);border-radius:8px}
.new-products .product-thumb img {position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform 0.3s}
.new-products .product-card:hover .product-thumb img {transform:scale(1.05)}

/* 상품 액션 버튼 */
.new-products .product-actions {display:flex;flex-direction:column;position:absolute;top:8px;right:8px;opacity:0;gap:6px;transition:opacity 0.2s}
.new-products .product-card:hover .product-actions {opacity:1}
.new-products .btn-wish,
.new-products .btn-cart {display:flex;justify-content:center;align-items:center;width:32px;height:32px;border:1px solid var(--ui-color-gray-200);border-radius:50%;background:var(--ui-color-white);cursor:pointer;transition:all 0.2s}
.new-products .btn-wish:hover,
.new-products .btn-cart:hover {background:var(--color-prime);color:var(--ui-color-white);transform:scale(1.1);border-color:var(--color-prime)}
.new-products .btn-wish.active {background:var(--ui-color-danger);color:var(--ui-color-white);border-color:var(--ui-color-danger)}

/* 뱃지 */
.new-products .badge {position:absolute;z-index:1;top:0;left:0;padding:6px 10px;color:var(--ui-color-white-only);font-size:11px;font-weight:600;border-top-left-radius:8px;border-bottom-right-radius:8px}
.new-products .badge-new {background:var(--ui-color-success)}
.new-products .badge-sale {background:var(--ui-color-danger)}

/* 품절 오버레이 */
.new-products .soldout-overlay {position:absolute;top:0;left:0;right:0;bottom:0;background:var(--ui-color-overlay-200);display:flex;align-items:center;justify-content:center;color:var(--ui-color-white);font-weight:600;font-size:16px}

/* 상품 정보 */
.new-products .product-info {padding:12px 0}
.new-products .product-brand {margin-bottom:4px;color:var(--ui-color-gray-500);font-size:11px;text-transform:uppercase;letter-spacing:0.5px}
.new-products .product-name {display:-webkit-box;margin:0 0 8px;overflow:hidden;color:var(--ui-color-gray-800);font-size:14px;font-weight:400;text-overflow:ellipsis;line-height:1.4;-webkit-line-clamp:2;-webkit-box-orient:vertical}

/* 가격 정보 */
.new-products .product-price {margin-bottom:8px}
.new-products .price-origin {display:block;color:var(--ui-color-gray-400);font-size:13px;text-decoration:line-through;margin-bottom:2px}
.new-products .price-sale {color:var(--ui-color-gray-800);font-size:16px;font-weight:700}
.new-products .discount-rate {color:var(--ui-color-danger);font-size:16px;font-weight:700;margin-left:6px}

/* 별점 및 리뷰 */
.new-products .product-meta {display:flex;align-items:center;color:var(--ui-color-gray-500);font-size:11px;gap:8px}
.new-products .rating {display:flex;align-items:center;gap:2px}
.new-products .rating i {color:var(--ui-color-warning);font-size:12px}

/* 반응형 */
@media (max-width: 991px) {
    .new-products .product-grid {grid-template-columns:repeat(3, 1fr)}
}
@media (max-width: 768px) {
    .new-products .product-grid {grid-template-columns:repeat(2, 1fr);gap:16px}
}

/* ======================================
   섹션 5: 할인 상품
   스킨: main.sale.skin.php
   ====================================== */
.sale-products {}
.sale-products .product-grid {display:grid;grid-template-columns:repeat(4, 1fr);gap:20px}

/* 상품 카드 */
.sale-products .product-card {position:relative;overflow:hidden;transition:all 0.2s}
.sale-products .product-card:hover {transform:translateY(-4px)}
.sale-products .product-card a {color:inherit;text-decoration:none}

/* 상품 썸네일 */
.sale-products .product-thumb {position:relative;padding-top:100%;overflow:hidden;background:var(--ui-color-gray-100);border-radius:8px}
.sale-products .product-thumb img {position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform 0.3s}
.sale-products .product-card:hover .product-thumb img {transform:scale(1.05)}

/* 상품 액션 버튼 */
.sale-products .product-actions {display:flex;flex-direction:column;position:absolute;top:8px;right:8px;opacity:0;gap:6px;transition:opacity 0.2s}
.sale-products .product-card:hover .product-actions {opacity:1}
.sale-products .btn-wish,
.sale-products .btn-cart {display:flex;justify-content:center;align-items:center;width:32px;height:32px;border:1px solid var(--ui-color-gray-200);border-radius:50%;background:var(--ui-color-white);cursor:pointer;transition:all 0.2s}
.sale-products .btn-wish:hover,
.sale-products .btn-cart:hover {background:var(--color-prime);color:var(--ui-color-white);transform:scale(1.1);border-color:var(--color-prime)}
.sale-products .btn-wish.active {background:var(--ui-color-danger);color:var(--ui-color-white);border-color:var(--ui-color-danger)}

/* 뱃지 */
.sale-products .badge {position:absolute;z-index:1;top:0;left:0;padding:6px 10px;color:var(--ui-color-white-only);font-size:11px;font-weight:600;border-top-left-radius:8px;border-bottom-right-radius:8px}
.sale-products .badge-sale {background:var(--ui-color-danger)}

/* 품절 오버레이 */
.sale-products .soldout-overlay {position:absolute;top:0;left:0;right:0;bottom:0;background:var(--ui-color-overlay-200);display:flex;align-items:center;justify-content:center;color:var(--ui-color-white);font-weight:600;font-size:16px}

/* 상품 정보 */
.sale-products .product-info {padding:12px 0}
.sale-products .product-brand {margin-bottom:4px;color:var(--ui-color-gray-500);font-size:11px;text-transform:uppercase;letter-spacing:0.5px}
.sale-products .product-name {display:-webkit-box;margin:0 0 8px;overflow:hidden;color:var(--ui-color-gray-800);font-size:14px;font-weight:400;text-overflow:ellipsis;line-height:1.4;-webkit-line-clamp:2;-webkit-box-orient:vertical}

/* 가격 정보 */
.sale-products .product-price {margin-bottom:8px}
.sale-products .price-origin {display:block;color:var(--ui-color-gray-400);font-size:13px;text-decoration:line-through;margin-bottom:2px}
.sale-products .price-sale {color:var(--ui-color-gray-800);font-size:16px;font-weight:700}
.sale-products .discount-rate {color:var(--ui-color-danger);font-size:16px;font-weight:700;margin-left:6px}

/* 별점 및 리뷰 */
.sale-products .product-meta {display:flex;align-items:center;color:var(--ui-color-gray-500);font-size:11px;gap:8px}
.sale-products .rating {display:flex;align-items:center;gap:2px}
.sale-products .rating i {color:var(--ui-color-warning);font-size:12px}

/* 반응형 */
@media (max-width: 991px) {
    .sale-products .product-grid {grid-template-columns:repeat(3, 1fr)}
}
@media (max-width: 768px) {
    .sale-products .product-grid {grid-template-columns:repeat(2, 1fr);gap:16px}
}

/* ======================================
   섹션 6: 사용자 리뷰
   스킨: main.review.skin.php
   ====================================== */
.user-reviews {}

/* 리뷰 슬라이더 컨테이너 */
.user-reviews .review-swiper-container {position:relative; padding:0 1px;}
.user-reviews .review-swiper {}

/* 리뷰 그리드 (더미 데이터용) */
.user-reviews .review-grid {display:grid;grid-template-columns:repeat(3,1fr);gap:24px}

/* 리뷰 카드 */
.user-reviews .review-card {padding:20px;border:1px solid var(--ui-color-gray-200);border-radius:var(--layout-radius);background:var(--ui-color-white);transition:all 0.2s;height:100%}
.user-reviews .review-card:hover {border-color:var(--ui-color-gray-300)}

/* Swiper 네비게이션 */
.user-reviews .swiper-button-prev,
.user-reviews .swiper-button-next {top:50%; transform:translate(0, -90%); width:40px;height:40px;background:var(--ui-color-white);border:1px solid var(--ui-color-gray-200);border-radius:50%;color:var(--ui-color-gray-600);transition:all 0.3s}
.user-reviews .swiper-button-prev {left:4px;}
.user-reviews .swiper-button-next {right:4px;}
.user-reviews .swiper-button-prev:after,
.user-reviews .swiper-button-next:after {font-size:16px;font-weight:700}
.user-reviews .swiper-button-prev:hover,
.user-reviews .swiper-button-next:hover {background:var(--color-prime);color:var(--ui-color-white);border-color:var(--color-prime)}

/* Swiper 페이지네이션 */
.user-reviews .swiper-pagination {position:relative;margin-top:20px}
.user-reviews .swiper-pagination-bullet {background:var(--ui-color-gray-300);opacity:1;transition:all 0.3s}
.user-reviews .swiper-pagination-bullet-active {background:var(--color-prime);width:24px;border-radius:4px}

/* 리뷰 상품 정보 */
.user-reviews .review-product {display:flex;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--ui-color-gray-100);gap:16px}
.user-reviews .review-product img {width:60px;height:60px;border-radius:var(--layout-radius-sm);object-fit:cover}
.user-reviews .review-product a {text-decoration:none;color:inherit}
.user-reviews .review-product-info h4 {margin:0 0 8px;color:var(--ui-color-gray-900);font-size:14px;font-weight:500}
.user-reviews .review-product-info h4 a {color:var(--ui-color-gray-900);text-decoration:none}
.user-reviews .review-product-info h4 a:hover {color:var(--color-prime)}

/* 별점 */
.user-reviews .review-rating {display:flex;gap:2px}
.user-reviews .review-rating i {color:var(--ui-color-warning);font-size:13px}
.user-reviews .review-rating .bx-star {color:var(--ui-color-gray-300)}

/* 리뷰 내용 */
.user-reviews .review-content {margin-bottom:12px}
.user-reviews .review-content .review-title {margin:0 0 8px;color:var(--ui-color-gray-900);font-size:14px;font-weight:600}
.user-reviews .review-content p {margin:0;color:var(--ui-color-gray-700);font-size:13px;line-height:1.6}

/* 리뷰 메타 정보 */
.user-reviews .review-meta {display:flex;justify-content:space-between;color:var(--ui-color-gray-500);font-size:12px}
.user-reviews .reviewer {font-weight:500}
.user-reviews .review-date {color:var(--ui-color-gray-400)}

/* 반응형 */
@media (max-width: 768px) {
    .user-reviews .review-grid {grid-template-columns:1fr;gap:16px}
    .user-reviews .review-card {padding:16px}
    .user-reviews .swiper-button-prev,
    .user-reviews .swiper-button-next {width:32px;height:32px}
    .user-reviews .swiper-button-prev:after,
    .user-reviews .swiper-button-next:after {font-size:14px}
}

/* ======================================
   섹션 7: 인기 상품
   ====================================== */
.popular-products {padding:60px 0;}
.popular-products .product-grid.cols-4 {display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.popular-products .product-card {position:relative; border:1px solid var(--ui-color-gray-200);border-radius:12px;overflow:hidden;transition:all 0.3s}
.popular-products .product-card:hover {border-color:var(--ui-color-gray-300);transform:translateY(-2px)}
.popular-products .product-card a {text-decoration:none;color:inherit;display:block}

/* 인기 순위 표시 */
.popular-products .popular-rank {position:absolute;top:10px;left:10px;width:32px;height:32px;background:var(--ui-color-danger);color:var(--ui-color-white-only);font-weight:700;font-size:14px;display:flex;align-items:center;justify-content:center;border-radius:50%;z-index:2}

/* 상품 썸네일 */
.popular-products .product-thumb {position:relative;aspect-ratio:1;overflow:hidden;background:var(--ui-color-gray-50)}
.popular-products .product-thumb img {width:100%;height:100%;object-fit:cover;transition:transform 0.3s}
.popular-products .product-card:hover .product-thumb img {transform:scale(1.05)}

/* 뱃지 */
.popular-products .badge {position:absolute;top:10px;right:10px;padding:4px 10px;font-size:12px;font-weight:600;border-radius:20px;z-index:2}
.popular-products .badge-hot {background:var(--ui-color-danger);color:var(--ui-color-white)}
.popular-products .badge-popular {background:var(--ui-color-purple);color:var(--ui-color-white-only)}
.popular-products .badge-sale {background:var(--ui-color-danger);color:var(--ui-color-white)}

/* 상품 액션 버튼 */
.popular-products .product-actions {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;gap:10px;opacity:0;transition:opacity 0.3s}
.popular-products .product-card:hover .product-actions {opacity:1}
.popular-products .product-actions button {width:40px;height:40px;border-radius:50%;background:var(--ui-color-white);border:1px solid var(--ui-color-gray-200);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.3s}
.popular-products .product-actions button:hover {background:var(--color-prime);color:var(--ui-color-white);border-color:var(--color-prime)}
.popular-products .product-actions button i {font-size:18px}

/* 상품 정보 */
.popular-products .product-info {padding:16px}
.popular-products .product-brand {font-size:12px;color:var(--ui-color-gray-500);text-transform:uppercase;letter-spacing:0.5px;margin-bottom:4px}
.popular-products .product-name {font-size:14px;font-weight:500;color:var(--ui-color-gray-800);margin-bottom:8px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.4}

/* 가격 정보 */
.popular-products .product-price {margin-bottom:8px}
.popular-products .price-origin {font-size:12px;color:var(--ui-color-gray-400);text-decoration:line-through;margin-right:8px}
.popular-products .price-sale {font-size:16px;font-weight:700;color:var(--ui-color-gray-800)}
.popular-products .discount-rate {font-size:14px;font-weight:600;color:var(--ui-color-danger);margin-left:8px}

/* 메타 정보 */
.popular-products .product-meta {display:flex;align-items:center;gap:8px;font-size:12px;color:var(--ui-color-gray-500);margin-bottom:8px}
.popular-products .rating {display:flex;align-items:center;gap:2px;color:var(--ui-color-warning)}
.popular-products .rating i {font-size:12px}

/* 품절 오버레이 */
.popular-products .soldout-overlay {position:absolute;inset:0;background:var(--ui-color-overlay-200);display:flex;align-items:center;justify-content:center;color:var(--ui-color-white);font-size:16px;font-weight:700}

/* 반응형 */
@media (max-width: 1024px) {
    .popular-products .product-grid.cols-4 {grid-template-columns:repeat(3,1fr)}
}
@media (max-width: 768px) {
    .popular-products .product-grid.cols-4 {grid-template-columns:repeat(2,1fr);gap:16px}
    .popular-products {padding:40px 0}
}

/* ======================================
   개인결제 (기존 코드)
   ====================================== */
/* 개인결제 */
#sod_pp {max-width:1200px;margin:0 auto;padding:20px}
#sod_pp .sod_pp_title {font-size:18px;font-weight:600;margin-bottom:20px;padding:15px 20px;background:var(--ui-color-gray-50);border-left:3px solid var(--ui-color-gray-800)}
#sod_pp .sod_pp_list {border:1px solid var(--ui-color-gray-300);background:var(--ui-color-white)}
#sod_pp .sod_pp_list ul {margin:0;padding:0;list-style:none}
#sod_pp .sod_pp_list .sod_pp_li {position:relative;padding:20px;border-bottom:1px solid var(--ui-color-gray-100);display:flex;align-items:center}
#sod_pp .sod_pp_list .sod_pp_li:last-child {border-bottom:0}
#sod_pp .sod_pp_list .sod_pp_li:hover {background:var(--ui-color-gray-50)}
#sod_pp .sod_pp_img {width:80px;height:80px;margin-right:20px;flex-shrink:0}
#sod_pp .sod_pp_img a {display:flex;width:100%;height:100%;align-items:center;justify-content:center;background:var(--ui-color-gray-100);border-radius:10px}
#sod_pp .sod_pp_icon {font-size:36px;color:var(--ui-color-gray-500)}
#sod_pp .sod_pp_img a:hover .sod_pp_icon {color:var(--ui-color-gray-800)}
#sod_pp .sod_pp_cnt {flex:1}
#sod_pp .sod_pp_name {margin-bottom:8px}
#sod_pp .sod_pp_name a {font-size:16px;font-weight:500;color:var(--ui-color-gray-800);text-decoration:none}
#sod_pp .sod_pp_name a:hover {color:var(--color-prime)}
#sod_pp .sod_pp_price {font-size:18px;font-weight:600;color:var(--ui-color-warning);margin-bottom:5px}
#sod_pp .sod_pp_date {font-size:13px;color:var(--ui-color-gray-500);margin-bottom:10px}
#sod_pp .sod_pp_btn .btn01 {display:inline-block;padding:8px 20px;background:var(--ui-color-gray-800);color:var(--ui-color-white);text-decoration:none;border-radius:3px;font-size:13px}
#sod_pp .sod_pp_btn .btn01:hover {background:var(--ui-color-black)}
#sod_pp .sod_pp_status {position:absolute;top:20px;right:20px}
#sod_pp .sod_pp_status .pp_status {display:inline-block;padding:5px 12px;background:var(--ui-color-warning);color:var(--ui-color-white);font-size:12px;font-weight:500;border-radius:3px}
#sod_pp .sod_pp_empty {padding:80px 20px;text-align:center;background:var(--ui-color-gray-50);border:1px solid var(--ui-color-gray-300)}
#sod_pp .sod_pp_empty p {font-size:16px;color:var(--ui-color-gray-600)}
#sod_pp .sod_pp_empty i {font-size:48px;color:var(--ui-color-gray-200);display:block;margin-bottom:20px}


/* ======================================
   상품 리스트 (Flarumix 테마 커스텀)
   ====================================== */

/* 그리드 레이아웃 */
.sct_10,
.lists-row,
.sct {display:grid !important; margin:0; padding:0; list-style:none; grid-template-columns:repeat(4, 1fr);gap:20px;}
/* 각 상품 아이템 공통 */
.sct_10 .sct_li,
.sct .sct_li {position:relative; float:none !important; width:100% !important; height:auto !important; margin:0 !important; overflow:hidden; border:1px solid var(--ui-color-gray-200); border-radius:12px; background:var(--ui-color-white); transition:all 0.3s;/* float 제거 */}
.sct_10 .sct_li:hover,
.sct .sct_li:hover {border-color:var(--color-prime); }
/* lists-row 클래스 상품 카드 (sct_10과 동일) */
.lists-row .sct_li {position:relative; float:none !important; width:100% !important; height:auto !important; margin:0 !important; overflow:hidden; border:1px solid var(--ui-color-gray-200); border-radius:12px; background:var(--ui-color-white); transition:all 0.3s;}
.lists-row .sct_li:hover {border-color:var(--color-prime); }
/* 상품 이미지 영역 (공통) */
.sct_10 .sct_img,
.sct .sct_img,
.lists-row .sct_img {display:flex; justify-content:center; align-items:center; position:relative; overflow:hidden; background:var(--ui-color-gray-50); aspect-ratio:1;}
.sct_10 .sct_img > a,
.sct .sct_img > a,
.lists-row .sct_img > a {display:block; width:100%; height:100%;}
.sct_10 .sct_img img,
.sct .sct_img img,
.lists-row .sct_img img {width:100%; height:100%; object-fit:cover;}
/* no-image 스타일 */
.sct_10 .sct_img img[src*="no_img"],
.sct .sct_img img[src*="no_img"],
.lists-row .sct_img img[src*="no_img"] {padding:20px; opacity:0.3; object-fit:contain;}
/* 장바구니 버튼 - 동그란 아이콘 스타일 (공통) */
.sct_10 .sct_btn,
.sct .sct_btn,
.lists-row .sct_btn {position:absolute; z-index:5; right:15px; bottom:15px; opacity:0; transform:scale(0.8);transition:all 0.3s;}
.sct_10 .sct_li:hover .sct_btn,
.sct .sct_li:hover .sct_btn,
.lists-row .sct_li:hover .sct_btn {opacity:1; transform:scale(1);}
.sct_10 .btn_cart,
.sct .btn_cart,
.lists-row .btn_cart {display:flex; justify-content:center; align-items:center; width:45px; height:45px; padding:0; border:1px solid var(--color-prime); border-radius:50%; background:var(--color-prime); color:var(--ui-color-white); font-size:20px; cursor:pointer; transition:all 0.3s;}
.sct_10 .btn_cart:hover,
.sct .btn_cart:hover,
.lists-row .btn_cart:hover {background:var(--color-prime); opacity:0.9; border-color:rgba(0,0,0,0.3); transform:scale(1.1);}
.sct_10 .btn_cart i,
.sct .btn_cart i,
.lists-row .btn_cart i {margin:0; font-size:22px;}
/* 품절 표시 (공통) */
.sct_10 .shop_icon_soldout,
.sct .shop_icon_soldout,
.lists-row .shop_icon_soldout {position:absolute; z-index:10; top:50%; left:50%; padding:12px 24px; border-radius:6px; background:var(--ui-color-overlay-100); color:var(--ui-color-white); font-weight:600; transform:translate(-50%, -50%);}
/* 상품 정보 영역 (공통) */
.sct_10 .sct_ct_wrap,
.sct .sct_ct_wrap,
.lists-row .sct_ct_wrap {padding:16px;display:flex;flex-direction:column;gap:8px;}
/* 상품명 (공통) */
.sct_10 .sct_txt,
.sct .sct_txt,
.lists-row .sct_txt {margin:0;}
.sct_10 .sct_txt a,
.sct .sct_txt a,
.lists-row .sct_txt a {display:-webkit-box; overflow:hidden; color:var(--ui-color-gray-900); font-size:15px; font-weight:500; text-decoration:none; text-overflow:ellipsis; line-height:1.4; -webkit-line-clamp:2; line-clamp:2; -webkit-box-orient:vertical;transition:color 0.2s;}
.sct_10 .sct_txt a:hover,
.sct .sct_txt a:hover,
.lists-row .sct_txt a:hover {color:var(--color-prime);}
/* 별점 (공통) */
.sct_10 .sct_star,
.sct .sct_star,
.lists-row .sct_star {display:flex; align-items:center; gap:4px;margin:0;}
.sct_10 .star_rating,
.sct .star_rating,
.lists-row .star_rating {display:inline-flex;gap:2px;}
.sct_10 .star_rating i,
.sct .star_rating i,
.lists-row .star_rating i {font-size:13px;color:var(--ui-color-warning);}
.sct_10 .star_rating .fa-star-o,
.sct .star_rating .fa-star-o,
.lists-row .star_rating .fa-star-o {color:var(--ui-color-gray-300);}
.sct_10 .sct_star .review_count,
.sct .sct_star .review_count,
.lists-row .sct_star .review_count {color:var(--ui-color-gray-500); font-size:12px;margin-left:2px;}
/* 가격 영역 (공통) */
.sct_10 .sct_price_wrap,
.sct .sct_price_wrap,
.lists-row .sct_price_wrap {display:flex; align-items:flex-start; flex-direction:column; margin-top:auto; padding-top:8px; gap:8px;}
/* 할인율 + 정가 라인 */
.sct_10 .sct_discount_line,
.sct .sct_discount_line,
.lists-row .sct_discount_line {display:flex; align-items:center; gap:6px;margin-bottom:4px;}
.sct_10 .sct_discount,
.sct .sct_discount,
.lists-row .sct_discount {display:inline-block; padding:2px 6px; border-radius:4px; background:var(--ui-color-danger); color:var(--ui-color-white); font-size:12px; font-weight:600;}
.sct_10 .sct_dict,
.sct .sct_dict,
.lists-row .sct_dict {color:var(--ui-color-gray-400); font-size:13px; text-decoration:line-through;}
/* 판매가 */
.sct_10 .sct_cost,
.sct .sct_cost,
.lists-row .sct_cost {color:var(--ui-color-gray-900); font-size:18px; font-weight:700;}
.sct_10 .sct_cost > span:first-child,
.sct .sct_cost > span:first-child,
.lists-row .sct_cost > span:first-child {color:var(--ui-color-gray-900); font-size:18px; font-weight:700;}
/* 액션 버튼 영역 (공통) */
.sct_10 .sct_actions,
.sct .sct_actions,
.lists-row .sct_actions {position:absolute;top:12px;right:12px;display:flex; gap:4px;opacity:0;transition:opacity 0.3s;}
.sct_10 .sct_li:hover .sct_actions,
.sct .sct_li:hover .sct_actions,
.lists-row .sct_li:hover .sct_actions {opacity:1;}
.sct_10 .btn_wish,
.sct_10 .btn_share,
.sct .btn_wish,
.sct .btn_share,
.lists-row .btn_wish,
.lists-row .btn_share {display:inline-flex; justify-content:center; align-items:center; width:32px; height:32px; border:1px solid var(--ui-color-gray-200); border-radius:50%; background:var(--ui-color-white); color:var(--ui-color-gray-600); cursor:pointer; transition:all 0.2s;}
.sct_10 .btn_wish:hover,
.sct .btn_wish:hover,
.lists-row .btn_wish:hover {background:var(--ui-color-danger); color:var(--ui-color-white);}
.sct_10 .btn_share:hover,
.sct .btn_share:hover,
.lists-row .btn_share:hover {background:var(--color-prime); color:var(--ui-color-white);}
/* SNS 공유 팝업 */
.sct_sns_popup {position:fixed; z-index:99999; top:0; left:0; width:100%; height:100%;}
.sct_sns_popup .sct_sns_bg {position:absolute; top:0; left:0; width:100%; height:100%; background:var(--ui-color-overlay-200); cursor:pointer;}
.sct_sns_popup .sct_sns {position:absolute; top:50%; left:50%; min-width:240px; padding:20px; border:1px solid var(--ui-color-gray-300); border-radius:12px; background:var(--ui-color-white); transform:translate(-50%, -50%);}
.sct_sns_popup .sct_sns h3 {margin:0 0 16px 0; color:var(--ui-color-gray-900); font-size:16px; font-weight:600; text-align:center;}
.sct_sns_popup .sct_sns a {display:inline-block;margin:0 4px;padding:6px;overflow:hidden;border:1px solid var(--ui-color-gray-200);border-radius:6px;transition:all 0.3s;.shop-item-detail .shareLinksa {display:inline-block; margin:5px; padding:6px; overflow:hidden; border:1px solid var(--ui-color-gray-200); border-radius:6px; transition:all 0.3s;}
;}
.sct_sns_popup .sct_sns a:hover {transform:scale(1.1);}
.sct_sns_popup .sct_sns img {width:40px; height:40px;border-radius:8px;}
.sct_sns_popup .sct_sns_cls {position:absolute; top:12px; right:12px; width:28px;height:28px;display:flex;align-items:center;justify-content:center;padding:0; border:none; background:var(--ui-color-gray-100);border-radius:50%; color:var(--ui-color-gray-600); cursor:pointer;font-size:16px;transition:all 0.2s;}
.sct_sns_popup .sct_sns_cls:hover {background:var(--ui-color-gray-200);color:var(--ui-color-gray-900);}
/* 아이콘 리스트 (공통) */
.sct_10 .sit_icon_li,
.sct .sit_icon_li,
.lists-row .sit_icon_li {display:flex; flex-wrap:wrap; gap:4px;margin-top:4px;}
.sct_10 .sit_icon_li span,
.sct .sit_icon_li span,
.lists-row .sit_icon_li span {display:inline-block; padding:2px 6px; border-radius:3px; background:var(--ui-color-gray-100); color:var(--ui-color-gray-600); font-size:11px;font-weight:500;}
.sct_10 .sit_icon_li .shop_icon_new,
.sct .sit_icon_li .shop_icon_new,
.lists-row .sit_icon_li .shop_icon_new {background:var(--ui-color-success); color:var(--ui-color-white);}
.sct_10 .sit_icon_li .shop_icon_best,
.sct .sit_icon_li .shop_icon_best,
.lists-row .sit_icon_li .shop_icon_best {background:var(--ui-color-warning); color:var(--ui-color-white);}
.sct_10 .sit_icon_li .shop_icon_hot,
.sct .sit_icon_li .shop_icon_hot,
.lists-row .sit_icon_li .shop_icon_hot {background:var(--ui-color-danger); color:var(--ui-color-white);}
.sct_10 .sit_icon_li .shop_icon_sale,
.sct .sit_icon_li .shop_icon_sale,
.lists-row .sit_icon_li .shop_icon_sale {background:var(--color-prime); color:var(--ui-color-white);}
/* 반응형 디자인 (공통) */
@media (max-width:991px) {
    .sct_10,
    .sct,
    .lists-row {grid-template-columns:repeat(3, 1fr);}
}
@media (max-width:768px) {
    .sct_10,
    .sct,
    .lists-row {grid-template-columns:repeat(2, 1fr);gap:16px;}
}
@media (max-width:480px) {
    .sct_10,
    .sct,
    .lists-row {grid-template-columns:repeat(2, 1fr);gap:12px;}
    .sct_10 .sct_ct_wrap,
    .sct .sct_ct_wrap,
    .lists-row .sct_ct_wrap {padding:12px;}
    .sct_10 .sct_txt a,
    .sct .sct_txt a,
    .lists-row .sct_txt a {font-size:14px;}
    .sct_10 .sct_cost > span:first-child,
    .sct .sct_cost > span:first-child,
    .lists-row .sct_cost > span:first-child {font-size:16px;}
}
/* 오버레이 효과 (장바구니 옵션 선택 시) */
.sct_li.overlay {position:relative}
.sct_li.overlay:before {content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--ui-color-overlay-200);z-index:10}
.sct_li .sct_cartop {position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background:var(--ui-color-white);border-radius:8px;padding:20px;min-width:250px;z-index:15;border:1px solid var(--ui-color-gray-300)}

/* 장바구니 옵션 폼 */
.sct_cartop .it_option {width:100%;padding:8px;border:1px solid var(--ui-color-gray-200);border-radius:4px;margin-bottom:10px}
.sct_cartop .cartopt_cart_btn {width:100%;padding:10px;background:var(--color-prime);color:var(--ui-color-white);border:none;border-radius:6px;cursor:pointer;font-size:14px;margin-bottom:8px}
.sct_cartop .cartopt_close_btn {width:100%;padding:8px;background:var(--ui-color-white);color:var(--ui-color-gray-600);border:1px solid var(--ui-color-gray-200);border-radius:6px;cursor:pointer;font-size:14px}



/* 반응형 디자인 */
@media (max-width: 768px) {
    .shop-category-menu .groupTitle,
    .shop-side-menu .groupTitle {font-size:13px;padding:10px 14px}
    .shopSideGnb .nav > ul > li > a {padding:10px 14px;font-size:13px}
    .shopSideGnb .nav > ul > li > ul > li > a {padding:8px 14px 8px 28px;font-size:12px}
}
.sct.smt_40,
.sct.smt_20,
.sct {display:block; margin:0; padding:0; list-style:none;}
.sct.smt_40 .owl-stage,
.sct.smt_20 .owl-stage {display:flex; align-items:stretch;}
.sct.smt_40 .owl-item,
.sct.smt_20 .owl-item {display:flex;}
.sct .sct_li {width:100%;}
.sct .sct_img {position:relative;}

/* ======================================
   섹션: 상품 이미지 확대보기 (새창)
   스킨: largeimage.skin.php
   ====================================== */

/* 전체 래퍼 */
.largeImageWrap {width:100%; min-height:100vh; padding:20px; background-color:var(--ui-color-gray-50);}
/* 헤더 영역 - 커뮤니티 스타일과 일관성 */
.largeImageHeader {display:flex; justify-content:space-between; align-items:center; margin-bottom:20px; }
.largeImageHeader h2 {display:flex; align-items:center; margin:0; color:var(--ui-color-gray-800); font-size:1.25rem; font-weight:600; gap:8px;}
.largeImageHeader h2 i {color:var(--color-prime); font-size:1.5rem;}

/* 메인 컨텐츠 박스 */
.largeImageBox {padding:30px; border:1px solid var(--ui-color-gray-200); border-radius:12px; background:var(--ui-color-white); text-align:center;}
/* 메인 이미지 영역 */
.mainImageArea {position:relative; margin-bottom:30px;}
.mainImageArea span {display:none; max-width:100%;}
.mainImageArea span.visible {display:inline-block;}
.mainImageArea img {max-width:100%; height:auto; border:1px solid var(--ui-color-gray-200); border-radius:8px;}
/* 썸네일 리스트 영역 */
.thumbListWrap {margin-top:20px; padding-top:20px; border-top:1px solid var(--ui-color-gray-200);}
.thumbList {display:flex; flex-wrap:wrap; justify-content:center; margin:0; padding:0; list-style:none; gap:10px;}
.thumbList li {position:relative;}
.thumbList a {display:block; width:80px; height:80px; overflow:hidden; border:2px solid var(--ui-color-gray-200); border-radius:8px; transition:all 0.3s;}
.thumbList a:hover {border-color:var(--color-prime); transform:scale(1.05);}
.thumbList a.active {border-color:var(--color-prime);}
.thumbList img {width:100%; height:100%; object-fit:cover;}
/* 이미지 정보 표시 */
.imageInfo {margin-top:20px; padding:15px; border-radius:8px; background:var(--ui-color-gray-50); color:var(--ui-color-gray-600); font-size:0.875rem;}
.imageInfo i {margin-right:6px; color:var(--color-prime);}
/* 반응형 디자인 */
@media (max-width:768px) {
    .largeImageWrap {padding:15px;}
    .largeImageBox {padding:20px;}
    .thumbList a {width:60px; height:60px;}
}

/* ======================================
   섹션: 오늘 본 상품 (사이드바)
   스킨: boxtodayview.skin.php
   ====================================== */

/* 오늘 본 상품 - 타이틀 */
#stv.stvBox {padding:12px 16px;}
#stv .groupTitle {display:flex; align-items:center; justify-content:space-between; font-size:14px; font-weight:600; color:var(--ui-color-gray-900); margin-bottom:1rem;}
#stv .groupTitle i {font-size:18px; color:var(--ui-color-gray-600); margin-right:8px;}
#stv .groupTitle .count-badge {display:inline-flex; align-items:center; justify-content:center; min-width:20px; height:20px; padding:2px 8px; border-radius:10px; background:var(--color-prime); color:var(--ui-color-white); font-size:11px; font-weight:600; margin-left:auto;}

/* 오늘 본 상품 - 리스트 */
#stv_ul {list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:10px;}
#stv_ul .stv_item {display:none;}
#stv_ul .stv_item.c1 {display:block;} /* 처음에는 첫 페이지만 표시 */

/* 오늘 본 상품 - 링크 */
.stv_link {display:flex; align-items:center; gap:12px; padding:10px 12px; border:1px solid var(--ui-color-gray-200); border-radius:8px; background:var(--ui-color-white); text-decoration:none; transition:all 0.2s ease;}
.stv_link:hover {border-color:var(--color-prime); background:var(--ui-color-gray-50); transform:translateX(2px);}

/* 오늘 본 상품 - 이미지 */
.stv_link .prd_img {flex-shrink:0; width:65px; height:65px; border-radius:6px; overflow:hidden; background:var(--ui-color-gray-100);}
.stv_link .prd_img img {width:100%; height:100%; object-fit:cover;}

/* 오늘 본 상품 - 정보 */
.stv_link .prd_cnt {flex:1; display:flex; flex-direction:column; gap:6px; min-width:0;}
.stv_link .prd_name {font-size:13px; font-weight:500; color:var(--ui-color-gray-800); line-height:1.3; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.stv_link:hover .prd_name {color:var(--color-prime);}
.stv_link .prd_cost {font-size:12px; color:var(--ui-color-gray-600);}
.stv_link .prd_cost strong {color:var(--color-prime); font-size:14px; font-weight:600;}

/* 오늘 본 상품 - 네비게이션 wrapper */
#stv_nav {display:flex; align-items:center; justify-content:center; gap:12px; margin-top:1rem;}

/* 오늘 본 상품 - 버튼 영역 */
#stv_btn {display:flex; align-items:center; gap:8px;}
.stv_nav_btn {display:inline-flex; align-items:center; justify-content:center; width:36px; height:36px; border:1px solid var(--ui-color-gray-300); border-radius:6px; background:var(--ui-color-white); color:var(--ui-color-gray-700); cursor:pointer; transition:all 0.2s ease;}
.stv_nav_btn:hover {border-color:var(--color-prime); background:var(--color-prime); color:var(--ui-color-white);}
.stv_nav_btn i {font-size:20px;}

/* 오늘 본 상품 - 페이지네이션 */
#stv_pg {display:inline-flex; align-items:center; padding:0 8px; font-size:12px; color:var(--ui-color-gray-600); font-weight:500;}

/* 오늘 본 상품 - 빈 상태 */
.stv_empty {display:flex; flex-direction:column; align-items:center; justify-content:center; gap:12px; padding:2rem 1rem; text-align:center;}
.stv_empty i {font-size:48px; color:var(--ui-color-gray-400);}
.stv_empty p {margin:0; color:var(--ui-color-gray-500); font-size:13px;}

/* 반응형 */
@media (max-width:768px) {
    #stv .groupTitle {padding:10px 14px; font-size:13px;}
    .stv_link {padding:8px 10px; gap:10px;}
    .stv_link .prd_img {width:55px; height:55px;}
    .stv_link .prd_name {font-size:12px;}
    .stv_link .prd_cost {font-size:11px;}
    .stv_link .prd_cost strong {font-size:13px;}
    #stv_nav {margin-top:0.75rem; gap:8px;}
    .stv_nav_btn {width:32px; height:32px;}
    .stv_nav_btn i {font-size:18px;}
    #stv_pg {font-size:11px; padding:0 6px;}
}