/*
 * 시티몰 첫 화면 v2 (2026-11-09) — 밝은 톤·요즘 쇼핑몰형. 마크업=theme/eb4_shop_020/shop/index_v2.html.php
 * 켜기/끄기=extend/shop_v2.extend.php. 고치면 index_v2 의 ?v 를 올릴 것(★제자리 덮어쓰기 금지, 새 파일→rename).
 */
.shop-v2{--v2-pink:#dc609f;--v2-ink:#1b1b1f;--v2-sub:#8a8794;--v2-line:#ececf0;--v2-bg2:#f5f4f7;--v2-pad:16px;
  max-width:1240px;margin:0 auto;padding:0 0 48px;color:var(--v2-ink);letter-spacing:-.2px;word-break:keep-all}
.shop-v2 a{color:inherit;text-decoration:none}
.shop-v2 img{max-width:100%;display:block}

/* 큰 배너 */
.shop-v2 .v2-hero{margin:12px var(--v2-pad) 0;border-radius:16px;overflow:hidden;background:var(--v2-bg2)}
.shop-v2 .v2-hero img{width:100%;height:auto}

/* 혜택 한 줄 */
.shop-v2 .v2-perks{display:flex;justify-content:center;flex-wrap:wrap;gap:6px 18px;padding:12px var(--v2-pad) 2px;font-size:12.5px;color:#5c5a66}
.shop-v2 .v2-perks i{color:var(--v2-pink);margin-right:5px;font-size:12px}
.shop-v2 .v2-perks b{font-weight:700;color:var(--v2-ink)}

/* 분류 아이콘 */
.shop-v2 .v2-cats{display:grid;grid-template-columns:repeat(5,1fr);gap:14px 4px;padding:16px 10px 4px}
.shop-v2 .v2-cats a{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:12.5px;font-weight:600;color:#3a3842;text-align:center;line-height:1.25}
.shop-v2 .v2-cat-ic{width:54px;height:54px;border-radius:18px;background:var(--v2-bg2);display:flex;align-items:center;justify-content:center;transition:transform .15s}
.shop-v2 .v2-cat-ic img{width:30px;height:30px;object-fit:contain}
.shop-v2 .v2-cat-ic.is-sale{background:#fdebf4;color:var(--v2-pink);font-size:22px;font-weight:900}
.shop-v2 .v2-cats a:active .v2-cat-ic{transform:scale(.94)}

/* 작은 배너 줄 */
.shop-v2 .v2-sub{margin-top:18px}
.shop-v2 .v2-sub .v2-scroll{grid-auto-columns:84%}
.shop-v2 .v2-sub a{border-radius:12px;overflow:hidden;background:var(--v2-bg2)}
.shop-v2 .v2-sub img{width:100%;height:auto}

/* 구역 공통 */
.shop-v2 .v2-sec{padding-top:30px}
.shop-v2 .v2-head{display:flex;align-items:center;justify-content:space-between;padding:0 var(--v2-pad) 12px}
.shop-v2 .v2-head h2{margin:0;font-size:19px;font-weight:800;letter-spacing:-.5px;color:var(--v2-ink)}
.shop-v2 .v2-more{font-size:13px;color:var(--v2-sub)}
.shop-v2 .v2-more:after{content:'';display:inline-block;width:6px;height:6px;border:solid currentColor;border-width:1.5px 1.5px 0 0;transform:rotate(45deg);margin:0 2px 1px 4px}
.shop-v2 .v2-tint{background:#fbf4f8;margin-top:30px;padding-bottom:26px}

/* 가로로 넘기는 줄 */
.shop-v2 .v2-scroll{display:grid;grid-auto-flow:column;grid-auto-columns:40%;gap:10px;padding:0 var(--v2-pad);overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:0 var(--v2-pad);-webkit-overflow-scrolling:touch;scrollbar-width:none}
.shop-v2 .v2-scroll::-webkit-scrollbar{display:none}
.shop-v2 .v2-scroll>*{scroll-snap-align:start;min-width:0}

/* 베스트 탭 */
.shop-v2 .v2-tabs{display:flex;gap:7px;padding:0 var(--v2-pad) 14px;overflow-x:auto;scrollbar-width:none}
.shop-v2 .v2-tabs::-webkit-scrollbar{display:none}
.shop-v2 .v2-tabs button{flex:0 0 auto;border:0;border-radius:18px;background:var(--v2-bg2);color:#55535e;font-size:13.5px;font-weight:600;padding:7px 14px;line-height:1.3;cursor:pointer}
.shop-v2 .v2-tabs button.on{background:var(--v2-ink);color:#fff}
.shop-v2 .v2-pane{display:none}
.shop-v2 .v2-pane.on{display:grid}

/* 2열 격자 */
.shop-v2 .v2-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 10px;padding:0 var(--v2-pad)}
@media (max-width:767px){ .shop-v2 .v2-grid>.v2-card:nth-child(n+7){display:none} }

/* 상품 카드 */
.shop-v2 .v2-card{display:block;min-width:0}
.shop-v2 .v2-img{position:relative;display:block;aspect-ratio:1/1;border-radius:12px;overflow:hidden;background:var(--v2-bg2)}
.shop-v2 .v2-img img{width:100%;height:100%;object-fit:cover;transition:transform .3s}
.shop-v2 .v2-img:after{content:'';position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(0,0,0,.04);pointer-events:none}
.shop-v2 .v2-rank{position:absolute;left:0;top:0;min-width:26px;height:26px;padding:0 6px;border-bottom-right-radius:10px;background:var(--v2-ink);color:#fff;font-style:normal;font-size:13px;font-weight:800;display:flex;align-items:center;justify-content:center}
.shop-v2 .v2-nm{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.8em;margin-top:8px;font-size:13.5px;line-height:1.4;color:#2b2a31}
.shop-v2 .v2-tag{font-style:normal;font-size:12px;color:var(--v2-sub);margin-right:4px}
.shop-v2 .v2-tag.is-promo{color:var(--v2-pink);font-weight:700}
.shop-v2 .v2-price{display:flex;align-items:baseline;gap:5px;margin-top:4px;font-size:15.5px;line-height:1.3}
.shop-v2 .v2-price b{font-weight:800}
.shop-v2 .v2-price small{font-size:12.5px;font-weight:600;margin-left:1px}
.shop-v2 .v2-pct{color:var(--v2-pink)}
.shop-v2 .v2-cust{display:block;font-size:12px;color:#adabb4;margin-top:1px}
.shop-v2 .v2-badge{display:inline-block;margin-top:6px;padding:2px 6px;border-radius:4px;background:#f1f0f4;color:#6b6876;font-size:11px;font-weight:600;line-height:1.4}
.shop-v2 .v2-card-more{display:flex;align-items:center;justify-content:center;aspect-ratio:1/1;border-radius:12px;border:1px dashed #d6d4dc;color:#77747f;font-size:13px;font-weight:600;text-align:center;line-height:1.5}

/* 중간 배너 */
.shop-v2 .v2-mid{margin:32px var(--v2-pad) 0;border-radius:14px;overflow:hidden;background:var(--v2-bg2)}
.shop-v2 .v2-mid img{width:100%;height:auto}

.shop-v2 .v2-morebtn{display:block;margin:20px var(--v2-pad) 0;padding:13px 0;border:1px solid #e3e2e8;border-radius:10px;text-align:center;font-size:14px;font-weight:600;color:#3a3842}
.shop-v2 .v2-admin-note{margin:28px var(--v2-pad) 0;font-size:12px;color:#9a98a3;text-align:center}
.shop-v2 .v2-admin-note a{text-decoration:underline}

@media (hover:hover){
  .shop-v2 .v2-card:hover .v2-img img{transform:scale(1.04)}
  .shop-v2 .v2-cats a:hover .v2-cat-ic{transform:translateY(-2px)}
}

/* 태블릿·PC */
@media (min-width:768px){
  .shop-v2{--v2-pad:24px}
  .shop-v2 .v2-hero{max-width:900px;margin:20px auto 0}
  .shop-v2 .v2-cats{grid-template-columns:repeat(10,1fr);max-width:900px;margin:0 auto;padding-top:22px}
  .shop-v2 .v2-sub .v2-scroll{grid-auto-flow:row;grid-template-columns:repeat(2,1fr);grid-auto-columns:auto;max-width:900px;margin:0 auto}
  .shop-v2 .v2-scroll{grid-auto-columns:calc((100% - 3*14px)/4);gap:14px}
  .shop-v2 .v2-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:30px 14px}
  .shop-v2 .v2-sec{padding-top:44px}
  .shop-v2 .v2-head h2{font-size:22px}
  .shop-v2 .v2-mid{max-width:1192px;margin:44px auto 0}
  .shop-v2 .v2-nm{font-size:14.5px}
  .shop-v2 .v2-price{font-size:17px}
}
@media (min-width:1100px){
  .shop-v2 .v2-scroll{grid-auto-columns:calc((100% - 4*16px)/5);gap:16px}
  .shop-v2 .v2-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
}

/* 다크 모드(dark_mode.css 를 스크립트가 붙임) */
html:has(link[href*="dark_mode.css"]) .shop-v2{--v2-ink:#e8e9ee;--v2-sub:#a3a7b5;--v2-bg2:#1b1d24;--v2-line:#2e3240;color:#e8e9ee}
html:has(link[href*="dark_mode.css"]) .shop-v2 a{color:#e8e9ee !important}
html:has(link[href*="dark_mode.css"]) .shop-v2 .v2-nm{color:#d5d7df}
html:has(link[href*="dark_mode.css"]) .shop-v2 .v2-perks{color:#b4b8c5}
html:has(link[href*="dark_mode.css"]) .shop-v2 .v2-tabs button{color:#b4b8c5}
html:has(link[href*="dark_mode.css"]) .shop-v2 .v2-tabs button.on{background:#e8e9ee;color:#111}
html:has(link[href*="dark_mode.css"]) .shop-v2 .v2-rank{background:#e8e9ee;color:#111}
html:has(link[href*="dark_mode.css"]) .shop-v2 .v2-tint{background:#22191f}
html:has(link[href*="dark_mode.css"]) .shop-v2 .v2-badge{background:#2e3240;color:#a3a7b5}
html:has(link[href*="dark_mode.css"]) .shop-v2 .v2-cat-ic img{filter:invert(1) brightness(1.6)}
html:has(link[href*="dark_mode.css"]) .shop-v2 .v2-cat-ic.is-sale{background:#43263a}
html:has(link[href*="dark_mode.css"]) .shop-v2 .v2-morebtn,
html:has(link[href*="dark_mode.css"]) .shop-v2 .v2-card-more{border-color:#3a3f4f}

/* ===== 휴대폰 머리(shop.head.html.php 의 .v2-mhead) — 한 줄 고정: 메뉴 · 로고 · 검색 · 장바구니 ===== */
.v2-mhead,.v2-mhead-sp{display:none}
@media (max-width:991px){
  .v2-mhead{display:flex;align-items:center;gap:2px;position:fixed;left:0;right:0;top:0;z-index:1020;height:54px;padding:0 6px;background:rgba(255,255,255,.94);-webkit-backdrop-filter:saturate(180%) blur(12px);backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid #f0eff3}
  .v2-mh-btn{position:relative;width:42px;height:42px;display:flex;align-items:center;justify-content:center;border:0;background:none;padding:0;color:#1b1b1f !important;cursor:pointer}
  .v2-mh-btn i{position:absolute;right:3px;top:4px;min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:#dc609f;color:#fff;font-style:normal;font-size:10.5px;font-weight:800;line-height:17px;text-align:center;border:2px solid #fff;box-sizing:content-box}
  .v2-mh-logo{display:flex;align-items:center;margin-left:2px}
  .v2-mh-logo img{height:30px;width:auto}
  .v2-mh-r{margin-left:auto;display:flex}
  .v2-mhead-sp{display:block;height:54px}
  .header-wrap .top-header,.header-wrap .header-title{display:none !important}
  .navbar-mobile-toggler,.sidebar-shop-member-btn.mo-btn{display:none !important}
  .basic-body:has(>.basic-body-main>.shop-v2){padding-top:0}
  /* 하위 화면 제목 줄: 작게 */
  .page-title-wrap{padding:14px 0 10px !important;background:none !important;border:0 !important}
  .page-title-wrap h2{font-size:18px !important;font-weight:800 !important;letter-spacing:-.4px;margin:0 !important;color:#1b1b1f}
  .page-title-wrap h2 i{display:none}
}
html:has(link[href*="dark_mode.css"]) .v2-mhead{background:rgba(18,19,24,.94);border-bottom-color:#2e3240}
html:has(link[href*="dark_mode.css"]) .v2-mh-btn{color:#e8e9ee !important}
html:has(link[href*="dark_mode.css"]) .v2-mh-btn i{border-color:#121318}
html:has(link[href*="dark_mode.css"]) .page-title-wrap h2{color:#e8e9ee}

/* ===== 분류 목록(list.skin + list.10 카드) — 리디자인 v2 ===== */
/* 하위 분류: 칩 줄 (괄호는 글자 크기 0 으로 숨김) */
.shop-list .shop-list-navcate-wrap{margin-bottom:14px}
.shop-list .sct-ct ul{display:flex;flex-wrap:wrap;gap:8px;margin:0}
.shop-list .sct-ct ul:after{display:none}
.shop-list .sct-ct li{float:none;padding:0}
.shop-list .sct-ct li a{display:inline-flex;align-items:baseline;gap:4px;padding:7px 13px;border-radius:18px;background:#f5f4f7;font-size:0 !important;line-height:1.3;white-space:nowrap;text-decoration:none !important}
.shop-list .sct-ct li a strong{font-size:13.5px;font-weight:600;color:#2b2a31}
.shop-list .sct-ct li a span{font-size:12px;color:#9a98a3}
.shop-list .sct-ct li a:hover{background:#ecebf0}
/* 정렬: 알약 버튼 */
.shop-list .tab-scroll-category .scrollbar,.shop-list .tab-scroll-category .controls,.shop-list .tab-scroll-category .tab-category-divider{display:none !important}
.shop-list #tab-category{border:0 !important;height:auto !important;padding:2px 0}
.shop-list #tab-category .category-list span{padding:0 6px 0 0 !important;border:0 !important;background:none !important}
.shop-list #tab-category .category-list span a{display:block;padding:6px 12px !important;border-radius:16px;font-size:13px !important;font-weight:600;color:#6b6876 !important;border:1px solid #e6e5eb;line-height:1.35}
.shop-list #tab-category .category-list span.active a{background:#1b1b1f;border-color:#1b1b1f;color:#fff !important}
.shop-list #tab-category .category-list span a:after,.shop-list #tab-category .category-list span:after{display:none !important}
.shop-list #sct_lst button{border-radius:8px;border:1px solid #e6e5eb !important;width:34px;height:34px;font-size:13px;margin-left:4px}

/* 상품 카드(list.10) — 테두리 없는 사진 카드 */
body .product-list-10 .item-list{border:0 !important;background:none}
body .product-list-10 .product-img{margin:0 !important;border-radius:12px;overflow:hidden;background:#f5f4f7}
body .product-list-10 .product-img-in:before{background:transparent}
body .product-list-10 .product-img-in img{width:100%;height:100% !important;object-fit:cover}
body .product-list-10 .product-img-in .discount-percent{display:none}
body .product-list-10 .product-description .product-description-in{padding:0 0 4px !important}
body .product-list-10 .product-description .product-name{margin:9px 0 3px !important;font-size:13.5px !important;font-weight:400;line-height:1.4;color:#2b2a31}
body .product-list-10 .product-description .product-name a{color:inherit;text-decoration:none !important}
body .product-list-10 .product-description .product-price{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:5px}
body .product-list-10 .product-description .title-price{font-size:15.5px !important;font-weight:800;color:#1b1b1f}
body .product-list-10 .product-description .title-price small{font-size:12.5px;font-weight:600;margin-left:1px}
body .product-list-10 .product-description .v2l-pct{font-size:15.5px;font-weight:800;color:#dc609f}
body .product-list-10 .product-description .line-through{flex-basis:100%;margin:0 !important;font-size:12px !important;font-weight:400;color:#adabb4}
body .product-list-10 .rgba-banner-area{top:8px;right:auto;left:8px;display:flex;gap:3px}
body .product-list-10 .rgba-banner{width:auto;height:auto;padding:2px 6px;border-radius:4px;font-size:10.5px;font-weight:700;line-height:1.4}
body .product-list-10 .item-list:hover .product-name a{text-decoration:none}
@media (hover:hover){ body .product-list-10 .product-img-in img{transition:transform .3s} body .product-list-10 .item-list:hover .product-img-in img{transform:scale(1.04)} }
@media (max-width:767px){
  body .product-list-10{margin-left:-5px !important;margin-right:-5px !important}
  body .product-list-10 .item-list-wrap{padding:0 5px 22px !important}
}
@media (max-width:991px){
  .shop-list .shop-list-nav-box{display:none}
  .shop-list .sct-ct ul{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:0 -15px;padding:0 15px}
  .shop-list .sct-ct ul::-webkit-scrollbar{display:none}
  .shop-list .shop-list-sort-wrap .tab-scroll-category{margin-bottom:12px}
}
html:has(link[href*="dark_mode.css"]) .shop-list .sct-ct li a{background:#1b1d24}
html:has(link[href*="dark_mode.css"]) .shop-list .sct-ct li a strong{color:#e8e9ee}
html:has(link[href*="dark_mode.css"]) .shop-list #tab-category .category-list span a{border-color:#3a3f4f;color:#b4b8c5 !important}
html:has(link[href*="dark_mode.css"]) .shop-list #tab-category .category-list span.active a{background:#e8e9ee;border-color:#e8e9ee;color:#111 !important}
html:has(link[href*="dark_mode.css"]) body .product-list-10 .product-img{background:#1b1d24}
html:has(link[href*="dark_mode.css"]) body .product-list-10 .product-description .title-price{color:#e8e9ee}
html:has(link[href*="dark_mode.css"]) body .product-list-10 .product-description .product-name{color:#d5d7df}

/* ===== 상품 화면(item.form) — 리디자인 v2 ===== */
body .shop-product .product-title{font-size:20px;font-weight:700;line-height:1.4;letter-spacing:-.4px;color:#1b1b1f}
body .shop-product .shop-description-box{border:0 !important;padding:6px 0 4px !important;margin-top:4px}
body .shop-product .shop-description-box .table{margin:0}
body .shop-product .shop-description-box .table th,body .shop-product .shop-description-box .table td{border:0 !important;padding:6px 0 !important;vertical-align:baseline;background:none}
body .shop-product .shop-description-box .table th{width:74px;font-size:13.5px;font-weight:500;color:#8a8794}
body .shop-product .shop-description-box .table td{font-size:14px;color:#2b2a31}
body .shop-product .shop-description-box .shop-product-prices{font-size:24px !important;font-weight:800;color:#1b1b1f !important;letter-spacing:-.5px}
body .shop-product #sit_opt_added li{background:#f7f6f9 !important;border:0 !important;border-radius:12px;padding:14px !important;margin-bottom:8px}
body .shop-product #sit_tot_price{color:#1b1b1f}
body .shop-product #sit_ov_btn button,body .shop-product #sit_ov_btn a{border-radius:12px !important;height:52px;font-size:15.5px;font-weight:700}
body .shop-product #sit_btn_buy{background:#dc609f !important;border-color:#dc609f !important;color:#fff !important}
body .shop-product #sit_btn_cart{background:#fff !important;border:1px solid #dc609f !important;color:#dc609f !important}
body .shop-product #sit_btn_wish{background:#fff !important;border:1px solid #e3e2e8 !important;color:#77747f !important}
body .shop-item .pg-anchor-in{border:0 !important;background:transparent !important;padding:0 !important}
body .shop-item .pg-anchor-in .nav-tabs{display:flex;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;border:0;border-bottom:1px solid #ececf0;margin:0}
body .shop-item .pg-anchor-in .nav-tabs::-webkit-scrollbar{display:none}
body .shop-item .pg-anchor-in .nav-tabs li{flex:1 0 auto;float:none;width:auto !important;margin:0}
body .shop-item .pg-anchor-in .nav-tabs li a{border:0 !important;background:none !important;border-radius:0;padding:13px 10px !important;font-size:14px;font-weight:600;color:#8a8794 !important;text-align:center;white-space:nowrap}
body .shop-item .pg-anchor-in .nav-tabs li.active a{color:#1b1b1f !important;box-shadow:inset 0 -2px 0 #1b1b1f}
body .shop-item .pg-anchor-in .tab-bottom-line{display:none}
@media (max-width:991px){
  body:has(.shop-item) .page-title-wrap{display:none}
  .shop-item .shop-list-nav{display:none}
  .shop-item .shop-product{padding-top:0 !important;margin-top:0 !important}
  .shop-item .shop-product-img{margin:0 -12px !important;background:#f5f4f7}
  .shop-item .product-img-big,.shop-item .product-img-big a{display:block;width:100%}
  .shop-item .product-img-big img{width:100% !important;height:auto !important;max-width:none}
  .shop-item .shop-product-prev-next{display:none !important}
  .shop-list #sct_lst{display:none}
  .basic-body.page-body{padding-top:0 !important}
}
html:has(link[href*="dark_mode.css"]) body .shop-product .product-title,
html:has(link[href*="dark_mode.css"]) body .shop-product .shop-description-box .shop-product-prices,
html:has(link[href*="dark_mode.css"]) body .shop-product #sit_tot_price{color:#e8e9ee !important}
html:has(link[href*="dark_mode.css"]) body .shop-product .shop-description-box .table td{color:#d5d7df}
html:has(link[href*="dark_mode.css"]) body .shop-product #sit_opt_added li{background:#1b1d24 !important}
html:has(link[href*="dark_mode.css"]) body .shop-product #sit_btn_buy{background:#dc609f !important}
html:has(link[href*="dark_mode.css"]) body .shop-product #sit_btn_cart,html:has(link[href*="dark_mode.css"]) body .shop-product #sit_btn_wish{background:transparent !important}
html:has(link[href*="dark_mode.css"]) body .shop-item .pg-anchor-in .nav-tabs li a{background:none !important;color:#9499a8 !important}
html:has(link[href*="dark_mode.css"]) body .shop-item .pg-anchor-in .nav-tabs li.active a{color:#e8e9ee !important;box-shadow:inset 0 -2px 0 #e8e9ee}
html:has(link[href*="dark_mode.css"]) body .shop-item .pg-anchor-in .nav-tabs{border-bottom-color:#2e3240}
body .shop-product #sit_ov_btn{display:flex !important;gap:8px;align-items:stretch}
body .shop-product #sit_ov_btn:after{display:none}
body .shop-product #sit_ov_btn #sit_btn_buy,body .shop-product #sit_ov_btn #sit_btn_cart{flex:1 1 0;width:auto !important;margin:0 !important;float:none !important}
body .shop-product #sit_ov_btn #sit_btn_wish{flex:0 0 52px;width:52px !important;margin:0 !important;float:none !important;display:flex;align-items:center;justify-content:center}
body .shop-product .shop-product-star-sns{border:0 !important;background:none !important}
body .shop-product .shop-product-star-sns *{border-color:transparent !important}

/* 첫 화면 위쪽 배치: 휴대폰=큰 배너→혜택→분류→작은 배너 줄, PC=큰 배너 | 작은 배너 2장 세로 */
@media (max-width:991px){
  .shop-v2{display:flex;flex-direction:column}
  .shop-v2>*{order:5}
  .shop-v2 .v2-top{display:contents}
  .shop-v2 .v2-hero{order:1}
  .shop-v2 .v2-perks{order:2}
  .shop-v2 .v2-cats{order:3}
  .shop-v2 .v2-sub{order:4}
}
@media (min-width:992px){
  .shop-v2 .v2-top{display:grid;grid-template-columns:1.686fr 1.095fr;gap:14px;margin:24px var(--v2-pad) 0;align-items:stretch}
  .shop-v2 .v2-top .v2-hero{max-width:none;margin:0}
  .shop-v2 .v2-top .v2-sub{margin:0}
  .shop-v2 .v2-top .v2-sub .v2-scroll{display:flex;flex-direction:column;gap:14px;height:100%;padding:0;max-width:none;overflow:visible}
  .shop-v2 .v2-top .v2-sub a{flex:1 1 0;min-height:0}
  .shop-v2 .v2-top .v2-sub img{width:100%;height:100%;object-fit:cover}
  .shop-v2 .v2-top:not(:has(.v2-sub)){grid-template-columns:1fr;max-width:900px;margin-left:auto;margin-right:auto}
  .shop-v2 .v2-perks{padding-top:16px}
}

/* ===== 장바구니(cart.v2.inc.php) — 리디자인 v2 ===== */
.v2-cart{--c-pink:#dc609f;--c-ink:#1b1b1f;--c-sub:#8a8794;--c-line:#ececf0;--c-bg2:#f6f5f8;color:var(--c-ink);max-width:1100px;margin:0 auto;letter-spacing:-.2px;word-break:keep-all}
.v2-cart a{text-decoration:none}
.v2-cart .v2-steps{display:flex;gap:6px;align-items:center;list-style:none;margin:4px 0 18px;padding:0;font-size:13.5px;color:#aaa8b2}
.v2-cart .v2-steps li+li:before{content:'';display:inline-block;width:6px;height:6px;border:solid #c9c7cf;border-width:1.5px 1.5px 0 0;transform:rotate(45deg);margin:0 10px 1px 4px}
.v2-cart .v2-steps li.on{color:var(--c-ink);font-weight:800}
/* 체크박스 */
.v2-cart .v2c-chk{position:relative;display:inline-flex;align-items:center;gap:8px;margin:0;cursor:pointer;font-size:14px;font-weight:600}
.v2-cart .v2c-chk input{position:absolute;opacity:0;width:1px;height:1px}
.v2-cart .v2c-chk i{width:22px;height:22px;border-radius:7px;border:1.5px solid #cfcdd6;background:#fff;flex:0 0 auto;position:relative}
.v2-cart .v2c-chk input:checked+i{background:var(--c-pink);border-color:var(--c-pink)}
.v2-cart .v2c-chk input:checked+i:after{content:'';position:absolute;left:7px;top:3px;width:6px;height:11px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
.v2-cart .v2c-chk b{color:var(--c-pink)}
.v2-cart .v2c-bar{display:flex;align-items:center;justify-content:space-between;padding:0 2px 12px;border-bottom:1px solid var(--c-line)}
.v2-cart .v2c-bar-r{display:flex;gap:6px}
.v2-cart .v2c-bar-r button{border:1px solid #e3e2e8;background:#fff;border-radius:8px;padding:5px 10px;font-size:12.5px;color:#55535e}
/* 상품 카드 */
.v2-cart .v2c-items{list-style:none;margin:0;padding:0}
.v2-cart .v2c-item{display:grid;grid-template-columns:22px 84px 1fr;gap:12px;align-items:start;padding:16px 2px;border-bottom:1px solid var(--c-line)}
.v2-cart .v2c-item-chk{margin-top:2px}
.v2-cart .v2c-img{display:block;width:84px;height:84px;border-radius:12px;overflow:hidden;background:var(--c-bg2)}
.v2-cart .v2c-img img{width:100%;height:100%;object-fit:cover;display:block}
.v2-cart .v2c-info{min-width:0}
.v2-cart .v2c-name{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:14.5px;font-weight:600;line-height:1.4;color:var(--c-ink) !important}
.v2-cart .v2c-opt{margin-top:4px;font-size:12.5px;color:var(--c-sub);line-height:1.5}
.v2-cart .v2c-opt ul{list-style:none;margin:0;padding:0}
.v2-cart .v2c-opt li{color:var(--c-sub)}
.v2-cart .v2c-meta{display:flex;flex-wrap:wrap;gap:4px 10px;margin-top:4px;font-size:12px;color:#a19fa9}
.v2-cart .v2c-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:10px}
.v2-cart .v2c-mod{border:1px solid #e3e2e8;background:#fff;border-radius:8px;padding:6px 10px;font-size:12.5px;font-weight:600;color:#3a3842}
.v2-cart .v2c-price{font-size:16.5px;font-weight:800;white-space:nowrap}
/* 합계 */
.v2-cart .v2c-sum{margin-top:18px}
.v2-cart .v2c-free{background:#fdf2f8;border-radius:12px;padding:12px 14px;margin-bottom:14px}
.v2-cart .v2c-free p{margin:0 0 8px;font-size:13.5px;color:#3a3842}
.v2-cart .v2c-free p b{color:var(--c-pink)}
.v2-cart .v2c-free.is-done p{color:#16a34a;font-weight:700}
.v2-cart .v2c-free-bar{display:block;height:6px;border-radius:3px;background:#f3d6e6;overflow:hidden}
.v2-cart .v2c-free-bar i{display:block;height:100%;border-radius:3px;background:var(--c-pink)}
.v2-cart .v2c-free.is-done .v2c-free-bar i{background:#22c55e}
.v2-cart .v2c-sum-list{margin:0;padding:14px;border:1px solid var(--c-line);border-radius:12px}
.v2-cart .v2c-sum-list div{display:flex;justify-content:space-between;padding:5px 0;font-size:14px}
.v2-cart .v2c-sum-list dt{font-weight:400;color:var(--c-sub)}
.v2-cart .v2c-sum-list dd{margin:0;font-weight:600}
.v2-cart .v2c-sum-list .v2c-total{margin-top:6px;padding-top:12px;border-top:1px solid var(--c-line)}
.v2-cart .v2c-sum-list .v2c-total dt{color:var(--c-ink);font-weight:700}
.v2-cart .v2c-sum-list .v2c-total dd{font-size:20px;font-weight:800;color:var(--c-pink)}
.v2-cart .v2c-pack{margin:10px 2px 0;font-size:12.5px;color:var(--c-sub)}
.v2-cart .v2c-pack i{color:var(--c-pink);margin-right:4px}
.v2-cart .v2c-buy-btn{display:block;width:100%;height:54px;border:0;border-radius:12px;background:var(--c-pink);color:#fff;font-size:16.5px;font-weight:800;margin-top:14px}
.v2-cart .v2c-continue{display:block;text-align:center;margin-top:12px;font-size:13.5px;color:var(--c-sub) !important;text-decoration:underline !important}
.v2-cart .cart-naverpay{margin-top:12px;text-align:center}
/* 빈 장바구니 */
.v2-cart .v2c-empty{display:flex;flex-direction:column;align-items:center;padding:60px 0 70px;text-align:center}
.v2-cart .v2c-empty-ic{width:76px;height:76px;border-radius:50%;background:var(--c-bg2);color:#9a98a3;display:flex;align-items:center;justify-content:center;margin-bottom:16px}
.v2-cart .v2c-empty p{margin:0;font-size:17px;font-weight:700}
.v2-cart .v2c-empty small{margin-top:4px;font-size:13.5px;color:var(--c-sub)}
.v2-cart .v2c-empty-btn{margin-top:22px;padding:13px 34px;border-radius:12px;background:var(--c-ink);color:#fff !important;font-size:15px;font-weight:700}
/* 휴대폰: 주문하기 버튼 하단 고정 */
@media (max-width:991px){
  body:has(.v2-cart .v2c-buy) .basic-body{padding-bottom:84px}
  .v2-cart .v2c-buy{position:fixed;left:0;right:0;bottom:0;z-index:1010;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid var(--c-line)}
  .v2-cart .v2c-buy-btn{margin:0}
  body:has(.v2-cart .v2c-buy) .eb-backtotop{margin-bottom:76px}
}
/* PC: 왼쪽 목록 | 오른쪽 합계(따라 내려옴) */
@media (min-width:992px){
  .v2-cart .v2c-main{display:grid;grid-template-columns:1fr 340px;gap:36px;align-items:start}
  .v2-cart .v2c-sum{margin-top:0;position:sticky;top:20px}
  .v2-cart .v2c-item{grid-template-columns:22px 100px 1fr}
  .v2-cart .v2c-img{width:100px;height:100px}
  .v2-cart .v2-steps{font-size:15px;margin-bottom:24px}
}
html:has(link[href*="dark_mode.css"]) .v2-cart{--c-ink:#e8e9ee;--c-sub:#a3a7b5;--c-line:#2e3240;--c-bg2:#1b1d24}
html:has(link[href*="dark_mode.css"]) .v2-cart .v2c-chk i,html:has(link[href*="dark_mode.css"]) .v2-cart .v2c-mod,html:has(link[href*="dark_mode.css"]) .v2-cart .v2c-bar-r button{background:transparent;border-color:#3a3f4f;color:#c9ccd6}
html:has(link[href*="dark_mode.css"]) .v2-cart .v2c-free{background:#35212d}
html:has(link[href*="dark_mode.css"]) .v2-cart .v2c-free p{color:#d5d7df}
html:has(link[href*="dark_mode.css"]) .v2-cart .v2c-buy{background:#121318}
html:has(link[href*="dark_mode.css"]) .v2-cart .v2c-empty-btn{background:#e8e9ee;color:#111 !important}

/* ===== 검색 결과(search.skin .v2s) ===== */
.shop-search.v2s .search-box{margin-bottom:16px}
.shop-search.v2s .search-box-header{display:flex;align-items:center;justify-content:space-between;gap:10px}
.shop-search.v2s .search-box-header h4{border:0;margin:0 0 10px;padding:0;font-size:17px;font-weight:800;letter-spacing:-.4px}
.shop-search.v2s .search-box-header h4 .text-gray{font-weight:500;font-size:14px}
.shop-search.v2s .v2s-toggle{flex:0 0 auto;margin-bottom:10px;border:1px solid #e3e2e8;background:#fff;border-radius:16px;padding:5px 12px;font-size:12.5px;font-weight:600;color:#55535e}
.shop-search.v2s .v2s-toggle:after{content:'';display:inline-block;width:6px;height:6px;border:solid currentColor;border-width:0 1.5px 1.5px 0;transform:rotate(45deg);margin:0 0 3px 6px}
.shop-search.v2s.is-open .v2s-toggle:after{transform:rotate(-135deg);margin-bottom:-1px}
.shop-search.v2s .search-box-body .row{display:flex;flex-direction:column}
.shop-search.v2s .search-box-body .row>section{width:100%;max-width:100%;flex:0 0 auto}
.shop-search.v2s .search-box-body .row>section.col-md-12{order:-1}
.shop-search.v2s .search-box-body .row>section:not(.col-md-12),.shop-search.v2s .search-box-footer{display:none}
.shop-search.v2s.is-open .search-box-body .row>section:not(.col-md-12){display:block}
.shop-search.v2s.is-open .search-box-footer{display:block}
.shop-search.v2s .search-input input{height:46px;border-radius:23px !important;border:0 !important;background:#f3f2f5 !important;padding-left:44px !important;font-weight:600}
.shop-search.v2s .search-input .icon-prepend{left:6px}
.shop-search.v2s .input-button .button{height:38px;line-height:38px;top:4px;right:4px;border-radius:19px;border:0;background:#1b1b1f;color:#fff;padding:0 18px}
.shop-search.v2s .search-cate{margin-bottom:14px}
.shop-search.v2s .search-cate ul{display:flex;gap:8px;flex-wrap:wrap;padding:0;margin:0}
.shop-search.v2s .search-cate ul:after{display:none}
.shop-search.v2s .search-cate li{float:none;width:auto !important;border:0;margin:0}
.shop-search.v2s .search-cate a{display:block;padding:6px 12px;line-height:1.35;border-radius:16px;background:#f5f4f7;font-size:13px;font-weight:600;color:#3a3842;max-width:none;white-space:nowrap}
.shop-search.v2s .tab-scroll-category .scrollbar,.shop-search.v2s .tab-scroll-category .controls,.shop-search.v2s .tab-scroll-category .tab-category-divider{display:none !important}
.shop-search.v2s #tab-category{border:0 !important;height:auto !important;padding:2px 0}
.shop-search.v2s #tab-category .category-list span{padding:0 6px 0 0 !important;border:0 !important;background:none !important}
.shop-search.v2s #tab-category .category-list span a{display:block;padding:6px 12px !important;border-radius:16px;font-size:13px !important;font-weight:600;color:#6b6876 !important;border:1px solid #e6e5eb;line-height:1.35}
.shop-search.v2s #tab-category .category-list span.active a{background:#1b1b1f;border-color:#1b1b1f;color:#fff !important}
.shop-search.v2s #tab-category .category-list span a:after,.shop-search.v2s #tab-category .category-list span:after{display:none !important}
@media (max-width:991px){
  .shop-search.v2s .search-cate ul{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:0 -15px;padding:0 15px}
  .shop-search.v2s .search-cate ul::-webkit-scrollbar{display:none}
  .shop-search.v2s #sct_lst{display:none}
}
html:has(link[href*="dark_mode.css"]) .shop-search.v2s .search-input input,html:has(link[href*="dark_mode.css"]) .shop-search.v2s .search-cate a{background:#1b1d24 !important;color:#e8e9ee}
html:has(link[href*="dark_mode.css"]) .shop-search.v2s .v2s-toggle{background:transparent;border-color:#3a3f4f;color:#c9ccd6}

/* ===== 위시리스트 ===== */
body .shop-wishlist .wishlist-box-in{border:0 !important;padding:0 !important}
body .shop-wishlist .wishlist-box .wishlist-img{margin-bottom:8px;border-radius:12px;overflow:hidden;background:#f5f4f7;aspect-ratio:1/1}
body .shop-wishlist .wishlist-box .wishlist-img img{width:100%;height:100%;object-fit:cover}
body .shop-wishlist .wishlist-desc h5{height:auto;min-height:2.8em;font-size:13.5px;font-weight:400;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#2b2a31}
body .shop-wishlist .wishlist-desc .wishlist-desc-date{font-size:12px;color:#a19fa9}
body .shop-wishlist .wishlist-bottom .wishlist-del-btn{border-radius:8px;background:#f1f0f4;color:#77747f}
body .shop-wishlist .wishlist-act-btn{display:flex;gap:8px;justify-content:center}
body .shop-wishlist .wishlist-act-btn .btn-e{border-radius:12px !important;height:50px;padding:0 22px;font-weight:700}
body .shop-wishlist:not(:has(.wishlist-box)) .wishlist-act-btn{display:none}
body .shop-wishlist:not(:has(.wishlist-box)) p.text-gray{margin:70px 0 !important;font-size:15px}

/* 11-09 보정: 머리 장바구니 숫자, 검색 버튼·제목 줄, 목록 상품번호 */
@media (max-width:991px){
  .v2-mhead .v2-mh-btn i{right:0;top:3px;min-width:16px;height:16px;line-height:16px;padding:0 3px;font-size:10px;border-width:1.5px}
}
.shop-search.v2s .search-box-header h4{border:0 !important;padding-bottom:0 !important}
.shop-search.v2s .input-button .button{background:#1b1b1f !important;color:#fff !important;font-weight:700;font-size:13.5px}
.shop-search.v2s .search-box{margin-bottom:10px}
body .product-list-10 .product-description .product-id{display:none}

/* ===== 주문서(orderform.sub.skin / orderform.sub.mobile.skin) — 리디자인 v2, CSS 만(결제 스크립트·필드 무변경) ===== */
/* 진행 단계: 큰 동그라미 → 글자 한 줄(장바구니·주문완료 화면도 같은 .shop-steps) */
body .shop-steps{margin:2px 0 16px}
body .shop-steps .step-indicator{display:flex !important;gap:0;justify-content:flex-start;margin:0;padding:0}
body .shop-steps .step-indicator li{display:flex !important;align-items:center;width:auto !important;padding:0}
body .shop-steps .step-indicator li:before{display:none !important}
body .shop-steps .step-indicator li+li:after{content:none}
body .shop-steps .step-indicator li+li .caption:before{content:'';display:inline-block;width:6px;height:6px;border:solid #c9c7cf;border-width:1.5px 1.5px 0 0;transform:rotate(45deg);margin:0 10px 1px 2px}
body .shop-steps .step-indicator .step{display:none !important}
body .shop-steps .step-indicator .caption{padding:0 4px 0 0 !important;font-size:13.5px !important;font-weight:500 !important;color:#aaa8b2 !important}
body .shop-steps .step-indicator .active .caption{color:#1b1b1f !important;font-weight:800 !important}

body .shop-order-form{--o-pink:#dc609f;--o-ink:#1b1b1f;--o-sub:#8a8794;--o-line:#ececf0;--o-bg2:#f7f6f9;font-size:14px;color:var(--o-ink);letter-spacing:-.2px}
/* 구역 카드 */
body .shop-order-form .sod-li-wrap .sod-li,
body .shop-order-form .order-payment-total,
body .shop-order-form .order-member-area .sod-frm-orderer,
body .shop-order-form .order-member-area .sod-frm-taker,
body .shop-order-form .order-payment-info{border:1px solid var(--o-line) !important;border-radius:16px;background:#fff;padding:16px !important;margin:0 0 12px !important;overflow:hidden}
body .shop-order-form .order-member-area .headline-short{margin:0 0 12px !important}
body .shop-order-form .headline-short h4,body .shop-order-form .sod-frm-title h4{font-size:17px !important;font-weight:800;letter-spacing:-.4px;margin:0}
body .shop-order-form .headline-short h4:after,body .shop-order-form .headline-short:after{display:none !important}
/* 주문 상품(휴대폰) */
body .shop-order-form .sod-li-wrap .li-name{border:0 !important;padding:0 0 10px !important;font-size:15px !important;line-height:1.45}
body .shop-order-form .sod-li-wrap .li-op-wrap{margin:0 !important;padding-left:84px !important;min-height:72px}
body .shop-order-form .sod-li-wrap .li-op-img{width:72px;height:72px;border-radius:10px;background:var(--o-bg2)}
body .shop-order-form .sod-li-wrap .li-op-img img{width:100%;height:100%;object-fit:cover}
body .shop-order-form .sod-li-wrap .sod-opt{font-size:12.5px;color:var(--o-sub)}
body .shop-order-form .sod-li-wrap .li-prqty{margin:12px 0 0 !important;border-top:1px solid var(--o-line);padding:10px 0 0 !important;font-size:13px;color:var(--o-sub)}
body .shop-order-form .sod-li-wrap .prqty-sc,body .shop-order-form .sod-li-wrap .prqty-price{border-right:0 !important}
body .shop-order-form .sod-li-wrap .total_price{margin:6px 0 0 !important;border:0 !important;border-radius:10px;background:var(--o-bg2) !important;padding:10px 12px !important}
body .shop-order-form .sod-li-wrap .total_price strong{color:var(--o-ink) !important;font-size:16px}
/* 금액 요약 */
body .shop-order-form .payment-calc-wrap{border:0 !important;border-radius:12px;background:var(--o-bg2) !important}
body .shop-order-form .payment-calc-box{padding:14px 0 !important;color:var(--o-sub)}
body .shop-order-form .payment-calc-box:before{background:#e6e5eb !important}
body .shop-order-form .payment-calc-box:after{background:#fff !important;border:1px solid #e6e5eb !important;border-radius:50%;color:var(--o-pink) !important}
body .shop-order-form .payment-point-box,body .shop-order-form .payment-total-box{border:0 !important;background:none !important;padding:10px 4px 0 !important}
body .shop-order-form .payment-total-box strong,body .shop-order-form .payment-calc-box strong{color:var(--o-ink) !important}
body .shop-order-form .payment-total-box strong{font-size:18px !important;font-weight:800}
/* 입력칸 */
body .shop-order-form .order-table th{color:var(--o-sub);font-weight:600;font-size:13px}
body .shop-order-form .order-table td{padding:4px 0 10px !important}
body .shop-order-form .order-table .label{font-size:13px;font-weight:700;color:#3a3842;margin:2px 0 6px}
body .shop-order-form .eyoom-form .input input,body .shop-order-form .eyoom-form .select select,body .shop-order-form .eyoom-form .textarea textarea,body .shop-order-form textarea{border:1px solid #e3e2e8 !important;border-radius:10px !important;background:#fafafb !important;height:46px;font-size:15px;padding:0 12px}
body .shop-order-form .eyoom-form .textarea textarea,body .shop-order-form textarea{height:96px;padding:10px 12px}
body .shop-order-form .eyoom-form .input input:focus,body .shop-order-form textarea:focus{border-color:var(--o-pink) !important;background:#fff !important;outline:0}
body .shop-order-form .eyoom-form .input.width-200px,body .shop-order-form .eyoom-form .input.width-150px{max-width:100%}
@media (max-width:991px){
  body .shop-order-form .eyoom-form .input.width-200px{width:100% !important}
  body .shop-order-form .eyoom-form .input.width-150px{width:calc(100% - 132px) !important}
  body .shop-order-form .order-member-area{padding:0 !important;border:0 !important}
}
body .shop-order-form .btn-e.btn-e-lg{height:46px;border-radius:10px !important;background:var(--o-ink) !important;border-color:var(--o-ink) !important;color:#fff !important;font-weight:700;padding:0 16px}
body .shop-order-form .eyoom-form .input.required-mark:after,body .shop-order-form .eyoom-form .input .required-mark:after{border-radius:0 10px 0 0}
/* 총 주문금액 */
body .shop-order-form #od_tot_price{border:0 !important;border-radius:12px;background:#fdf2f8 !important;padding:14px 16px !important;margin:14px 0 !important}
body .shop-order-form #od_tot_price span{font-weight:700;color:var(--o-ink)}
body .shop-order-form #od_tot_price .print_price{color:var(--o-pink) !important;font-size:22px !important;font-weight:800}
body .shop-order-form .payment-info-box{border-color:var(--o-line) !important;border-radius:0}
/* 결제수단 */
body .shop-order-form .payment-select-title{font-size:16px !important;font-weight:800;margin:18px 0 10px !important}
body .shop-order-form .payment-select-wrap fieldset,body .shop-order-form .payment-select-wrap #sod_frm_paysel{display:grid !important;grid-template-columns:1fr 1fr;gap:8px}
body .shop-order-form .payment-select-wrap fieldset:after,body .shop-order-form .payment-select-wrap #sod_frm_paysel:after{display:none}
body .shop-order-form .payment-select-wrap fieldset>legend{display:none}
body .shop-order-form .payment-select-wrap .payment-select-box{float:none !important;width:auto !important;margin:0 !important;border:1.5px solid #e3e2e8 !important;border-radius:12px;height:56px !important;font-weight:600;color:#3a3842}
body .shop-order-form .payment-select-wrap input[type="radio"]:checked+.payment-select-box{border-color:var(--o-pink) !important;background-color:#fdf2f8 !important;color:var(--o-ink)}
body .shop-order-form .payment-select-wrap input[type="radio"]:checked+.payment-select-box:after{color:var(--o-pink) !important}
body .shop-order-form #settle_bank{border:1px solid #f3c9de !important;border-radius:12px;background:#fffafd}
body .shop-order-form .payment-point-use{border:0 !important;border-radius:12px;background:var(--o-bg2) !important}
/* 결제 버튼 */
body .shop-order-form .btn_confirm .btn_submit,body .shop-order-form #display_pay_button .btn_submit{height:56px !important;line-height:56px !important;border-radius:14px !important;background:var(--o-pink) !important;border:0 !important;font-size:17px !important;font-weight:800;margin-top:14px}
body .shop-order-form .btn_confirm a.btn_cancel,body .shop-order-form #display_pay_button a.btn01{border:0 !important;background:none !important;color:var(--o-sub) !important;text-decoration:underline;height:40px !important;line-height:40px !important;font-weight:500 !important;font-size:13.5px !important}
/* PC: 왼쪽 입력 | 오른쪽 결제 */
@media (min-width:992px){
  body .shop-order-form .order-member-payment{border:0 !important}
  body .shop-order-form .order-member-area .sod-frm-title{height:auto;margin:0 0 12px !important;padding:0 !important;border:0 !important;background:none !important}
  body .shop-order-form .order-member-area .sod-frm-title h4:after{display:none}
  body .shop-order-form .order-member-area{margin-right:396px !important}
  body .shop-order-form .order-payment-area{width:372px !important;border:1px solid var(--o-line) !important;border-radius:16px;background:var(--o-bg2) !important;padding:18px !important}
  body .shop-order-form .table-list-eb{border-radius:16px;overflow:hidden;border:1px solid var(--o-line)}
}
/* 다크 */
html:has(link[href*="dark_mode.css"]) body .shop-order-form{--o-ink:#e8e9ee;--o-sub:#a3a7b5;--o-line:#2e3240;--o-bg2:#23262f}
html:has(link[href*="dark_mode.css"]) body .shop-order-form .sod-li-wrap .sod-li,
html:has(link[href*="dark_mode.css"]) body .shop-order-form .order-payment-total,
html:has(link[href*="dark_mode.css"]) body .shop-order-form .order-member-area .sod-frm-orderer,
html:has(link[href*="dark_mode.css"]) body .shop-order-form .order-member-area .sod-frm-taker,
html:has(link[href*="dark_mode.css"]) body .shop-order-form .order-payment-info{background:#1b1d24 !important}
html:has(link[href*="dark_mode.css"]) body .shop-order-form .eyoom-form .input input,html:has(link[href*="dark_mode.css"]) body .shop-order-form textarea,html:has(link[href*="dark_mode.css"]) body .shop-order-form .eyoom-form .select select{background:#23262f !important;border-color:#3a3f4f !important;color:#e8e9ee !important}
html:has(link[href*="dark_mode.css"]) body .shop-order-form #od_tot_price{background:#35212d !important}
html:has(link[href*="dark_mode.css"]) body .shop-order-form .payment-select-wrap .payment-select-box{background-color:#23262f !important;border-color:#3a3f4f !important;color:#d5d7df}
html:has(link[href*="dark_mode.css"]) body .shop-order-form .payment-select-wrap input[type="radio"]:checked+.payment-select-box{background-color:#35212d !important;border-color:var(--o-pink) !important}
html:has(link[href*="dark_mode.css"]) body .shop-order-form .payment-calc-box:after{background:#1b1d24 !important;border-color:#3a3f4f !important}
html:has(link[href*="dark_mode.css"]) body .shop-order-form .btn-e.btn-e-lg{background:#e8e9ee !important;color:#111 !important}
html:has(link[href*="dark_mode.css"]) body .shop-steps .step-indicator .active .caption{color:#e8e9ee !important}
body .shop-order-form .payment-select-wrap #m_sod_frm_paysel{display:grid !important;grid-template-columns:1fr 1fr;gap:8px}
body .shop-order-form .payment-select-wrap #m_sod_frm_paysel:after{display:none}
body .shop-order-form .payment-select-wrap .payment-select-box{min-width:0;padding-left:52px !important;display:flex !important;align-items:center}

/* ===== 다크 모드 시인성 보정(11-09 실측: 글자/배경 대비 4.5 미만 항목) ===== */
/* 목록 배지: 노랑(추천) 흰 글자 2.2 → 진한 글자, 회색(품절) 흰 글자 2.4 → 진한 회색 바탕 (밝은 모드도 같이) */
body .product-list-10 .rgba-banner.shop-rgba-yellow{color:#1b1b1f}
body .product-list-10 .rgba-banner.shop-rgba-default{background:#6b6876}
/* 분홍 버튼 위 흰 글자 3.4 → 다크에서만 한 단계 진한 분홍(4.7) */
html:has(link[href*="dark_mode.css"]) .v2-cart .v2c-buy-btn,
html:has(link[href*="dark_mode.css"]) body .shop-product #sit_btn_buy,
html:has(link[href*="dark_mode.css"]) #sit-sticky-buy .ssb-buy,
html:has(link[href*="dark_mode.css"]) body .shop-order-form .btn_confirm .btn_submit,
html:has(link[href*="dark_mode.css"]) body .shop-order-form #display_pay_button .btn_submit,
html:has(link[href*="dark_mode.css"]) .v2-mhead .v2-mh-btn i{background:#c2467f !important;border-color:#c2467f !important;color:#fff !important}
html:has(link[href*="dark_mode.css"]) .shop-v2 .v2-cat-ic.is-sale{color:#ec7cb6}
/* 회색 안내글(#555 → 대비 2.5) */
html:has(link[href*="dark_mode.css"]) .basic-body .text-gray,html:has(link[href*="dark_mode.css"]) .basic-body .text-gray *{color:#a3a7b5 !important}
/* 목록 카드: dark_mode.css 의 상자 바탕·테두리 걷고 밝은 모드와 같은 사진 카드로 */
html:has(link[href*="dark_mode.css"]) body .product-list-10 .item-list{background:transparent !important;border:0 !important}
html:has(link[href*="dark_mode.css"]) body .product-list-10 .product-img,html:has(link[href*="dark_mode.css"]) body .product-list-10 .product-img-in:before{background:#1b1d24 !important}
html:has(link[href*="dark_mode.css"]) body .product-list-10 .product-description .product-name a{color:#d5d7df !important}
html:has(link[href*="dark_mode.css"]) body .product-list-10 .product-description .title-price{color:#e8e9ee !important}
html:has(link[href*="dark_mode.css"]) body .product-list-10 .product-description .v2l-pct{color:#ec7cb6}
html:has(link[href*="dark_mode.css"]) body .product-list-10 .product-description .line-through{color:#9499a8 !important}
html:has(link[href*="dark_mode.css"]) body .product-list-10 .product-description .product-sns ul li a{background:transparent !important;color:#9499a8 !important}
html:has(link[href*="dark_mode.css"]) body .product-list-10 .product-description .product-sns ul li:hover .wish-icon{background:transparent !important;color:#ec7cb6 !important}
/* 검색 정렬 칩 */
html:has(link[href*="dark_mode.css"]) .shop-search.v2s #tab-category .category-list span a{border-color:#3a3f4f;color:#b4b8c5 !important}
html:has(link[href*="dark_mode.css"]) .shop-search.v2s #tab-category .category-list span.active a{background:#e8e9ee;border-color:#e8e9ee;color:#111 !important}
html:has(link[href*="dark_mode.css"]) .shop-search.v2s .input-button .button{background:#e8e9ee !important;color:#111 !important}
html:has(link[href*="dark_mode.css"]) .shop-search.v2s .search-box-header h4{color:#e8e9ee}
/* 상품 화면: 옵션 상자 글자·수량 칸 */
html:has(link[href*="dark_mode.css"]) body .shop-product #sit_opt_added li .opt_name,html:has(link[href*="dark_mode.css"]) body .shop-product #sit_opt_added li span{color:#d5d7df !important}
html:has(link[href*="dark_mode.css"]) body .shop-product #sit_opt_added .num_input,html:has(link[href*="dark_mode.css"]) body .shop-product #sit_opt_added button{background:#23262f !important;border-color:#3a3f4f !important;color:#e8e9ee !important}
html:has(link[href*="dark_mode.css"]) body .shop-product .shop-description-box .table th{color:#a3a7b5}
html:has(link[href*="dark_mode.css"]) body .shop-product #sit_btn_wish{border-color:#3a3f4f !important;color:#c9ccd6 !important}
html:has(link[href*="dark_mode.css"]) body .shop-item .pg-anchor-in .nav-tabs li a{color:#a3a7b5 !important}
/* 첫 화면·목록 보조 글자 */
html:has(link[href*="dark_mode.css"]) .shop-v2 .v2-more,html:has(link[href*="dark_mode.css"]) .shop-v2 .v2-tag{color:#a3a7b5}
html:has(link[href*="dark_mode.css"]) .shop-v2 .v2-cust{color:#9499a8}
html:has(link[href*="dark_mode.css"]) .shop-list .sct-ct li a span{color:#a3a7b5}
html:has(link[href*="dark_mode.css"]) .v2-cart .v2c-meta{color:#a3a7b5}
html:has(link[href*="dark_mode.css"]) .v2-cart .v2c-chk input:checked+i{background:#c2467f !important;border-color:#c2467f !important}
/* 주문서 다크: #757575 회색 글자(대비 3.6~4.1)·단계 글자(2.5)·입력칸 단위(2.2) */
html:has(link[href*="dark_mode.css"]) body .shop-order-form .payment-info-box,
html:has(link[href*="dark_mode.css"]) body .shop-order-form .payment-point-box,
html:has(link[href*="dark_mode.css"]) body .shop-order-form .payment-total-box,
html:has(link[href*="dark_mode.css"]) body .shop-order-form .payment-calc-box,
html:has(link[href*="dark_mode.css"]) body .shop-order-form .payment-point-use,
html:has(link[href*="dark_mode.css"]) body .shop-order-form .payment-point-use *,
html:has(link[href*="dark_mode.css"]) body .shop-order-form .sod_opt li,
html:has(link[href*="dark_mode.css"]) body .shop-order-form .sod-opt li,
html:has(link[href*="dark_mode.css"]) body .shop-order-form .payment-info-box span{color:#a3a7b5 !important}
html:has(link[href*="dark_mode.css"]) body .shop-order-form .payment-info-box strong,
html:has(link[href*="dark_mode.css"]) body .shop-order-form .payment-point-box strong,
html:has(link[href*="dark_mode.css"]) body .shop-order-form .payment-calc-box strong,
html:has(link[href*="dark_mode.css"]) body .shop-order-form .payment-point-use strong{color:#e8e9ee !important}
html:has(link[href*="dark_mode.css"]) body .shop-order-form #od_tot_price .print_price{color:#ec7cb6 !important}
html:has(link[href*="dark_mode.css"]) body .shop-order-form .eyoom-form .icon-append,html:has(link[href*="dark_mode.css"]) body .shop-order-form .eyoom-form .icon-prepend{color:#a3a7b5 !important;background:transparent !important;border-color:#3a3f4f !important}
html:has(link[href*="dark_mode.css"]) body .shop-steps .step-indicator .caption{color:#9499a8 !important}
html:has(link[href*="dark_mode.css"]) body .shop-steps .step-indicator .active .caption{color:#e8e9ee !important}
/* 결제수단 격자 안의 포인트·무통장 칸은 한 줄 전체 */
body .shop-order-form .payment-select-wrap #sod_frm_paysel>:not(input):not(label),
body .shop-order-form .payment-select-wrap #m_sod_frm_paysel>:not(input):not(label),
body .shop-order-form .payment-select-wrap fieldset>:not(input):not(label):not(legend){grid-column:1/-1}
html:has(link[href*="dark_mode.css"]) body .shop-order-form .eyoom-form .textarea textarea{background:#23262f !important;border-color:#3a3f4f !important;color:#e8e9ee !important}

/* 11-09 목록 카드 빈칸 수정: float 줄세우기는 카드 높이(설명·정가 줄 유무)가 다르면 다음 카드가 걸려 중간에 빈칸이 생김 → 격자로.
   열 수는 원래 스킨과 같게: 1200↑ 4열, 992~1199 3열, 그 아래 2열 / 목록보기(product-type-list) 2열·991↓ 1열 */
body .product-list-10{display:grid !important;grid-template-columns:repeat(4,minmax(0,1fr));align-items:start}
body .product-list-10:after{display:none !important}
body .product-list-10>.item-list-wrap{width:auto !important;float:none !important;min-width:0}
@media (max-width:1199px){ body .product-list-10{grid-template-columns:repeat(3,minmax(0,1fr))} }
@media (max-width:991px){ body .product-list-10{grid-template-columns:repeat(2,minmax(0,1fr))} }
body .product-type-list .product-list-10{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (max-width:991px){ body .product-type-list .product-list-10{grid-template-columns:1fr} }
body .product-list-10>p{grid-column:1/-1}

/* ===== PC 머리(11-09): 회원·위시리스트·장바구니 아이콘 → 선 아이콘, 검색창 둥글게, CATEGORY 드롭다운 카드형 (마크업 무변경) ===== */
@media (min-width:992px){
  .header-title .header-title-btn-wrap{display:flex !important;gap:2px;top:22px;align-items:flex-start}
  .header-title .header-title-btn-wrap:after{display:none}
  .header-title .header-title-btn{float:none;width:64px}
  .header-title .header-title-btn>a{width:64px;display:flex !important;flex-direction:column;align-items:center;gap:5px;padding:8px 0 6px;border-radius:14px;transition:background .15s}
  .header-title .header-title-btn>a:hover{background:#f6f5f8}
  .header-title .header-title-btn>a>img{display:none !important}
  .header-title .header-title-btn>a:before{content:'';display:block;width:26px;height:26px;background:#1b1b1f;-webkit-mask:var(--v2ic) center/contain no-repeat;mask:var(--v2ic) center/contain no-repeat}
  .header-title .header-title-btn>a.dropdown-toggle{--v2ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21c1-4 4.5-6 8-6s7 2 8 6'/%3E%3C/svg%3E")}
  .header-title .header-title-btn>a[href*="wishlist.php"]{--v2ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20s-7-4.4-7-10a4 4 0 0 1 7-2.6A4 4 0 0 1 19 10c0 5.6-7 10-7 10z'/%3E%3C/svg%3E")}
  .header-title .header-title-btn>a[href*="cart.php"]{--v2ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linejoin='round'%3E%3Cpath d='M6 7h12l-1 13H7L6 7z'/%3E%3Cpath d='M9 7a3 3 0 0 1 6 0'/%3E%3C/svg%3E")}
  .header-title .header-title-btn h6{position:static !important;top:0 !important;margin:0 !important;font-size:12px !important;font-weight:600 !important;line-height:1.3 !important;color:#3a3842 !important;max-width:60px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .header-title .header-title-btn h6:before{display:none !important}
  .header-title .header-title-btn .badge{top:3px !important;right:12px !important;min-width:18px;height:18px;padding:0 5px !important;border-radius:9px !important;background:#dc609f !important;color:#fff !important;font-size:10.5px !important;font-weight:800;line-height:15px !important;border:1.5px solid #fff}
  /* 검색창: 둥근 회색 칸 */
  .header-title .header-title-search .input input{height:46px !important;border:0 !important;border-radius:23px !important;background:#f3f2f5 !important;padding:0 56px 0 22px !important;font-size:15px}
  .header-title .header-title-search .input input:focus{background:#fff !important;box-shadow:0 0 0 2px #dc609f inset}
  .header-title .header-title-search .input-button .button{top:4px !important;right:4px !important;height:38px !important;width:38px;padding:0 !important;border:0 !important;border-radius:50% !important;background:#1b1b1f !important;color:#fff !important;display:flex;align-items:center;justify-content:center}
  .header-title .header-title-search .input-button .button i{color:#fff !important}

  /* CATEGORY 버튼 */
  .header-nav .navbar-nav>li.nav-category>a{background:rgba(0,0,0,.14) !important;font-weight:700;letter-spacing:.3px}
  .header-nav .navbar-nav>li.nav-category:hover>a{background:rgba(0,0,0,.22) !important}
  /* 드롭다운 판: 둥근 카드+그림자, 칸 높이 고정(450) 해제 */
  .header-nav .navbar-nav>li.nav-category .dropdown-menu{border:0 !important;border-radius:16px !important;background:#fff !important;box-shadow:0 18px 44px rgba(24,10,30,.16),0 2px 6px rgba(24,10,30,.06) !important;padding:8px !important;min-height:0 !important;width:248px !important}
  .header-nav .navbar-nav>li.nav-category>.dropdown-menu{margin-top:6px !important}
  .header-nav .navbar-nav>li.nav-category>.dropdown-menu:before{content:'';position:absolute;left:0;right:0;top:-8px;height:8px}
  .header-nav .navbar-nav>li.nav-category>.dropdown-menu>.item-vertical>.dropdown-menu,
  .header-nav .navbar-nav>li.nav-category>.dropdown-menu>.item-vertical>ul>.dropdown-submenu>.dropdown-menu{left:calc(100% - 2px) !important;top:-8px !important;width:272px !important}
  .header-nav .navbar-nav>li.nav-category .dropdown-menu li a{height:42px !important;line-height:42px !important;padding:0 34px 0 14px !important;border-radius:10px;font-size:14.5px;font-weight:600;color:#2b2a31 !important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:background .12s,color .12s}
  .header-nav .navbar-nav>li.nav-category .dropdown-menu .dropdown-menu li a{height:38px !important;line-height:38px !important;font-size:14px;font-weight:500}
  .header-nav .navbar-nav>li.nav-category .dropdown-menu li a i{color:#a19fab !important;margin-right:8px}
  .header-nav .navbar-nav>li.nav-category .dropdown-menu li a:hover,
  .header-nav .navbar-nav>li.nav-category>.dropdown-menu>.item-vertical:hover>a,
  .header-nav .navbar-nav>li.nav-category .dropdown-submenu:hover>a{background:#fdf2f8 !important;color:#c2467f !important}
  .header-nav .navbar-nav>li.nav-category .dropdown-menu li a:hover i,.header-nav .navbar-nav>li.nav-category .dropdown-submenu:hover>a>i{color:#c2467f !important}
  .header-nav .navbar-nav>li.nav-category .dropdown-menu li.dropdown>a:after{top:0 !important;right:14px !important;line-height:42px;color:#c9c7cf !important;font-size:12px}
  .header-nav .navbar-nav>li.nav-category .dropdown-menu .sub-caret{top:0 !important;line-height:38px;right:14px !important;color:#c9c7cf}
  .header-nav .navbar-nav>li.nav-category .dropdown-menu .text-crimson{color:#dc609f !important}
  .header-nav .navbar-nav>li.nav-category .dropdown:hover>.dropdown-menu,.header-nav .navbar-nav>li.nav-category .dropdown-submenu:hover>.dropdown-menu{transform:translateY(0)}
  .header-nav .navbar-nav>li.nav-category .dropdown-menu{transform:translateY(4px);transition:opacity .16s ease,transform .16s ease,visibility .16s}
}
/* 다크 */
@media (min-width:992px){
  html:has(link[href*="dark_mode.css"]) .header-title .header-title-btn>a:before{background:#e8e9ee}
  html:has(link[href*="dark_mode.css"]) .header-title .header-title-btn>a:hover{background:#1b1d24}
  html:has(link[href*="dark_mode.css"]) .header-title .header-title-btn h6{color:#c9ccd6 !important}
  html:has(link[href*="dark_mode.css"]) .header-title .header-title-btn .badge{background:#c2467f !important;border-color:#121318}
  html:has(link[href*="dark_mode.css"]) .header-title .header-title-search .input input{background:#1b1d24 !important;color:#e8e9ee !important}
  html:has(link[href*="dark_mode.css"]) .header-title .header-title-search .input-button .button{background:#e8e9ee !important}
  html:has(link[href*="dark_mode.css"]) .header-title .header-title-search .input-button .button i{color:#111 !important}
  html:has(link[href*="dark_mode.css"]) .header-nav .navbar-nav>li.nav-category .dropdown-menu{background:#1b1d24 !important;box-shadow:0 18px 44px rgba(0,0,0,.5),0 0 0 1px #2e3240 !important}
  html:has(link[href*="dark_mode.css"]) .header-nav .navbar-nav>li.nav-category .dropdown-menu li a{color:#d5d7df !important}
  html:has(link[href*="dark_mode.css"]) .header-nav .navbar-nav>li.nav-category .dropdown-menu li a:hover,
  html:has(link[href*="dark_mode.css"]) .header-nav .navbar-nav>li.nav-category>.dropdown-menu>.item-vertical:hover>a,
  html:has(link[href*="dark_mode.css"]) .header-nav .navbar-nav>li.nav-category .dropdown-submenu:hover>a{background:#35212d !important;color:#ec7cb6 !important}
}
/* 유형 목록(히트·추천…)·검색은 관리자 설정이 한 줄 5개(25개/쪽) → 넓은 PC 5열(분류 목록은 4×5 라 4열 유지) */
@media (min-width:1200px){ body .shop-listtype .product-list-10,body .shop-search .product-list-10{grid-template-columns:repeat(5,minmax(0,1fr))} }

/* 11-09: 다크 모드에서도 첫 화면 분류(바로가기) 아이콘은 밝은 모드 그대로(반전·어두운 칸 없음) */
html:has(link[href*="dark_mode.css"]) .shop-v2 .v2-cat-ic{background:#f5f4f7}
html:has(link[href*="dark_mode.css"]) .shop-v2 .v2-cat-ic img{filter:none}
html:has(link[href*="dark_mode.css"]) .shop-v2 .v2-cat-ic.is-sale{background:#fdebf4;color:#dc609f}

/* 11-09: PC 오른쪽 '나의 쇼핑 리스트' 버튼 — 위(장바구니)·아래(펼침) 두 칸처럼 보이던 한 버튼을 둥근 버튼 하나로 */
@media (min-width:992px){
  .sidebar-shop-member-btn.pc-btn{width:50px !important;height:50px !important;left:-64px !important;border-radius:50% !important;background:#fff !important;border:1px solid #ececf0 !important;box-shadow:0 8px 24px rgba(24,10,30,.14),0 1px 3px rgba(24,10,30,.08);font-size:0 !important;padding:0;display:flex !important;align-items:center;justify-content:center;transition:transform .15s,box-shadow .15s}
  .sidebar-shop-member-btn.pc-btn:hover{transform:translateY(-50%) scale(1.06) !important;box-shadow:0 10px 28px rgba(24,10,30,.18)}
  .sidebar-shop-member-btn.pc-btn>i,.sidebar-shop-member-btn.pc-btn .direction-icon{display:none !important}
  .sidebar-shop-member-btn.pc-btn:before{content:'';display:block;width:24px;height:24px;background:#1b1b1f;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linejoin='round'%3E%3Cpath d='M6 7h12l-1 13H7L6 7z'/%3E%3Cpath d='M9 7a3 3 0 0 1 6 0'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linejoin='round'%3E%3Cpath d='M6 7h12l-1 13H7L6 7z'/%3E%3Cpath d='M9 7a3 3 0 0 1 6 0'/%3E%3C/svg%3E") center/contain no-repeat}
  .sidebar-shop-member-btn.pc-btn.active:before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M6 6l12 12M18 6L6 18'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M6 6l12 12M18 6L6 18'/%3E%3C/svg%3E")}
  .sidebar-shop-member-btn.pc-btn:after{content:'MY';position:absolute;bottom:-20px;left:0;right:0;text-align:center;font-size:10.5px;font-weight:800;letter-spacing:.5px;color:#8a8794}
  html:has(link[href*="dark_mode.css"]) .sidebar-shop-member-btn.pc-btn{background:#1b1d24 !important;border-color:#2e3240 !important;box-shadow:0 8px 24px rgba(0,0,0,.45)}
  html:has(link[href*="dark_mode.css"]) .sidebar-shop-member-btn.pc-btn:before{background:#e8e9ee}
}
@media (min-width:992px){ .sidebar-shop-member-btn.pc-btn:focus:not(:focus-visible){outline:0 !important;box-shadow:0 8px 24px rgba(24,10,30,.14),0 1px 3px rgba(24,10,30,.08) !important} }

/* 11-09 정렬 알약(최근등록순·판매많은순…): 플러그인이 높이 40px 고정 → 글자가 위로 붙고 아래 빈 공간 70px.
   높이·세로 가운데를 바로잡고, 옆으로 넘김은 sly 대신 기본 가로 스크롤 */
.shop-list #tab-category,.shop-search.v2s #tab-category{height:auto !important;line-height:normal !important;overflow-x:auto !important;overflow-y:hidden !important;scrollbar-width:none;padding:2px 0 !important}
.shop-list #tab-category::-webkit-scrollbar,.shop-search.v2s #tab-category::-webkit-scrollbar{display:none}
.shop-list #tab-category .category-list,.shop-search.v2s #tab-category .category-list{display:flex !important;gap:6px;width:max-content !important;height:auto !important;transform:none !important;margin:0}
.shop-list #tab-category .category-list span,.shop-search.v2s #tab-category .category-list span{display:block !important;padding:0 !important;height:auto !important;line-height:normal !important}
.shop-list #tab-category .category-list span.fake-span,.shop-search.v2s #tab-category .category-list span.fake-span{display:none !important}
.shop-list #tab-category .category-list span a,.shop-search.v2s #tab-category .category-list span a,
.shop-list #tab-category .category-list span.active a,.shop-search.v2s #tab-category .category-list span.active a{display:flex !important;align-items:center;justify-content:center;height:36px !important;padding:0 15px !important;line-height:1 !important;font-size:13.5px !important;white-space:nowrap;border-radius:18px;border-width:1px !important;border-style:solid !important;transition:background .12s,border-color .12s}
.shop-list #tab-category .category-list span:not(.active) a:hover,.shop-search.v2s #tab-category .category-list span:not(.active) a:hover{border-color:#c9c7cf;color:#1b1b1f !important}
.shop-list .shop-list-sort-wrap .tab-scroll-category,.shop-search.v2s .tab-scroll-category{margin-bottom:14px !important}

/* ===== 11-09 휴대폰: 머리 다크/라이트 버튼 + 왼쪽 메뉴(offcanvasLeft) 리디자인 ===== */
.v2-mh-mode .ic-sun{display:none}
html:has(link[href*="dark_mode.css"]) .v2-mh-mode .ic-moon{display:none}
html:has(link[href*="dark_mode.css"]) .v2-mh-mode .ic-sun{display:block}
@media (max-width:991px){
  /* 메뉴 안 다크모드 줄은 머리 버튼으로 옮겨서 숨김(전환 스크립트는 그대로 붙어 있음) */
  .sidebar-left .navbar-nav>li.darkmode-menu{display:none !important}
  /* 메뉴가 고정 머리(1020) 아래로 깔려 맨 위 줄이 가려지던 것 */
  .sidebar-left{z-index:1045 !important;width:min(86vw,340px) !important;border-radius:0 20px 20px 0;overflow:hidden;box-shadow:8px 0 30px rgba(0,0,0,.18)}
  .offcanvas-backdrop{z-index:1040 !important}
  .sidebar-left .offcanvas-header{padding:16px 16px 10px 20px !important;border:0}
  .sidebar-left .offcanvas-title{font-size:18px !important;font-weight:900;letter-spacing:.3px}
  .sidebar-left .offcanvas-title i{display:none}
  .sidebar-left .offcanvas-title strong{color:#dc609f}
  /* 회원 버튼: 진회색 막대 → 연회색 타일 2칸 */
  .sidebar-left .sidebar-member-menu{background:#fff !important;border:0 !important;padding:2px 16px 14px !important}
  .sidebar-left .sidebar-member-menu>a.btn-e{display:flex !important;align-items:center;justify-content:center;height:42px;border-radius:12px !important;background:#fff !important;border:1px solid #e3e2e8 !important;color:#3a3842 !important;font-weight:700;margin:0 0 8px !important}
  .sidebar-left .sidebar-member-menu>div{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 8px !important}
  .sidebar-left .sidebar-member-menu>div>.clearfix{display:none}
  .sidebar-left .sidebar-member-menu .sidebar-member-btn-box{float:none !important;width:auto !important}
  .sidebar-left .sidebar-member-menu .sidebar-member-btn{float:none !important;width:auto !important;height:44px !important;line-height:44px !important;border-radius:12px !important;background:#f6f5f8 !important;color:#1b1b1f !important;font-size:13.5px !important;font-weight:700}
  /* CATEGORY 검정 띠 → 작은 구역 제목 */
  .sidebar-left .navbar-nav{border-bottom:0 !important}
  .sidebar-left .navbar-nav>li.nav-category>a{background:none !important;color:#8a8794 !important;border:0 !important;font-size:12.5px !important;font-weight:800;letter-spacing:.6px;line-height:1 !important;padding:16px 20px 10px !important}
  .sidebar-left .navbar-nav>li.nav-category>.dropdown-menu{margin-bottom:10px !important}
  /* 1단 분류 줄 */
  .sidebar-left .navbar-nav>li.nav-category>.dropdown-menu>li{border:0 !important}
  .sidebar-left .navbar-nav>li.nav-category>.dropdown-menu>li>a,
  .sidebar-left .navbar-nav>li>a{line-height:50px !important;padding:0 52px 0 20px !important;font-size:15px !important;font-weight:600;color:#1b1b1f !important;background:none !important;border:0 !important;border-top:1px solid #f2f1f4 !important}
  .sidebar-left .navbar-nav>li.nav-category>.dropdown-menu>li>a>i{color:#a19fab !important}
  .sidebar-left .navbar-nav>li.nav-category>.dropdown-menu>li>.cate-dropdown-open,
  .sidebar-left .navbar-nav>li>.cate-dropdown-open{top:0 !important;width:52px !important;height:51px !important;line-height:51px !important;border:0 !important;background:none !important}
  .sidebar-left .navbar-nav>li.nav-category>.dropdown-menu>li>.cate-dropdown-open:before,
  .sidebar-left .navbar-nav>li>.cate-dropdown-open:before{content:"\f078" !important;font-size:12px;color:#a19fab !important;display:inline-block;transition:transform .2s}
  .sidebar-left .navbar-nav>li.nav-category>.dropdown-menu>li>.cate-dropdown-open.show:before,
  .sidebar-left .navbar-nav>li>.cate-dropdown-open.show:before,
  .sidebar-left .navbar-nav>li.nav-category>.dropdown-menu>li.active>.cate-dropdown-open:before{content:"\f078" !important;transform:rotate(180deg);color:#dc609f !important}
  /* 지금 보고 있는 분류: 분홍 꽉 채움 → 연분홍 바탕·분홍 글자 */
  .sidebar-left .navbar-nav>li.nav-category>.dropdown-menu>li.active>a{background:#fdf2f8 !important;color:#c2467f !important}
  .sidebar-left .navbar-nav>li.nav-category>.dropdown-menu>li.active>a>i{color:#c2467f !important}
  /* 하위 분류: 점·세로선 없앤 들여쓴 목록 */
  .sidebar-left .navbar-nav .dropdown-menu:after,.sidebar-left .navbar-nav>li.nav-category>.dropdown-menu>li .dropdown-menu:after,.sidebar-left .navbar-nav div.dropdown-menu:after{display:none !important}
  .sidebar-left .navbar-nav>li.nav-category>.dropdown-menu>li .dropdown-menu,.sidebar-left .navbar-nav>li>.dropdown-menu{background:#faf9fb !important;padding:4px 0 !important}
  .sidebar-left .navbar-nav>li.nav-category>.dropdown-menu>li .dropdown-menu .dropdown-submenu a,
  .sidebar-left .navbar-nav .dropdown-submenu>a,
  .sidebar-left .navbar-nav>li>.dropdown-menu .dropdown-item{background:none !important;border:0 !important;padding:10px 20px 10px 34px !important;line-height:1.4 !important;font-size:14px !important;font-weight:500;color:#55535e !important}
  .sidebar-left .navbar-nav>li.nav-category>.dropdown-menu>li>.dropdown-menu>.dropdown-submenu>a:after,.sidebar-left .navbar-nav .dropdown-submenu>a:after{display:none !important}
  .sidebar-left .navbar-nav>li.nav-category>.dropdown-menu>li>.dropdown-menu .dropdown-submenu.active>a{color:#c2467f !important;font-weight:700}
  .sidebar-left .navbar-nav>li>.dropdown-menu ul{padding:0;margin:0}
  .sidebar-left .navbar-nav>.nav-li-space{border-top:0 !important;height:10px !important}
  /* 다크 */
  html:has(link[href*="dark_mode.css"]) .sidebar-left{background:#1b1d24 !important}
  html:has(link[href*="dark_mode.css"]) .sidebar-left .sidebar-member-menu{background:#1b1d24 !important}
  html:has(link[href*="dark_mode.css"]) .sidebar-left .sidebar-member-menu>a.btn-e{background:transparent !important;border-color:#3a3f4f !important;color:#d5d7df !important}
  html:has(link[href*="dark_mode.css"]) .sidebar-left .sidebar-member-menu .sidebar-member-btn{background:#1b1d24 !important;color:#e8e9ee !important}
  html:has(link[href*="dark_mode.css"]) .sidebar-left .navbar-nav>li.nav-category>.dropdown-menu>li>a,
  html:has(link[href*="dark_mode.css"]) .sidebar-left .navbar-nav>li>a{color:#e8e9ee !important;border-top-color:#2e3240 !important}
  html:has(link[href*="dark_mode.css"]) .sidebar-left .navbar-nav>li.nav-category>.dropdown-menu>li .dropdown-menu,html:has(link[href*="dark_mode.css"]) .sidebar-left .navbar-nav>li>.dropdown-menu{background:#1b1d24 !important}
  html:has(link[href*="dark_mode.css"]) .sidebar-left .navbar-nav>li.nav-category>.dropdown-menu>li .dropdown-menu .dropdown-submenu a,html:has(link[href*="dark_mode.css"]) .sidebar-left .navbar-nav .dropdown-submenu>a{color:#b4b8c5 !important}
  html:has(link[href*="dark_mode.css"]) .sidebar-left .navbar-nav>li.nav-category>.dropdown-menu>li.active>a{background:#35212d !important;color:#ec7cb6 !important}
}
@media (max-width:991px){ body:has(#offcanvasLeft.show) .header-wrap,body:has(#offcanvasLeft.showing) .header-wrap,body:has(#offcanvasLeft.hiding) .header-wrap{z-index:1030 !important} }

/* ===== 11-09 다크 색 다시 잡기: 순수 검정 → 남색이 살짝 도는 회색 단계 =====
   바탕 #121318 · 카드/칩 #1b1d24 · 띄운 면 #23262f · 경계 #2e3240 · 본문 #e8e9ee · 보조 #a3a7b5 · 분홍 강조 #ec7cb6(흰 글자 버튼은 #c2467f 유지) */
html:has(link[href*="dark_mode.css"]) body,html:has(link[href*="dark_mode.css"]) .wrapper,html:has(link[href*="dark_mode.css"]) .basic-body{background-color:#121318 !important}
html:has(link[href*="dark_mode.css"]) body{color:#c9ccd6 !important}
html:has(link[href*="dark_mode.css"]) .v2-mhead{border-bottom-color:#2e3240}
html:has(link[href*="dark_mode.css"]) .page-title-wrap{border-color:#2e3240 !important}
html:has(link[href*="dark_mode.css"]) .page-title-wrap h2{color:#e8e9ee !important}
/* PC 머리 */
html:has(link[href*="dark_mode.css"]) .top-header{background-color:#1b1d24 !important;border-bottom-color:#2e3240 !important}
html:has(link[href*="dark_mode.css"]) .top-header-nav li>a{color:#a3a7b5 !important}
html:has(link[href*="dark_mode.css"]) .header-title{background:#121318 !important}
html:has(link[href*="dark_mode.css"]) .header-nav{background-color:#1b1d24 !important;border-top:1px solid #2e3240;border-bottom:1px solid #2e3240}
html:has(link[href*="dark_mode.css"]) .navbar-nav>li>.nav-link{color:#c9ccd6 !important}
html:has(link[href*="dark_mode.css"]) .navbar-nav>li>.nav-link:hover{color:#fff !important}
@media (min-width:992px){
  html:has(link[href*="dark_mode.css"]) .header-nav .navbar-nav>li.nav-category>a{background:#23262f !important;color:#e8e9ee !important}
  html:has(link[href*="dark_mode.css"]) .header-nav .navbar-nav>li.nav-category:hover>a{background:#2b2f3a !important}
  html:has(link[href*="dark_mode.css"]) .header-nav .navbar-nav>li.nav-category .dropdown-menu{background:#1b1d24 !important;box-shadow:0 18px 44px rgba(0,0,0,.45),0 0 0 1px #2e3240 !important}
  html:has(link[href*="dark_mode.css"]) .sidebar-shop-member-btn.pc-btn{background:#23262f !important;border-color:#2e3240 !important}
}
/* 휴대폰 메뉴: 하위 목록은 한 단계 띄운 면 */
@media (max-width:991px){
  html:has(link[href*="dark_mode.css"]) .sidebar-left .navbar-nav>li.nav-category>.dropdown-menu>li .dropdown-menu,html:has(link[href*="dark_mode.css"]) .sidebar-left .navbar-nav>li>.dropdown-menu{background:#23262f !important}
  html:has(link[href*="dark_mode.css"]) .sidebar-left .sidebar-member-menu .sidebar-member-btn{background:#23262f !important}
}
/* 상품 사진 칸: 흰 사진이 튀지 않게 어두운 칸 + 살짝 낮춘 밝기 */
html:has(link[href*="dark_mode.css"]) .shop-v2 .v2-img,html:has(link[href*="dark_mode.css"]) body .product-list-10 .product-img,html:has(link[href*="dark_mode.css"]) .v2-cart .v2c-img,html:has(link[href*="dark_mode.css"]) body .shop-wishlist .wishlist-box .wishlist-img{background:#1b1d24 !important;border-radius:12px}
html:has(link[href*="dark_mode.css"]) .shop-v2 .v2-img img,html:has(link[href*="dark_mode.css"]) body .product-list-10 .product-img-in img,html:has(link[href*="dark_mode.css"]) .v2-cart .v2c-img img,html:has(link[href*="dark_mode.css"]) .shop-item .product-img-big img,html:has(link[href*="dark_mode.css"]) body .shop-wishlist .wishlist-img img{filter:brightness(.9)}
html:has(link[href*="dark_mode.css"]) .shop-v2 .v2-img:after{box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}
/* 바닥글 */
html:has(link[href*="dark_mode.css"]) .footer-cont-info{background-color:#1b1d24 !important;border-top-color:#2e3240 !important}
html:has(link[href*="dark_mode.css"]) .footer-copyright{background-color:#121318 !important;border-top-color:#2e3240 !important}
/* 대비 보정: 초록 '인기' 배지 4.3 → 진한 초록, 하단 고정 바 장바구니 분홍 글자 3.9 → 진한 분홍(밝은·다크 공통) */
body .product-list-10 .rgba-banner.shop-rgba-green{background:#00796b}
#sit-sticky-buy .ssb-cart{color:#c2467f !important;border-color:#c2467f !important}
html:has(link[href*="dark_mode.css"]) #sit-sticky-buy .ssb-cart{color:#ec7cb6 !important;border-color:#ec7cb6 !important;background:transparent !important}
html:has(link[href*="dark_mode.css"]) #sit-sticky-buy{background:#1b1d24 !important;border-top-color:#2e3240 !important}
html:has(link[href*="dark_mode.css"]) .navbar-nav>li.darkmode-menu{background-color:#23262f !important}
/* 11-09 다크: 바로가기(분류) 아이콘 칸 톤다운 — 아이콘은 그대로, 칸만 밝기 낮춤 */
html:has(link[href*="dark_mode.css"]) .shop-v2 .v2-cat-ic{background:#c4c7d1}
html:has(link[href*="dark_mode.css"]) .shop-v2 .v2-cat-ic.is-sale{background:#d9b3c6;color:#a3306a}

/* ===== 11-09 PC 오른쪽 버튼: 쇼핑백 → 카트 아이콘, 'MY' → '쇼핑리스트' ===== */
@media (min-width:992px){
  .sidebar-shop-member-btn.pc-btn:before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 4h2.2l2.3 11h10.8l2-7.5H6.4'/%3E%3Ccircle cx='9.5' cy='19.5' r='1.4'/%3E%3Ccircle cx='17' cy='19.5' r='1.4'/%3E%3C/svg%3E") !important;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 4h2.2l2.3 11h10.8l2-7.5H6.4'/%3E%3Ccircle cx='9.5' cy='19.5' r='1.4'/%3E%3Ccircle cx='17' cy='19.5' r='1.4'/%3E%3C/svg%3E") !important}
  .sidebar-shop-member-btn.pc-btn:after{content:'쇼핑리스트' !important;left:-14px !important;right:-14px !important;bottom:-21px !important;font-size:11px !important;font-weight:700 !important;letter-spacing:-.3px !important;white-space:nowrap}
  html:has(link[href*="dark_mode.css"]) .sidebar-shop-member-btn.pc-btn:after{color:#a3a7b5}
}

/* ===== 11-09 쇼핑리스트 창(offcanvasShopRight): 오늘 본 상품·장바구니·위시리스트 ===== */
.sidebar-shop-member{width:min(92vw,360px) !important;border-radius:20px 0 0 20px;overflow:hidden;box-shadow:-8px 0 30px rgba(24,10,30,.16);z-index:1045 !important}
body:has(#offcanvasShopRight.show) .offcanvas-backdrop{z-index:1040 !important}
.sidebar-shop-member .offcanvas-header{padding:18px 18px 6px 22px !important;border:0}
.sidebar-shop-member .offcanvas-title{font-size:18px !important;font-weight:800;letter-spacing:-.4px}
.sidebar-shop-member .offcanvas-title i{display:none}
.sidebar-shop-member-in{padding:4px 18px 24px !important}
.sidebar-shop-member .shop-member-box{margin-bottom:6px !important}
.sidebar-shop-member .shop-member-box .shop-member-box-title{display:flex;align-items:center;gap:6px;height:auto !important;line-height:1.3 !important;text-align:left !important;background:none !important;color:#1b1b1f !important;font-size:15px;font-weight:800;margin:18px 2px 8px !important;padding:0}
.sidebar-shop-member .shop-member-box .shop-member-box-title .badge{position:static !important;min-width:20px;height:20px;padding:0 6px;border-radius:10px !important;background:#dc609f !important;color:#fff;font-size:11px;font-weight:800;line-height:20px}
.sidebar-shop-member .shop-member-box .op-area{border:0 !important;border-radius:14px;background:#f7f6f9;padding:6px 12px 12px !important;margin:0 !important}
.sidebar-shop-member .shop-member-box .op-area ul{margin:0 0 8px !important}
.sidebar-shop-member .shop-member-box .op-area li{border-bottom:1px solid #ecebf0 !important;padding:10px 0 10px 64px !important;min-height:72px !important}
.sidebar-shop-member .shop-member-box .op-area li:last-child{border-bottom:0 !important}
.sidebar-shop-member .shop-member-box .op-area li .prd-img{top:10px !important;width:52px;height:52px;padding:0 !important;border:0 !important;border-radius:10px;overflow:hidden;background:#fff}
.sidebar-shop-member .shop-member-box .op-area li .prd-img img{width:100% !important;height:100% !important;object-fit:cover;display:block}
.sidebar-shop-member .shop-member-box .op-area li a,.sidebar-shop-member .shop-member-box .op-area li .prd-name{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:13.5px !important;font-weight:600 !important;line-height:1.4;color:#2b2a31 !important}
.sidebar-shop-member .shop-member-box .op-area li .prd-cost{font-size:14px;font-weight:800 !important;color:#1b1b1f !important;margin-top:4px !important}
.sidebar-shop-member .shop-member-box .stv-item{padding:10px 0 10px 64px !important}
.sidebar-shop-member .shop-member-box .op-area .li-empty{padding:18px 0 !important;min-height:0 !important;color:#9499a8 !important;font-size:13px;border:0 !important}
.sidebar-shop-member .shop-member-box .op-area .btn-e{display:flex !important;align-items:center;justify-content:center;height:44px;border-radius:12px !important;font-size:14px;font-weight:700;margin:6px 0 0 !important}
.sidebar-shop-member .shop-member-box .op-area .btn-e i{display:none}
.sidebar-shop-member .shop-member-box .op-area .btn-e-pink{background:#dc609f !important;border-color:#dc609f !important;color:#fff !important}
.sidebar-shop-member .shop-member-box .op-area .btn-e-brd{background:#fff !important;border:1px solid #e3e2e8 !important;color:#3a3842 !important}
.sidebar-shop-member .shop-member-box #stv_pg{font-size:12px;color:#9499a8;margin-top:4px !important}
.sidebar-shop-member .shop-member-box #up,.sidebar-shop-member .shop-member-box #down{width:28px !important;height:28px !important;border-radius:50%;border:1px solid #e3e2e8 !important;background:#fff;bottom:8px !important;display:flex;align-items:center;justify-content:center;color:#55535e}
html:has(link[href*="dark_mode.css"]) .sidebar-shop-member{background:#1b1d24 !important;box-shadow:-8px 0 30px rgba(0,0,0,.45)}
html:has(link[href*="dark_mode.css"]) .sidebar-shop-member .offcanvas-title,html:has(link[href*="dark_mode.css"]) .sidebar-shop-member .shop-member-box .shop-member-box-title{color:#e8e9ee !important}
html:has(link[href*="dark_mode.css"]) .sidebar-shop-member .shop-member-box .op-area{background:#23262f !important}
html:has(link[href*="dark_mode.css"]) .sidebar-shop-member .shop-member-box .op-area li{border-bottom-color:#2e3240 !important}
html:has(link[href*="dark_mode.css"]) .sidebar-shop-member .shop-member-box .op-area li a,html:has(link[href*="dark_mode.css"]) .sidebar-shop-member .shop-member-box .op-area li .prd-name{color:#d5d7df !important}
html:has(link[href*="dark_mode.css"]) .sidebar-shop-member .shop-member-box .op-area li .prd-cost{color:#e8e9ee !important}
html:has(link[href*="dark_mode.css"]) .sidebar-shop-member .shop-member-box .op-area li .prd-img{background:#1b1d24}
html:has(link[href*="dark_mode.css"]) .sidebar-shop-member .shop-member-box .op-area .btn-e-pink{background:#c2467f !important;border-color:#c2467f !important}
html:has(link[href*="dark_mode.css"]) .sidebar-shop-member .shop-member-box .op-area .btn-e-brd{background:transparent !important;border-color:#3a3f4f !important;color:#d5d7df !important}
html:has(link[href*="dark_mode.css"]) .sidebar-shop-member .shop-member-box #up,html:has(link[href*="dark_mode.css"]) .sidebar-shop-member .shop-member-box #down{background:#1b1d24;border-color:#3a3f4f !important;color:#c9ccd6}

/* ===== 11-09 쇼핑몰 바닥글: 검정 바탕 회색 글자(대비 3.9) → 밝은 회색 바탕·진한 글자, 자주묻는질문 전체 목록 ===== */
.footer{border-top:1px solid #ececf0 !important}
.footer-top{padding:14px 0 !important;background:#fff}
.footer-nav a,.footer-right-nav a{color:#3a3842 !important;font-size:13.5px !important;font-weight:600}
.footer-cont-info{background:#f6f5f8 !important;color:#55535e !important;padding:40px 0 !important;border-top:1px solid #ececf0}
.footer-cont-wrap{font-size:13.5px !important;line-height:1.65}
.footer-cont-box .footer-text-logo{color:#1b1b1f !important;font-size:20px !important;font-weight:900 !important;letter-spacing:.3px}
.footer-cont-box h5{color:#1b1b1f !important;font-size:15px !important;font-weight:800 !important;margin:0 0 10px !important}
.footer-cont-box p a{color:#3a3842 !important}
.footer-cont-box .footer-divider{color:#c9c7cf !important}
.footer-cont-box .footer-tel-num{margin:10px 0 16px !important}
.footer-cont-box .footer-tel-num strong{color:#1b1b1f;font-size:24px !important;font-weight:900}
.footer-cont-box .footer-bank-account{color:#3a3842}
.footer-cont-box:nth-child(2){border-color:#e3e2e8 !important}
.footer-cont-box .footer-btn-box .btn-e{border-radius:12px !important;height:46px;display:flex;align-items:center;justify-content:center;background:#fff !important;border:1px solid #d9d8de !important;color:#1b1b1f !important;font-weight:700}
.footer-copyright{background:#eeedf1 !important;color:#77747f !important;font-size:12.5px !important}
/* 자주묻는질문 목록 */
.v2-faq h5{display:flex;align-items:center;justify-content:space-between}
.v2-faq h5 a{font-size:12.5px;font-weight:600;color:#77747f !important}
.v2-faq ul{list-style:none;margin:0;padding:0;border-radius:12px;background:#fff;border:1px solid #ececf0;overflow:hidden}
.v2-faq li+li{border-top:1px solid #f0eff3}
.v2-faq li a{display:flex;align-items:baseline;gap:8px;padding:9px 12px;font-size:13px;line-height:1.45;color:#2b2a31 !important;text-decoration:none !important}
.v2-faq li a:hover{background:#fdf2f8;color:#c2467f !important}
.v2-faq-q{flex:0 0 auto;font-weight:900;color:#dc609f}
@media (max-width:991px){
  .footer-cont-box:nth-child(1),.footer-cont-box:nth-child(2){border-bottom:1px solid #e3e2e8 !important}
}
/* 다크 */
html:has(link[href*="dark_mode.css"]) .footer{border-top-color:#2e3240 !important}
html:has(link[href*="dark_mode.css"]) .footer-top{background:#121318}
html:has(link[href*="dark_mode.css"]) .footer-nav a,html:has(link[href*="dark_mode.css"]) .footer-right-nav a{color:#c9ccd6 !important}
html:has(link[href*="dark_mode.css"]) .footer-cont-info{background:#1b1d24 !important;color:#a3a7b5 !important;border-top-color:#2e3240 !important}
html:has(link[href*="dark_mode.css"]) .footer-cont-box .footer-text-logo,html:has(link[href*="dark_mode.css"]) .footer-cont-box h5,html:has(link[href*="dark_mode.css"]) .footer-cont-box .footer-tel-num strong{color:#e8e9ee !important}
html:has(link[href*="dark_mode.css"]) .footer-cont-box .footer-bank-account,html:has(link[href*="dark_mode.css"]) .footer-cont-box p a{color:#c9ccd6 !important}
html:has(link[href*="dark_mode.css"]) .footer-cont-box:nth-child(2),html:has(link[href*="dark_mode.css"]) .footer-cont-box{border-color:#2e3240 !important}
html:has(link[href*="dark_mode.css"]) .footer-cont-box .footer-btn-box .btn-e{background:transparent !important;border-color:#3a3f4f !important;color:#e8e9ee !important}
html:has(link[href*="dark_mode.css"]) .footer-copyright{background:#121318 !important;color:#a3a7b5 !important}
html:has(link[href*="dark_mode.css"]) .v2-faq ul{background:#23262f;border-color:#2e3240}
html:has(link[href*="dark_mode.css"]) .v2-faq li+li{border-top-color:#2e3240}
html:has(link[href*="dark_mode.css"]) .v2-faq li a{color:#d5d7df !important}
html:has(link[href*="dark_mode.css"]) .v2-faq li a:hover{background:#35212d;color:#ec7cb6 !important}
html:has(link[href*="dark_mode.css"]) .v2-faq-q{color:#ec7cb6}
html:has(link[href*="dark_mode.css"]) .v2-faq h5 a{color:#a3a7b5 !important}

/* ===================================================================
   11-09 리디자인 2단계(사용자가 준 참고 사이트 방향): 따뜻한 크림 바탕·흰 카드·큰 제목·
   색 타일·큰 순위 숫자·카테고리 사진 카드·MD 픽·안내 띠. 브랜드색은 분홍 유지.
   =================================================================== */
:root{--v2c-bg:#fbf6f1;--v2c-ink:#2a1f23;--v2c-sub:#8c7f78;--v2c-line:#efe5dc;--v2c-card:#fff;--v2c-pink:#dc609f;--v2c-cta:#c2467f;--v2c-red:#b42318;--v2c-espresso:#2f2226}
body,.wrapper,.basic-body{background-color:var(--v2c-bg)}
.shop-v2{--v2-ink:var(--v2c-ink);--v2-sub:var(--v2c-sub);--v2-bg2:#f3ebe3;--v2-line:var(--v2c-line);color:var(--v2c-ink)}

/* PC 맨 위 안내 띠 */
.v2-topnote{display:none}
@media (min-width:992px){
  .v2-topnote{display:flex;align-items:center;justify-content:center;gap:12px;height:34px;background:var(--v2c-espresso);color:#f3e9e1;font-size:12.5px;font-weight:600;letter-spacing:-.2px}
  .v2-topnote i{width:3px;height:3px;border-radius:50%;background:#c9a9b5}
  /* 상단 회색 띠는 크림 톤으로 */
  .header-wrap .top-header{background:var(--v2c-bg) !important;border-bottom:1px solid var(--v2c-line) !important}
  .header-wrap .top-header .top-header-nav li>a,.header-wrap .top-header .top-header-nav label span{color:#6f625c !important}
  .header-title{background:var(--v2c-bg) !important}
  /* 검색창: 흰 칸·테두리·분홍 동그라미 */
  .header-title .header-title-search .input input{background:#fff !important;box-shadow:inset 0 0 0 1.5px #2a1f23 !important}
  .header-title .header-title-search .input-button .button{background:var(--v2c-pink) !important}
  /* 메뉴 막대: 분홍 막대 → 흰 막대·진한 글자 */
  .header-nav{background:#fff !important;border-top:1px solid var(--v2c-line);border-bottom:1px solid var(--v2c-line)}
  .header-nav .navbar-nav>li>.nav-link{color:var(--v2c-ink) !important;font-weight:600 !important;font-size:15px !important}
  .header-nav .navbar-nav>li>.nav-link:hover{color:var(--v2c-pink) !important}
  .header-nav .navbar-nav .dropdown-toggle::after{color:#b8aaa2 !important}
  .header-nav .navbar-nav>li.nav-category>a{background:var(--v2c-espresso) !important;color:#fff !important;border-radius:0}
  .header-nav .navbar-nav>li.nav-category:hover>a{background:#3d2d32 !important}
  .header-nav .navbar-nav>li.darkmode-menu{background:#fff !important}
  .header-nav .navbar-nav>li.darkmode-menu>.nav-link{color:var(--v2c-ink) !important}
  .navbar-nav>li:nth-child(n+2):nth-child(-n+6)>.nav-link{position:relative}
}
/* 휴대폰 머리도 크림 */
@media (max-width:991px){ .v2-mhead{background:rgba(251,246,241,.94) !important;border-bottom-color:var(--v2c-line) !important} }

/* 구역 제목: 크게 + 부제 + 오른쪽 탭/화살표 */
.shop-v2 .v2-head{align-items:flex-end;gap:12px;flex-wrap:wrap}
.shop-v2 .v2-head-t{min-width:0}
.shop-v2 .v2-head h2{font-size:22px !important;font-weight:800;letter-spacing:-.8px}
.shop-v2 .v2-head-t p{margin:4px 0 0;font-size:13px;color:var(--v2c-sub)}
.shop-v2 .v2-best .v2-head .v2-tabs{padding:0 !important;margin-left:auto}
@media (max-width:767px){ .shop-v2 .v2-best .v2-head .v2-tabs{margin:6px calc(-1 * var(--v2-pad)) 0;padding:0 var(--v2-pad) !important;width:calc(100% + 2 * var(--v2-pad))} }
.shop-v2 .v2-tabs button{background:#f3ebe3;color:#6f625c}
.shop-v2 .v2-tabs button.on{background:var(--v2c-ink);color:#fff}
@media (min-width:768px){ .shop-v2 .v2-head h2{font-size:28px !important;letter-spacing:-1px} .shop-v2 .v2-head-t p{font-size:14px} }

/* 카드: 흰 사진 칸·테두리, 큰 순위 숫자, + 동그라미, 정가는 위 */
.shop-v2 .v2-img{background:#fff;border-radius:14px}
.shop-v2 .v2-img:after{box-shadow:inset 0 0 0 1px var(--v2c-line)}
.shop-v2 .v2-rank{left:12px !important;top:auto !important;bottom:6px;min-width:0;height:auto;padding:0;background:none !important;border-radius:0;color:#fff !important;font-size:44px;font-weight:900;line-height:1;letter-spacing:-2px;text-shadow:0 2px 12px rgba(42,31,35,.55)}
.shop-v2 .v2-plus{position:absolute;right:8px;bottom:8px;width:30px;height:30px;border-radius:50%;background:#fff;box-shadow:0 2px 8px rgba(42,31,35,.15)}
.shop-v2 .v2-plus:before,.shop-v2 .v2-plus:after{content:'';position:absolute;left:50%;top:50%;width:12px;height:1.8px;background:var(--v2c-ink);transform:translate(-50%,-50%);border-radius:1px}
.shop-v2 .v2-plus:after{transform:translate(-50%,-50%) rotate(90deg)}
.shop-v2 .v2-cust{margin-top:4px;font-size:12px}
.shop-v2 .v2-cust+.v2-price{margin-top:0}
.shop-v2 .v2-pct{color:var(--v2c-red) !important}
.shop-v2 .v2-badge{background:#f6ece3;color:#7a6a62}
.shop-v2 .v2-nm{color:#3b2f33}

/* 위쪽 큰 배너·작은 배너 둥글게 */
.shop-v2 .v2-hero,.shop-v2 .v2-sub a,.shop-v2 .v2-mid{border-radius:18px}

/* 색 타일 4개 */
.shop-v2 .v2-quick{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;padding:14px var(--v2-pad) 0}
.shop-v2 .v2-quick a{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:96px;padding:14px 14px 12px;border-radius:16px;overflow:hidden}
.shop-v2 .v2-quick small{font-size:10.5px;font-weight:800;letter-spacing:1px;opacity:.85}
.shop-v2 .v2-quick b{font-size:15px;font-weight:800;line-height:1.3;letter-spacing:-.4px}
.shop-v2 .v2-quick i{position:absolute;right:12px;bottom:12px;width:24px;height:24px;border-radius:50%;background:rgba(255,255,255,.22)}
.shop-v2 .v2-quick i:after{content:'';position:absolute;left:8px;top:8px;width:6px;height:6px;border:solid currentColor;border-width:1.6px 1.6px 0 0;transform:rotate(45deg)}
.shop-v2 .v2-quick .q1{background:var(--v2c-cta);color:#fff !important}
.shop-v2 .v2-quick .q2{background:var(--v2c-espresso);color:#fff !important}
.shop-v2 .v2-quick .q3{background:#f3e7dc;color:var(--v2c-ink) !important}
.shop-v2 .v2-quick .q3 i,.shop-v2 .v2-quick .q4 i{background:rgba(42,31,35,.08)}
.shop-v2 .v2-quick .q4{background:#fde4ec;color:#8d2453 !important}
@media (min-width:768px){ .shop-v2 .v2-quick{grid-template-columns:repeat(4,1fr);gap:12px;padding-top:18px} .shop-v2 .v2-quick a{min-height:112px;padding:18px} .shop-v2 .v2-quick b{font-size:17px} }

/* 카테고리 사진 카드 */
.shop-v2 .v2-catcards{grid-auto-columns:38%}
.shop-v2 .v2-catcard{position:relative;display:block;aspect-ratio:3/4;border-radius:16px;overflow:hidden;background:#f3ebe3}
.shop-v2 .v2-catcard img{width:100%;height:100%;object-fit:cover;transition:transform .35s}
.shop-v2 .v2-catcard span{position:absolute;inset:auto 0 0 0;padding:40px 12px 12px;background:linear-gradient(transparent,rgba(30,20,24,.72));color:#fff;display:flex;flex-direction:column}
.shop-v2 .v2-catcard b{font-size:15px;font-weight:800;letter-spacing:-.3px}
.shop-v2 .v2-catcard small{font-size:11.5px;opacity:.85;margin-top:1px}
@media (hover:hover){ .shop-v2 .v2-catcard:hover img{transform:scale(1.05)} }
@media (min-width:768px){ .shop-v2 .v2-catcards{grid-auto-columns:calc((100% - 5*14px)/6)} }

/* MD 픽 */
.shop-v2 .v2-picks{display:grid;grid-template-columns:1fr;gap:12px;padding:0 var(--v2-pad)}
.shop-v2 .v2-pick{display:grid;grid-template-columns:38% 1fr;border-radius:18px;overflow:hidden;background:#f6ece2;min-height:200px}
.shop-v2 .v2-pick-img{display:block;background:#fff}
.shop-v2 .v2-pick-img img{width:100%;height:100%;object-fit:cover}
.shop-v2 .v2-pick-body{padding:16px 16px 14px;min-width:0}
.shop-v2 .v2-pick-body small{font-size:10.5px;font-weight:800;letter-spacing:1px;color:var(--v2c-cta)}
.shop-v2 .v2-pick-body h3{margin:4px 0 4px;font-size:17px;font-weight:800;letter-spacing:-.5px;line-height:1.3}
.shop-v2 .v2-pick-body p{margin:0 0 8px;font-size:12.5px;color:var(--v2c-sub);line-height:1.5}
.shop-v2 .v2-pick-body ul{list-style:none;margin:0;padding:0}
.shop-v2 .v2-pick-body li a{display:flex;justify-content:space-between;gap:10px;padding:7px 0;border-top:1px solid #e9dccf;font-size:12.5px}
.shop-v2 .v2-pick-body li a span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#3b2f33}
.shop-v2 .v2-pick-body li a b{flex:0 0 auto;font-weight:800}
@media (min-width:768px){ .shop-v2 .v2-picks{grid-template-columns:1fr 1fr;gap:16px} .shop-v2 .v2-pick{min-height:240px} .shop-v2 .v2-pick-body{padding:22px} .shop-v2 .v2-pick-body h3{font-size:21px} }

/* 할인 줄 화살표(PC) */
.shop-v2 .v2-arrows{display:none}
@media (min-width:992px){
  .shop-v2 .v2-arrows{display:flex;gap:6px;margin-left:auto}
  .shop-v2 .v2-arw{width:38px;height:38px;border-radius:50%;border:1.5px solid var(--v2c-ink);background:#fff;position:relative;cursor:pointer}
  .shop-v2 .v2-arw:after{content:'';position:absolute;left:50%;top:50%;width:8px;height:8px;border:solid var(--v2c-ink);border-width:1.8px 1.8px 0 0;transform:translate(-65%,-50%) rotate(45deg)}
  .shop-v2 .v2-arw[data-dir="-1"]:after{transform:translate(-35%,-50%) rotate(-135deg)}
  .shop-v2 .v2-has-arrows .v2-scroll{scroll-behavior:smooth}
}

/* 1+1 젤 구역 바탕 */
.shop-v2 .v2-tint{background:#f6ece2}

/* 맨 아래 안내 띠 */
.shop-v2 .v2-band{max-width:1240px;margin:40px auto 24px;padding:0 var(--v2-pad);color:#fff} /* 11-09: 꽉 찬 띠 → 둥근 카드 */
.shop-v2 .v2-band-in{margin:0 auto;padding:24px 22px;border-radius:20px;background:var(--v2c-cta);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px}
.shop-v2 .v2-band b{display:block;font-size:22px;font-weight:900;letter-spacing:-.6px}
.shop-v2 .v2-band p{margin:4px 0 0;font-size:13.5px;opacity:.9}
.shop-v2 .v2-band span{display:flex;gap:8px}
.shop-v2 .v2-band a{display:inline-flex;align-items:center;height:42px;padding:0 18px;border-radius:21px;font-size:14px;font-weight:700}
.shop-v2 .v2-band .b1{background:var(--v2c-espresso);color:#fff !important}
.shop-v2 .v2-band .b2{border:1.5px solid #fff;color:#fff !important}
@media (min-width:768px){ .shop-v2 .v2-band b{font-size:28px} .shop-v2 .v2-band-in{padding:36px 40px;border-radius:24px} }
.shop-v2{padding-bottom:0 !important}
.shop-v2 .v2-admin-note{margin:16px var(--v2-pad) 20px}

/* 목록·상품·장바구니 카드도 흰 칸으로(크림 바탕 위) */
body .product-list-10 .product-img{background:#fff !important;box-shadow:inset 0 0 0 1px var(--v2c-line)}
.v2-cart .v2c-sum-list,.v2-cart .v2c-item{background:transparent}
.v2-cart .v2c-sum-list{background:#fff}
body .shop-order-form .sod-li-wrap .sod-li,body .shop-order-form .order-payment-total,body .shop-order-form .order-member-area .sod-frm-orderer,body .shop-order-form .order-member-area .sod-frm-taker,body .shop-order-form .order-payment-info{border-color:var(--v2c-line) !important}

/* ---------- 다크: 크림 대신 지난번 색 단계 ---------- */
html:has(link[href*="dark_mode.css"]){--v2c-bg:#121318;--v2c-ink:#e8e9ee;--v2c-sub:#a3a7b5;--v2c-line:#2e3240;--v2c-espresso:#23262f}
html:has(link[href*="dark_mode.css"]) .v2-topnote{background:#0d0e12;color:#c9ccd6}
html:has(link[href*="dark_mode.css"]) .header-wrap .top-header,html:has(link[href*="dark_mode.css"]) .header-title{background:#121318 !important}
html:has(link[href*="dark_mode.css"]) .header-title .header-title-search .input input{background:#1b1d24 !important;box-shadow:inset 0 0 0 1.5px #3a3f4f !important}
html:has(link[href*="dark_mode.css"]) .header-nav,html:has(link[href*="dark_mode.css"]) .header-nav .navbar-nav>li.darkmode-menu{background:#1b1d24 !important}
html:has(link[href*="dark_mode.css"]) .header-nav .navbar-nav>li>.nav-link{color:#c9ccd6 !important}
html:has(link[href*="dark_mode.css"]) .header-nav .navbar-nav>li.nav-category>a{background:#23262f !important}
@media (max-width:991px){ html:has(link[href*="dark_mode.css"]) .v2-mhead{background:rgba(18,19,24,.94) !important} }
html:has(link[href*="dark_mode.css"]) .shop-v2 .v2-tabs button{background:#1b1d24;color:#b4b8c5}
html:has(link[href*="dark_mode.css"]) .shop-v2 .v2-tabs button.on{background:#e8e9ee;color:#111}
html:has(link[href*="dark_mode.css"]) .shop-v2 .v2-img{background:#1b1d24}
html:has(link[href*="dark_mode.css"]) .shop-v2 .v2-plus{background:#23262f}
html:has(link[href*="dark_mode.css"]) .shop-v2 .v2-plus:before,html:has(link[href*="dark_mode.css"]) .shop-v2 .v2-plus:after{background:#e8e9ee}
html:has(link[href*="dark_mode.css"]) .shop-v2 .v2-pct{color:#ff8a80 !important}
html:has(link[href*="dark_mode.css"]) .shop-v2 .v2-nm{color:#d5d7df}
html:has(link[href*="dark_mode.css"]) .shop-v2 .v2-badge{background:#23262f;color:#a3a7b5}
html:has(link[href*="dark_mode.css"]) .shop-v2 .v2-quick .q3{background:#23262f;color:#e8e9ee !important}
html:has(link[href*="dark_mode.css"]) .shop-v2 .v2-quick .q4{background:#35212d;color:#f6b3d2 !important}
html:has(link[href*="dark_mode.css"]) .shop-v2 .v2-quick .q3 i,html:has(link[href*="dark_mode.css"]) .shop-v2 .v2-quick .q4 i{background:rgba(255,255,255,.1)}
html:has(link[href*="dark_mode.css"]) .shop-v2 .v2-pick,html:has(link[href*="dark_mode.css"]) .shop-v2 .v2-tint{background:#1b1d24}
html:has(link[href*="dark_mode.css"]) .shop-v2 .v2-pick-img{background:#23262f}
html:has(link[href*="dark_mode.css"]) .shop-v2 .v2-pick-body small{color:#ec7cb6}
html:has(link[href*="dark_mode.css"]) .shop-v2 .v2-pick-body li a{border-top-color:#2e3240}
html:has(link[href*="dark_mode.css"]) .shop-v2 .v2-pick-body li a span{color:#d5d7df}
html:has(link[href*="dark_mode.css"]) .shop-v2 .v2-arw{background:#1b1d24;border-color:#3a3f4f}
html:has(link[href*="dark_mode.css"]) .shop-v2 .v2-arw:after{border-color:#e8e9ee}
html:has(link[href*="dark_mode.css"]) .shop-v2 .v2-band .b1{background:#121318}
html:has(link[href*="dark_mode.css"]) body .product-list-10 .product-img{background:#1b1d24 !important;box-shadow:none}
html:has(link[href*="dark_mode.css"]) .v2-cart .v2c-sum-list{background:transparent}
@media (min-width:992px){ .shop-v2 .v2-perks{display:none} }
.shop-v2 .v2-cat-ic{background:#fff;box-shadow:inset 0 0 0 1px var(--v2c-line)}
html:has(link[href*="dark_mode.css"]) .header-wrap .top-header .top-header-nav li>a,html:has(link[href*="dark_mode.css"]) .header-wrap .top-header .top-header-nav label span{color:#a3a7b5 !important}
/* 11-09: 순위 숫자 = 사이트 분홍(흰 테두리 그림자로 사진 위에서도 읽히게) */
.shop-v2 .v2-rank{color:#dc609f !important;text-shadow:0 0 1px #fff,0 0 2px #fff,0 2px 10px rgba(255,255,255,.85) !important}
html:has(link[href*="dark_mode.css"]) .shop-v2 .v2-rank{color:#ec7cb6 !important;text-shadow:0 0 2px rgba(0,0,0,.6),0 2px 10px rgba(0,0,0,.55) !important}
/* 11-09: 휴대폰 작은 배너 = 한 장씩 넘김(꽉 찬 폭·스냅 멈춤) + 점 */
.shop-v2 .v2-dots{display:none}
@media (max-width:991px){
  .shop-v2 .v2-sub .v2-scroll{grid-auto-columns:100% !important;gap:0 !important;scroll-snap-type:x mandatory;padding:0 !important;margin:0 var(--v2-pad);border-radius:16px}
  .shop-v2 .v2-sub .v2-scroll>a{scroll-snap-stop:always;border-radius:16px}
  .shop-v2 .v2-dots{display:flex;justify-content:center;gap:5px;padding-top:8px}
  .shop-v2 .v2-dots i{width:6px;height:6px;border-radius:3px;background:#d8ccc2;transition:width .25s,background .25s}
  .shop-v2 .v2-dots i.on{width:16px;background:#2a1f23}
  html:has(link[href*="dark_mode.css"]) .shop-v2 .v2-dots i{background:#3a3f4f}
  html:has(link[href*="dark_mode.css"]) .shop-v2 .v2-dots i.on{background:#e8e9ee}
}
/* PC 화살표: 제목 줄 오른쪽(베스트는 탭 옆) */
@media (min-width:992px){
  .shop-v2 .v2-head .v2-arrows{margin-left:12px}
  .shop-v2 .v2-head .v2-more+.v2-arrows{margin-left:14px}
  .shop-v2 .v2-head .v2-more{margin-left:auto}
  .shop-v2 .v2-best .v2-head .v2-tabs{margin-left:auto}
}

/* ===== 11-09 결제 페이지 다듬기 ===== */
/* 입력칸 높이 46 통일(우편번호 칸 38 → 주소 검색 버튼 46과 맞춤) */
body .shop-order-form .eyoom-form .input input{height:46px !important}
body .shop-order-form .eyoom-form .input .icon-append,body .shop-order-form .eyoom-form .input .icon-prepend{height:44px !important;line-height:44px !important;top:1px !important}
body .shop-order-form .btn-e.btn-e-lg{height:46px !important;line-height:46px !important;padding-top:0 !important;padding-bottom:0 !important;display:inline-flex;align-items:center}
/* 결제수단: 위 여백 20px 때문에 처진 글자 → 세로 가운데, 왼쪽 선 아이콘 */
body .shop-order-form .payment-select-wrap .payment-select-box{padding:0 14px 0 50px !important;display:flex !important;align-items:center !important;justify-content:flex-start;font-size:14.5px !important;line-height:1.3 !important;text-align:left}
body .shop-order-form .payment-select-wrap .payment-select-box.bank_icon:before,
body .shop-order-form .payment-select-wrap .payment-select-box.vbank_icon:before,
body .shop-order-form .payment-select-wrap .payment-select-box.iche_icon:before,
body .shop-order-form .payment-select-wrap .payment-select-box.hp_icon:before,
body .shop-order-form .payment-select-wrap .payment-select-box.card_icon:before{content:'' !important;position:absolute !important;left:16px !important;top:50% !important;width:24px !important;height:24px !important;line-height:normal !important;transform:translateY(-50%);background:#6f625c !important;border:0 !important;border-radius:0 !important;-webkit-mask:var(--payic) center/contain no-repeat;mask:var(--payic) center/contain no-repeat}
body .shop-order-form .payment-select-wrap input[type="radio"]:checked+.payment-select-box:before{background:#c2467f !important}
body .shop-order-form .payment-select-wrap .bank_icon{--payic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 9.5L12 4l9 5.5'/%3E%3Cpath d='M5 10v7M9.5 10v7M14.5 10v7M19 10v7'/%3E%3Cpath d='M3 20h18'/%3E%3C/svg%3E")}
body .shop-order-form .payment-select-wrap .vbank_icon{--payic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 3h12v18l-3-2-3 2-3-2-3 2z'/%3E%3Cpath d='M9 8h6M9 12h6'/%3E%3C/svg%3E")}
body .shop-order-form .payment-select-wrap .iche_icon{--payic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 8h14l-3-3M20 16H6l3 3'/%3E%3C/svg%3E")}
body .shop-order-form .payment-select-wrap .hp_icon{--payic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='7' y='3' width='10' height='18' rx='2'/%3E%3Cpath d='M11 18h2'/%3E%3C/svg%3E")}
body .shop-order-form .payment-select-wrap .card_icon{--payic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5.5' width='18' height='13' rx='2'/%3E%3Cpath d='M3 10h18M7 15h4'/%3E%3C/svg%3E")}
/* 로고 그림을 쓰는 간편결제(삼성페이·카카오페이 등)는 글자를 오른쪽으로 */
body .shop-order-form .payment-select-wrap .payment-select-box.kakaopay_icon,body .shop-order-form .payment-select-wrap .payment-select-box.samsung_pay,body .shop-order-form .payment-select-wrap .payment-select-box.PAYNOW,body .shop-order-form .payment-select-wrap .payment-select-box.KPAY,body .shop-order-form .payment-select-wrap .payment-select-box.PAYCO,body .shop-order-form .payment-select-wrap .payment-select-box.inicis_lpay,body .shop-order-form .payment-select-wrap .payment-select-box.inicis_kakaopay,body .shop-order-form .payment-select-wrap .payment-select-box.naverpay_icon{background-position:12px center !important;background-size:auto 26px !important;padding-left:64px !important}
/* 포인트: 사용 칸·보유 칸 사이 띄움 + 최대 사용 체크 */
body .shop-order-form .payment-point-use-box{display:flex;flex-direction:column;gap:10px}
body .shop-order-form .payment-point-use-box>.payment-point-use{margin:0 !important}
body .shop-order-form .payment-point-use{padding:14px 16px !important;line-height:1.6}
body .shop-order-form .payment-point-use>label.float-start,body .shop-order-form .payment-point-use>label.pull-left{line-height:46px !important}
.v2-maxpt{display:flex;align-items:center;gap:8px;margin:0;padding:0 4px;cursor:pointer;font-size:14px;font-weight:600;color:#3b2f33;user-select:none}
.v2-maxpt input{position:absolute;opacity:0;width:1px;height:1px}
.v2-maxpt i{width:22px;height:22px;border-radius:7px;border:1.5px solid #cdbfb5;background:#fff;position:relative;flex:0 0 auto}
.v2-maxpt input:checked+i{background:#c2467f;border-color:#c2467f}
.v2-maxpt input:checked+i:after{content:'';position:absolute;left:7px;top:3px;width:6px;height:11px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
.v2-maxpt input:focus-visible+i{outline:2px solid #c2467f;outline-offset:2px}
html:has(link[href*="dark_mode.css"]) body .shop-order-form .payment-select-wrap .payment-select-box:before{background:#b4b8c5 !important}
html:has(link[href*="dark_mode.css"]) body .shop-order-form .payment-select-wrap input[type="radio"]:checked+.payment-select-box:before{background:#ec7cb6 !important}
html:has(link[href*="dark_mode.css"]) .v2-maxpt{color:#d5d7df}
html:has(link[href*="dark_mode.css"]) .v2-maxpt i{background:#1b1d24;border-color:#3a3f4f}
/* 11-09 보정: 주문서는 form.eyoom-form 이 .shop-order-form 바깥이라 '.shop-order-form .eyoom-form' 규칙이 안 걸렸음 → 순서 무관하게 다시 */
body .shop-order-form .input input,body .shop-order-form .select select,body .shop-order-form .textarea textarea{border:1px solid #e3d8ce !important;border-radius:10px !important;background:#fff !important;font-size:15px;box-shadow:none !important}
body .shop-order-form .input input,body .shop-order-form .select select{height:46px !important}
body .shop-order-form .textarea textarea{min-height:96px}
body .shop-order-form .input input:focus,body .shop-order-form .textarea textarea:focus{border-color:#c2467f !important}
body .shop-order-form .input .icon-append,body .shop-order-form .input .icon-prepend{height:44px !important;line-height:44px !important;top:1px !important;border-color:transparent !important;background:transparent !important}
@media (max-width:991px){
  body .shop-order-form .input.width-200px{width:100% !important}
  body .shop-order-form .input.width-150px{width:calc(100% - 132px) !important}
}
html:has(link[href*="dark_mode.css"]) body .shop-order-form .input input,html:has(link[href*="dark_mode.css"]) body .shop-order-form .select select,html:has(link[href*="dark_mode.css"]) body .shop-order-form .textarea textarea{background:#23262f !important;border-color:#3a3f4f !important;color:#e8e9ee !important}

/* ===== 11-09 상품 상세 하단: 상품정보·사용후기·상품문의·배송·교환 ===== */
/* 탭 줄은 상품정보 위 하나만(구역마다 반복되던 것 숨김), 내려가면 화면 위에 붙음(item.info 스크립트) */
.shop-item section:not(#sit_inf)>.pg-anchor-in{display:none !important}
.shop-item #sit_inf>.pg-anchor-in{background:var(--v2c-bg,#fbf6f1) !important;margin-bottom:8px}
.shop-item .pg-anchor-in.v2-fixed{position:fixed !important;z-index:1015;box-shadow:0 6px 16px rgba(42,31,35,.08)}
.shop-item .pg-anchor-in .nav-tabs li a .item_use_count,.shop-item .pg-anchor-in .nav-tabs li a .item_qa_count{display:inline-block;min-width:18px;margin-left:3px;padding:0 6px;border-radius:9px;background:#f1e8e0;color:#6f625c;font-size:11.5px;font-weight:700;line-height:18px;text-align:center}
.shop-item .pg-anchor-in .nav-tabs li.active a .item_use_count,.shop-item .pg-anchor-in .nav-tabs li.active a .item_qa_count{background:var(--v2c-ink,#2a1f23);color:#fff}
/* 구역 제목(원래 숨김) 보이게 */
.shop-item #sit_use,.shop-item #sit_qa,.shop-item #sit_dvr,.shop-item #sit_ex{position:relative;margin-top:44px !important;padding-top:0 !important}
.shop-item #sit_use>h2.h-hidden,.shop-item #sit_qa>h2.h-hidden,.shop-item #sit_dvr>h2.h-hidden,.shop-item #sit_ex>h2.h-hidden{position:static !important;width:auto !important;height:auto !important;overflow:visible !important;clip:auto !important;clip-path:none !important;margin:0 0 14px !important;padding:0 !important;font-size:20px !important;line-height:40px !important;font-weight:800 !important;letter-spacing:-.6px;color:var(--v2c-ink,#2a1f23) !important;text-indent:0 !important;opacity:1 !important;border:0 !important}
/* 쓰기·더보기 버튼: 제목 줄 오른쪽 */
.shop-item #sit_use .product-use-top{padding:0 !important;border:0 !important;background:none !important;min-height:0}
.shop-item #sit_use .product-use-btn,.shop-item #sit_qa .product-qa-btn{position:absolute;top:0;right:0;display:flex;gap:6px;margin:0 !important;float:none !important}
.shop-item #sit_use .product-use-btn .btn-e,.shop-item #sit_qa .product-qa-btn .btn-e{height:38px;display:inline-flex !important;align-items:center;padding:0 14px !important;border-radius:19px !important;font-size:13px !important;font-weight:700}
.shop-item #sit_use .product-use-btn .btn-e-red,.shop-item #sit_qa .product-qa-btn .btn-e-red{background:#c2467f !important;border-color:#c2467f !important;color:#fff !important}
.shop-item #sit_use .product-use-btn .btn-e-red:before,.shop-item #sit_qa .product-qa-btn .btn-e-red:before{content:'';width:14px;height:14px;margin-right:5px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20h9'/%3E%3Cpath d='M16.5 3.5a2.1 2.1 0 0 1 3 3L7 19l-4 1 1-4z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20h9'/%3E%3Cpath d='M16.5 3.5a2.1 2.1 0 0 1 3 3L7 19l-4 1 1-4z'/%3E%3C/svg%3E") center/contain no-repeat}
.shop-item #sit_use .product-use-btn .btn-e-dark,.shop-item #sit_qa .product-qa-btn .btn-e-dark{background:#fff !important;border:1.5px solid #2a1f23 !important;color:#2a1f23 !important}
.shop-item #sit_use .product-use-btn .btn-e-dark:after,.shop-item #sit_qa .product-qa-btn .btn-e-dark:after{content:'';width:6px;height:6px;margin-left:6px;border:solid currentColor;border-width:1.6px 1.6px 0 0;transform:rotate(45deg)}
/* 비어 있을 때 */
.shop-item #sit_use p.text-gray,.shop-item #sit_qa p.text-gray{margin:0 !important;padding:34px 16px !important;border-radius:16px;background:#fff;border:1px solid var(--v2c-line,#efe5dc);color:#8c7f78 !important;font-size:14px}
.shop-item #sit_use p.text-gray i,.shop-item #sit_qa p.text-gray i{display:block;font-size:22px;margin-bottom:8px;color:#d4c4b8}
/* 문의 목록: 흰 카드, 줄마다 상태 배지·제목·작성자·날짜 */
.shop-item .shop-product-qa .product-qa-wrap{border:1px solid var(--v2c-line,#efe5dc) !important;border-radius:16px;background:#fff;overflow:hidden}
.shop-item .shop-product-qa .product-qa-list{border:0 !important;border-top:1px solid #f2ebe4 !important;padding:0 !important;margin:0 !important;background:none !important;position:relative}
.shop-item .shop-product-qa .product-qa-list:first-child{border-top:0 !important}
.shop-item .shop-product-qa .product-qa-title{display:flex !important;align-items:center;gap:10px;width:100%;padding:16px 140px 16px 18px !important;border:0;background:none;text-align:left;font-size:14.5px !important;font-weight:600 !important;color:#2a1f23 !important;line-height:1.4}
.shop-item .shop-product-qa .product-qa-title:hover{background:#fdf8f4}
.shop-item .shop-product-qa .product-qa-title>span{flex:0 0 auto;padding:3px 8px !important;border-radius:6px !important;font-size:11.5px !important;font-weight:700 !important;line-height:1.3 !important;background:#f1e8e0 !important;color:#7a6a62 !important;border:0 !important}
.shop-item .shop-product-qa .product-qa-title>span.sit_qaa_done{background:#e7f6ec !important;color:#1f7a3f !important}
.shop-item .shop-product-qa .product-qa-dl{position:absolute;top:0;right:18px;height:54px;display:flex;align-items:center;gap:10px;margin:0 !important;font-size:12.5px;color:#9a8d86}
.shop-item .shop-product-qa .product-qa-dl dt{display:none}
.shop-item .shop-product-qa .product-qa-dl dd{margin:0 !important;float:none !important;padding:0 !important;border:0 !important}
.shop-item .shop-product-qa .product-qa-dl dd i{display:none}
.shop-item .shop-product-qa .product-qa-cont{background:#fbf6f1 !important;border:0 !important;margin:0 !important;padding:14px 18px !important}
.shop-item .shop-product-qa .product-qa-qaq,.shop-item .shop-product-qa .product-qa-qaa{display:flex;gap:10px;align-items:flex-start;padding:6px 0 !important;font-size:14px;line-height:1.6}
.shop-item .shop-product-qa .product-qa-alp{flex:0 0 auto;width:24px;height:24px;border-radius:50%;display:flex !important;align-items:center;justify-content:center;font-size:12px;font-weight:800;background:#2a1f23 !important;color:#fff !important;position:static !important}
.shop-item .shop-product-qa .product-qa-qaa .product-qa-alp{background:#c2467f !important}
/* 사용후기 목록 */
.shop-item .shop-product-use .product-use-wrap{border:1px solid var(--v2c-line,#efe5dc);border-radius:16px;background:#fff;overflow:hidden}
.shop-item .shop-product-use .product-use-list{border:0 !important;border-top:1px solid #f2ebe4 !important;padding:16px 18px !important;margin:0 !important}
.shop-item .shop-product-use .product-use-list:first-child{border-top:0 !important}
.shop-item .shop-product-use .product-use-title{font-size:14.5px;font-weight:700;color:#2a1f23}
.shop-item .shop-product-use .product-use-more{border:1px solid #e3d8ce !important;border-radius:14px;background:#fff !important;padding:3px 10px !important;font-size:12px !important;color:#6f625c !important}
/* 쪽 번호 */
.shop-item .pg_wrap{display:flex;justify-content:center;margin:16px 0 0 !important}
.shop-item .pg_wrap .pg{display:flex;gap:4px;align-items:center}
.shop-item .pg_wrap .pg_current,.shop-item .pg_wrap .pg_page,.shop-item .pg_wrap a{display:inline-flex !important;align-items:center;justify-content:center;min-width:34px;height:34px;padding:0 10px !important;border-radius:17px !important;border:1px solid #e3d8ce !important;background:#fff !important;color:#3b2f33 !important;font-size:13px !important;font-weight:600;line-height:1 !important;float:none !important;margin:0 !important}
.shop-item .pg_wrap .pg_current{background:#2a1f23 !important;border-color:#2a1f23 !important;color:#fff !important}
@media (max-width:767px){
  .shop-item #sit_use>h2.h-hidden,.shop-item #sit_qa>h2.h-hidden,.shop-item #sit_dvr>h2.h-hidden,.shop-item #sit_ex>h2.h-hidden{font-size:18px !important}
  .shop-item #sit_use .product-use-btn .btn-e,.shop-item #sit_qa .product-qa-btn .btn-e{height:34px;padding:0 11px !important;font-size:12.5px !important}
  .shop-item .shop-product-qa .product-qa-title{padding:14px 14px 30px !important}
  .shop-item .shop-product-qa .product-qa-dl{top:auto;bottom:10px;left:14px;right:auto;height:auto}
}
/* 다크 */
html:has(link[href*="dark_mode.css"]) .shop-item #sit_inf>.pg-anchor-in{background:#121318 !important}
html:has(link[href*="dark_mode.css"]) .shop-item .pg-anchor-in .nav-tabs li a .item_use_count,html:has(link[href*="dark_mode.css"]) .shop-item .pg-anchor-in .nav-tabs li a .item_qa_count{background:#23262f;color:#b4b8c5}
html:has(link[href*="dark_mode.css"]) .shop-item .pg-anchor-in .nav-tabs li.active a .item_use_count,html:has(link[href*="dark_mode.css"]) .shop-item .pg-anchor-in .nav-tabs li.active a .item_qa_count{background:#e8e9ee;color:#111}
html:has(link[href*="dark_mode.css"]) .shop-item #sit_use p.text-gray,html:has(link[href*="dark_mode.css"]) .shop-item #sit_qa p.text-gray,html:has(link[href*="dark_mode.css"]) .shop-item .shop-product-qa .product-qa-wrap,html:has(link[href*="dark_mode.css"]) .shop-item .shop-product-use .product-use-wrap{background:#1b1d24 !important;border-color:#2e3240 !important}
html:has(link[href*="dark_mode.css"]) .shop-item .shop-product-qa .product-qa-list,html:has(link[href*="dark_mode.css"]) .shop-item .shop-product-use .product-use-list{border-top-color:#2e3240 !important}
html:has(link[href*="dark_mode.css"]) .shop-item .shop-product-qa .product-qa-title,html:has(link[href*="dark_mode.css"]) .shop-item .shop-product-use .product-use-title{color:#e8e9ee !important}
html:has(link[href*="dark_mode.css"]) .shop-item .shop-product-qa .product-qa-title:hover{background:#23262f}
html:has(link[href*="dark_mode.css"]) .shop-item .shop-product-qa .product-qa-title>span{background:#23262f !important;color:#b4b8c5 !important}
html:has(link[href*="dark_mode.css"]) .shop-item .shop-product-qa .product-qa-title>span.sit_qaa_done{background:#173525 !important;color:#7ddc9f !important}
html:has(link[href*="dark_mode.css"]) .shop-item .shop-product-qa .product-qa-cont{background:#23262f !important;color:#d5d7df}
html:has(link[href*="dark_mode.css"]) .shop-item .shop-product-qa .product-qa-alp{background:#e8e9ee !important;color:#111 !important}
html:has(link[href*="dark_mode.css"]) .shop-item .shop-product-qa .product-qa-qaa .product-qa-alp{background:#c2467f !important;color:#fff !important}
html:has(link[href*="dark_mode.css"]) .shop-item #sit_use .product-use-btn .btn-e-dark,html:has(link[href*="dark_mode.css"]) .shop-item #sit_qa .product-qa-btn .btn-e-dark{background:transparent !important;border-color:#c9ccd6 !important;color:#e8e9ee !important}
html:has(link[href*="dark_mode.css"]) .shop-item .pg_wrap .pg_current,html:has(link[href*="dark_mode.css"]) .shop-item .pg_wrap a{background:#1b1d24 !important;border-color:#3a3f4f !important;color:#d5d7df !important}
html:has(link[href*="dark_mode.css"]) .shop-item .pg_wrap .pg_current{background:#e8e9ee !important;color:#111 !important}
/* 보정: 후기 버튼이 스킨의 position:relative 상자 기준으로 놓이던 것 → 구역 기준(제목 줄) */
.shop-item #sit_use .shop-product-use,.shop-item #sit_use .product-use-top,.shop-item #sit_use #itemuse,.shop-item #sit_qa .shop-product-qa,.shop-item #sit_qa #itemqa{position:static !important}
/* 쪽 번호 '맨처음·맨끝'은 글자가 숨겨져 빈 동그라미 → 화살표 */
.shop-item .pg_wrap .pg_start,.shop-item .pg_wrap .pg_end,.shop-item .pg_wrap .pg_prev,.shop-item .pg_wrap .pg_next{font-size:0 !important;text-indent:0 !important;overflow:hidden}
.shop-item .pg_wrap .pg_start:after{content:'«'}
.shop-item .pg_wrap .pg_prev:after{content:'‹'}
.shop-item .pg_wrap .pg_next:after{content:'›'}
.shop-item .pg_wrap .pg_end:after{content:'»'}
.shop-item .pg_wrap .pg_start:after,.shop-item .pg_wrap .pg_prev:after,.shop-item .pg_wrap .pg_next:after,.shop-item .pg_wrap .pg_end:after{font-size:15px;font-weight:700;line-height:1}
.shop-item .pg_wrap .pg_start:before,.shop-item .pg_wrap .pg_end:before,.shop-item .pg_wrap .pg_prev:before,.shop-item .pg_wrap .pg_next:before{display:none !important}
/* 보정: 휴대폰 문의 줄 — 작성자·날짜 줄이 제목 위로 겹쳐 선이 그어져 보이던 것 → 제목 아래 일반 줄로 */
.shop-item .shop-product-qa .product-qa-dl:before,.shop-item .shop-product-qa .product-qa-dl:after,.shop-item .shop-product-qa .product-qa-dl dd:before,.shop-item .shop-product-qa .product-qa-dl dd:after{display:none !important}
.shop-item .shop-product-qa .product-qa-dl{border:0 !important;background:none !important}
@media (max-width:767px){
  .shop-item .shop-product-qa .product-qa-title{padding:14px 14px 4px !important}
  .shop-item .shop-product-qa .product-qa-dl{position:static !important;height:auto !important;padding:0 14px 12px !important}
}

/* ===== 11-09 주문서 위 '주문 상품' 표 → 카드(마크업·숨은 값 그대로, CSS 만) ===== */
body .shop-order-form .table-list-eb{border:1px solid var(--v2c-line,#efe5dc) !important;border-radius:16px;background:#fff;padding:2px 18px !important;margin-bottom:16px !important;overflow:hidden}
body .shop-order-form .table-list-eb:before{content:'주문 상품';display:block;padding:16px 0 4px;font-size:17px;font-weight:800;letter-spacing:-.5px;color:var(--v2c-ink,#2a1f23)}
body .shop-order-form .table-list-eb .table-responsive{overflow:visible !important;border:0 !important}
body .shop-order-form .table-list-eb .table-responsive:before{display:none !important}
body .shop-order-form #sod_list,body .shop-order-form #sod_list tbody{display:block;width:100%;border:0 !important;white-space:normal !important;margin:0}
body .shop-order-form #sod_list thead{display:none}
body .shop-order-form #sod_list tr{display:flex;flex-wrap:wrap;align-items:flex-start;padding:16px 0;border-top:1px solid #f2ebe4}
body .shop-order-form #sod_list tbody tr:first-child{border-top:0}
body .shop-order-form #sod_list td{display:block;border:0 !important;padding:0 !important;background:none !important;text-align:left !important}
body .shop-order-form #sod_list td:nth-child(1){order:1;flex:1 1 0;min-width:0}
body .shop-order-form #sod_list .td-item-desc{min-height:84px}
body .shop-order-form #sod_list .td-image{width:84px !important;height:84px !important;border-radius:12px;overflow:hidden;background:#f6ece2}
body .shop-order-form #sod_list .td-image img{width:100% !important;height:100% !important;object-fit:cover}
body .shop-order-form #sod_list .td-item-name{margin-left:100px !important;font-size:14.5px;font-weight:600;line-height:1.45;color:#2a1f23}
body .shop-order-form #sod_list .td-item-name .sod_opt ul{margin:3px 0 0 !important}
body .shop-order-form #sod_list .td-item-name .sod_opt li{font-size:12.5px !important;color:#8c7f78 !important}
body .shop-order-form #sod_list .td-item-name .cp_btn,body .shop-order-form #sod_list .td-item-name .cp_cancel{border-radius:14px !important;padding:3px 10px !important;font-size:12px !important;height:auto !important;line-height:1.5 !important}
/* 소계: 오른쪽 굵게 */
body .shop-order-form #sod_list td:nth-child(4){order:2;flex:0 0 auto;margin-left:12px !important;font-size:16.5px;font-weight:800;color:#2a1f23}
body .shop-order-form #sod_list td:nth-child(4):after{content:'원';font-size:13px;font-weight:600;margin-left:1px}
/* 수량·판매가·적립·배송: 이름 아래 작은 칩 */
body .shop-order-form #sod_list td:nth-child(2),body .shop-order-form #sod_list td:nth-child(3),body .shop-order-form #sod_list td:nth-child(5),body .shop-order-form #sod_list td:nth-child(6){order:3;flex:0 0 auto;margin:-30px 6px 0 0 !important;padding:3px 8px !important;border-radius:6px;background:#f6ece2 !important;font-size:12px;color:#6f625c;line-height:1.4}
body .shop-order-form #sod_list td:nth-child(2){margin-left:100px !important}
body .shop-order-form #sod_list td:nth-child(2):before{content:'수량 '}
body .shop-order-form #sod_list td:nth-child(2):after{content:'개'}
body .shop-order-form #sod_list td:nth-child(3):before{content:'판매가 '}
body .shop-order-form #sod_list td:nth-child(3):after{content:'원'}
body .shop-order-form #sod_list td:nth-child(5):before{content:'적립 '}
body .shop-order-form #sod_list td:nth-child(5):after{content:'점'}
body .shop-order-form #sod_list td:nth-child(6):before{content:'배송 '}
/* 휴대폰 주문서(sod-li): 정보 줄을 칩으로 */
body .shop-order-form .sod-li-wrap .li-prqty{display:flex;flex-wrap:wrap;gap:6px}
body .shop-order-form .sod-li-wrap .li-prqty-sp{float:none !important;width:auto !important;padding:3px 8px !important;margin:0 !important;border:0 !important;border-radius:6px;background:#f6ece2;font-size:12px;line-height:1.4;text-align:left !important;color:#6f625c}
body .shop-order-form .sod-li-wrap .li-prqty-sp span{float:none !important;margin-right:4px}
/* 다크 */
html:has(link[href*="dark_mode.css"]) body .shop-order-form .table-list-eb{background:#1b1d24 !important;border-color:#2e3240 !important}
html:has(link[href*="dark_mode.css"]) body .shop-order-form #sod_list tr{border-top-color:#2e3240}
html:has(link[href*="dark_mode.css"]) body .shop-order-form #sod_list .td-item-name,html:has(link[href*="dark_mode.css"]) body .shop-order-form #sod_list td:nth-child(4){color:#e8e9ee}
html:has(link[href*="dark_mode.css"]) body .shop-order-form #sod_list td:nth-child(2),html:has(link[href*="dark_mode.css"]) body .shop-order-form #sod_list td:nth-child(3),html:has(link[href*="dark_mode.css"]) body .shop-order-form #sod_list td:nth-child(5),html:has(link[href*="dark_mode.css"]) body .shop-order-form #sod_list td:nth-child(6),html:has(link[href*="dark_mode.css"]) body .shop-order-form .sod-li-wrap .li-prqty-sp{background:#23262f !important;color:#b4b8c5}
/* 보정: 첫 줄=사진·이름 | 소계(오른쪽 끝), 둘째 줄=정보 칩(이름 아래) */
body .shop-order-form #sod_list td:nth-child(1){flex:0 0 calc(100% - 130px) !important}
body .shop-order-form #sod_list td:nth-child(4){flex:0 0 118px !important;text-align:right !important;margin-left:auto !important}
body .shop-order-form #sod_list td:nth-child(2),body .shop-order-form #sod_list td:nth-child(3),body .shop-order-form #sod_list td:nth-child(5),body .shop-order-form #sod_list td:nth-child(6){margin-top:-34px !important}
@media (max-width:575px){
  body .shop-order-form #sod_list td:nth-child(1){flex-basis:100% !important}
  body .shop-order-form #sod_list td:nth-child(4){order:4;flex-basis:100% !important;margin-top:8px !important}
  body .shop-order-form #sod_list td:nth-child(2),body .shop-order-form #sod_list td:nth-child(3),body .shop-order-form #sod_list td:nth-child(5),body .shop-order-form #sod_list td:nth-child(6){margin-top:8px !important}
  body .shop-order-form #sod_list td:nth-child(2){margin-left:0 !important}
}

/* ===== 11-09 상품 상세: 배송정보·교환/반품 상자(관리자 입력 내용 그대로, 모양만) ===== */
.shop-item #sit_dvr,.shop-item #sit_ex{background:#fff;border:1px solid var(--v2c-line,#efe5dc);border-radius:18px;padding:20px 22px 22px !important;font-size:14px;line-height:1.8;color:#4a3e42;word-break:keep-all;overflow-wrap:anywhere}
.shop-item #sit_dvr>h2.h-hidden,.shop-item #sit_ex>h2.h-hidden{display:flex !important;align-items:center;gap:8px;margin:0 0 12px !important;padding-bottom:12px !important;border-bottom:1px solid #f2ebe4 !important;line-height:1.4 !important}
.shop-item #sit_dvr>h2.h-hidden:before,.shop-item #sit_ex>h2.h-hidden:before{content:'';width:22px;height:22px;flex:0 0 auto;background:#c2467f;-webkit-mask:var(--sec-ic) center/contain no-repeat;mask:var(--sec-ic) center/contain no-repeat}
.shop-item #sit_dvr{--sec-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6h11v9H3zM14 9h4l3 3v3h-7'/%3E%3Ccircle cx='7' cy='17' r='1.7'/%3E%3Ccircle cx='17' cy='17' r='1.7'/%3E%3C/svg%3E")}
.shop-item #sit_ex{--sec-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 9h13l-3-3M20 15H7l3 3'/%3E%3C/svg%3E")}
.shop-item #sit_dvr img,.shop-item #sit_ex img{display:block;max-width:100% !important;width:auto;height:auto !important;margin:4px auto 18px;border-radius:14px}
.shop-item #sit_dvr p,.shop-item #sit_ex p{margin:0 0 4px}
.shop-item #sit_dvr strong,.shop-item #sit_dvr b,.shop-item #sit_ex strong,.shop-item #sit_ex b{display:inline-block;margin:10px 0 2px;color:#2a1f23;font-size:15px;font-weight:800}
.shop-item #sit_dvr table,.shop-item #sit_ex table{width:100% !important;border-collapse:collapse}
.shop-item #sit_dvr td,.shop-item #sit_ex td,.shop-item #sit_dvr th,.shop-item #sit_ex th{border:1px solid #efe5dc !important;padding:8px 10px !important}
@media (max-width:767px){ .shop-item #sit_dvr,.shop-item #sit_ex{padding:16px !important;font-size:13.5px} }
html:has(link[href*="dark_mode.css"]) .shop-item #sit_dvr,html:has(link[href*="dark_mode.css"]) .shop-item #sit_ex{background:#1b1d24;border-color:#2e3240;color:#c9ccd6}
html:has(link[href*="dark_mode.css"]) .shop-item #sit_dvr>h2.h-hidden,html:has(link[href*="dark_mode.css"]) .shop-item #sit_ex>h2.h-hidden{border-bottom-color:#2e3240 !important}
html:has(link[href*="dark_mode.css"]) .shop-item #sit_dvr strong,html:has(link[href*="dark_mode.css"]) .shop-item #sit_dvr b,html:has(link[href*="dark_mode.css"]) .shop-item #sit_ex strong,html:has(link[href*="dark_mode.css"]) .shop-item #sit_ex b{color:#e8e9ee}
html:has(link[href*="dark_mode.css"]) .shop-item #sit_dvr>h2.h-hidden:before,html:has(link[href*="dark_mode.css"]) .shop-item #sit_ex>h2.h-hidden:before{background:#ec7cb6}
/* 보정: 관리자 입력 글의 작은 인라인 글자 크기(9pt 등) → 읽기 좋은 크기, 빈 줄 여백 줄임 */
.shop-item #sit_dvr p,.shop-item #sit_dvr span,.shop-item #sit_dvr div,.shop-item #sit_dvr li,.shop-item #sit_dvr font,.shop-item #sit_ex p,.shop-item #sit_ex span,.shop-item #sit_ex div,.shop-item #sit_ex li,.shop-item #sit_ex font{font-size:14px !important;line-height:1.8 !important;font-family:inherit !important}
.shop-item #sit_dvr p:empty,.shop-item #sit_ex p:empty{display:none}
@media (max-width:767px){ .shop-item #sit_dvr p,.shop-item #sit_dvr span,.shop-item #sit_dvr div,.shop-item #sit_dvr li,.shop-item #sit_dvr font,.shop-item #sit_ex p,.shop-item #sit_ex span,.shop-item #sit_ex div,.shop-item #sit_ex li,.shop-item #sit_ex font{font-size:13.5px !important} }
/* 교환·환불·AS 소제목(관리자 입력 h3, 인라인 위 여백 45px) */
.shop-item #sit_dvr h3,.shop-item #sit_ex h3{display:flex !important;align-items:center;gap:8px;margin:22px 0 8px !important;padding:0 !important;font-size:16px !important;font-weight:800 !important;color:#2a1f23 !important;line-height:1.4 !important}
.shop-item #sit_dvr h3:before,.shop-item #sit_ex h3:before{content:'';width:4px;height:16px;border-radius:2px;background:#c2467f;flex:0 0 auto}
.shop-item #sit_dvr>h2+h3,.shop-item #sit_ex>h2+h3,.shop-item #sit_ex>.pg-anchor-in+h3{margin-top:6px !important}
html:has(link[href*="dark_mode.css"]) .shop-item #sit_dvr h3,html:has(link[href*="dark_mode.css"]) .shop-item #sit_ex h3{color:#e8e9ee !important}

/* ===== 11-09 상품 상세: 설명 사진 가운데 정렬 + 관리자 입력 글꼴(맑은 고딕·tahoma 등) → 사이트 기본 글꼴 ===== */
.shop-item #sit_inf_explan img{max-width:100% !important;height:auto !important}
.shop-item #sit_inf_explan p:has(> img),.shop-item #sit_inf_explan div:has(> img),.shop-item #sit_inf_explan p:has(> a > img),.shop-item #sit_inf_explan div:has(> a > img),.shop-item #sit_inf_explan:has(> img){text-align:center !important}
.shop-item #sit_inf_explan>img{display:block;margin-left:auto;margin-right:auto}
.shop-item #sit_inf_explan *,.shop-item #sit_dvr *,.shop-item #sit_ex *,.shop-item #sit_inf .hero,.shop-item #sit_inf .hero *{font-family:Pretendard,'Apple SD Gothic Neo',sans-serif !important}
.shop-item #sit_inf_explan i[class*="fa"],.shop-item #sit_dvr i[class*="fa"],.shop-item #sit_ex i[class*="fa"]{font-family:'Font Awesome 5 Free' !important}

/* 포인트 사용 즉시 반영 안내(11-09) — 총 주문금액 상자 안 */
#od_tot_price .v2-ptnote{flex-basis:100%;width:100%;margin-top:4px;font-size:13px;font-weight:600;color:#c2467f;text-align:right}
#od_tot_price .v2-ptnote.is-err{color:#b42318}
html:has(link[href*="dark_mode.css"]) #od_tot_price .v2-ptnote{color:#ec7cb6}
html:has(link[href*="dark_mode.css"]) #od_tot_price .v2-ptnote.is-err{color:#f97066}

/* ===== 11-09 주문 내역 목록(orderinquiry.v2.inc.php) — 카드형, 마이페이지 '최근 주문내역'도 같이 ===== */
.v2-od{--c-pink:#dc609f;--c-ink:#1b1b1f;--c-sub:#8a8794;--c-line:#ececf0;--c-bg2:#f6f5f8;color:var(--c-ink);max-width:860px;margin:0 auto;letter-spacing:-.2px;word-break:keep-all}
.v2-od a{text-decoration:none !important}
.v2-od .v2od-track{display:grid;grid-template-columns:repeat(5,1fr);list-style:none;margin:0 0 14px;padding:16px 4px;border-radius:16px;background:var(--c-bg2)}
.v2-od .v2od-track li{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}
.v2-od .v2od-track li+li:before{content:'';position:absolute;left:-4px;top:9px;width:7px;height:7px;border:solid #c9c7cf;border-width:1.5px 1.5px 0 0;transform:rotate(45deg)}
.v2-od .v2od-track b{font-size:20px;font-weight:800;line-height:1.2;color:#c3c1ca}
.v2-od .v2od-track li.has b{color:var(--c-pink)}
.v2-od .v2od-track span{font-size:12px;color:var(--c-sub);white-space:nowrap}
.v2-od .v2od-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.v2-od .v2od-item{border:1px solid var(--c-line);border-radius:16px;background:#fff;overflow:hidden;transition:box-shadow .15s}
.v2-od .v2od-item:hover{box-shadow:0 6px 20px rgba(20,20,40,.07)}
.v2-od .v2od-link{display:block;padding:14px 14px 12px;color:inherit !important}
.v2-od .v2od-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.v2-od .v2od-date{font-size:14.5px;font-weight:800}
.v2-od .v2od-date small{font-size:12.5px;font-weight:500;color:var(--c-sub)}
.v2-od .v2od-badge{display:inline-flex;align-items:center;height:24px;padding:0 9px;border-radius:12px;font-size:12px;font-weight:700;background:#f1f0f4;color:#55535e}
.v2-od .is-wait .v2od-badge{background:#fff4e5;color:#b45309}
.v2-od .is-paid .v2od-badge{background:#fdf0f7;color:#c2467f}
.v2-od .is-prep .v2od-badge{background:#eef2ff;color:#4f46e5}
.v2-od .is-ship .v2od-badge{background:#e6f6ff;color:#0369a1}
.v2-od .is-done .v2od-badge{background:#ecfdf3;color:#15803d}
.v2-od .is-cancel .v2od-badge{background:#f1f0f4;color:#76747f}
.v2-od .v2od-body{display:grid;grid-template-columns:72px 1fr 10px;gap:12px;align-items:center}
.v2-od .v2od-img{display:flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:12px;overflow:hidden;background:var(--c-bg2);color:#b8b6c0;font-size:22px}
.v2-od .v2od-img img{width:100%;height:100%;object-fit:cover;display:block}
.v2-od .is-cancel .v2od-img img{opacity:.55}
.v2-od .v2od-info{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 6px;min-width:0}
.v2-od .v2od-name{flex:1 1 100%;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:14.5px;font-weight:600;line-height:1.4}
.v2-od .v2od-more{flex:1 1 100%;font-size:12.5px;color:var(--c-sub)}
.v2-od .v2od-price{margin-top:4px;font-size:16px;font-weight:800}
.v2-od .v2od-price small{font-size:13px;font-weight:600;margin-left:1px}
.v2-od .is-cancel .v2od-price{color:var(--c-sub);text-decoration:line-through;font-weight:600}
.v2-od .v2od-misu{flex:1 1 100%;font-size:12.5px;font-weight:600;color:#b45309}
.v2-od .v2od-arrow{width:8px;height:8px;border:solid #c3c1ca;border-width:2px 2px 0 0;transform:rotate(45deg)}
.v2-od .v2od-foot{margin-top:10px;padding-top:10px;border-top:1px solid var(--c-line);font-size:12px;color:#a19fa9;font-variant-numeric:tabular-nums}
.v2-od .v2od-empty{display:flex;flex-direction:column;align-items:center;padding:50px 0 60px;text-align:center}
.v2-od .v2od-empty-ic{width:70px;height:70px;border-radius:50%;background:var(--c-bg2);color:#a3a1ab;display:flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:14px}
.v2-od .v2od-empty p{margin:0;font-size:16px;font-weight:700}
.v2-od .v2od-empty-btn{margin-top:18px;padding:12px 30px;border-radius:12px;background:var(--c-ink);color:#fff !important;font-size:14.5px;font-weight:700}
#sod_v:has(.v2-od) .eb-pagination,#sod_v:has(.v2-od) .pg_wrap{margin-top:18px}
@media (min-width:768px){
  .v2-od .v2od-track{padding:20px 8px}
  .v2-od .v2od-track b{font-size:24px}
  .v2-od .v2od-track span{font-size:13px}
  .v2-od .v2od-link{padding:16px 18px 14px}
  .v2-od .v2od-body{grid-template-columns:84px 1fr 10px;gap:16px}
  .v2-od .v2od-img{width:84px;height:84px}
}
/* 마이페이지 안에서는 진행 현황 줄 위 여백만 */
.shop-mypage .v2-od{max-width:none}

/* ===== 11-09 주문 상세(orderinquiryview.v2.inc.php) — 주문 직후 '주문완료' 화면 겸용 ===== */
.v2-ov{--c-pink:#dc609f;--c-pink2:#c2467f;--c-ink:#1b1b1f;--c-sub:#8a8794;--c-line:#ececf0;--c-bg2:#f6f5f8;color:var(--c-ink);max-width:1100px;margin:0 auto;letter-spacing:-.2px;word-break:keep-all;font-size:14px}
.v2-ov a{text-decoration:none !important}
.v2-ov .v2ov-top{margin:0 0 14px}
.v2-ov .v2ov-back{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--c-sub) !important;margin-bottom:6px}
.v2-ov .v2ov-back:before{content:'';width:7px;height:7px;border:solid currentColor;border-width:0 0 1.5px 1.5px;transform:rotate(45deg)}
.v2-ov .v2ov-meta{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px}
.v2-ov .v2ov-meta strong{font-size:20px;font-weight:800;letter-spacing:-.5px}
.v2-ov .v2ov-meta span{font-size:12.5px;color:var(--c-sub);font-variant-numeric:tabular-nums}
.v2-ov .v2ov-card{display:block;border:1px solid var(--c-line);border-radius:16px;background:#fff;padding:16px;margin:0 0 12px}
.v2-ov .v2ov-h{display:flex;align-items:center;gap:6px;margin:0 0 12px;font-size:16px;font-weight:800;letter-spacing:-.4px;color:var(--c-ink)}
.v2-ov .v2ov-h b{color:var(--c-pink)}
/* 진행 상태 */
.v2-ov .v2ov-state-title{margin:0;font-size:19px;font-weight:800;color:var(--c-pink2)}
.v2-ov .v2ov-state-title.is-cancel{color:#76747f}
.v2-ov .v2ov-state-sub{margin:3px 0 0;font-size:13.5px;color:var(--c-sub)}
.v2-ov .v2ov-steps{--p:0;position:relative;display:grid;grid-template-columns:repeat(5,1fr);list-style:none;margin:18px 0 2px;padding:0}
.v2-ov .v2ov-steps:before,.v2-ov .v2ov-steps:after{content:'';position:absolute;top:6px;left:10%;height:2px;border-radius:1px;background:#e6e4ea}
.v2-ov .v2ov-steps:before{right:10%}
.v2-ov .v2ov-steps:after{width:calc(80% * var(--p) / 4);background:var(--c-pink)}
.v2-ov .v2ov-steps li{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:7px}
.v2-ov .v2ov-steps i{width:14px;height:14px;border-radius:50%;background:#fff;border:2px solid #d6d4dc}
.v2-ov .v2ov-steps .is-done i{background:var(--c-pink);border-color:var(--c-pink)}
.v2-ov .v2ov-steps .is-on i{background:#fff;border:4px solid var(--c-pink);box-shadow:0 0 0 4px rgba(220,96,159,.18)}
.v2-ov .v2ov-steps span{font-size:12px;color:#a19fa9;white-space:nowrap}
.v2-ov .v2ov-steps .is-done span{color:var(--c-sub)}
.v2-ov .v2ov-steps .is-on span{color:var(--c-ink);font-weight:800}
.v2-ov .v2ov-dlv{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:16px;padding:12px 14px;border-radius:12px;background:var(--c-bg2)}
.v2-ov .v2ov-dlv div{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 8px;min-width:0}
.v2-ov .v2ov-dlv b{font-size:14px}
.v2-ov .v2ov-dlv span{font-size:13.5px;font-variant-numeric:tabular-nums}
.v2-ov .v2ov-dlv small{flex-basis:100%;font-size:12px;color:var(--c-sub)}
.v2-ov .v2ov-btn-line{flex:0 0 auto;display:inline-flex;align-items:center;height:36px;padding:0 14px;border-radius:10px;background:var(--c-ink);color:#fff !important;font-size:13px;font-weight:700}
.v2-ov .v2ov-bank{margin:16px 0 0;padding:12px 14px;border-radius:12px;background:#fff7ec}
.v2-ov .v2ov-bank div{display:flex;justify-content:space-between;gap:12px;padding:3px 0}
.v2-ov .v2ov-bank dt{font-weight:400;color:#8a6a45}
.v2-ov .v2ov-bank dd{margin:0;font-weight:600;text-align:right}
.v2-ov .v2ov-bank dd.is-strong{font-size:16px;font-weight:800;color:#b45309}
/* 주문 상품 */
.v2-ov .v2ov-items{list-style:none;margin:0;padding:0}
.v2-ov .v2ov-item{display:grid;grid-template-columns:76px 1fr;gap:12px;padding:12px 0;border-top:1px solid var(--c-line)}
.v2-ov .v2ov-item:first-child{border-top:0;padding-top:0}
.v2-ov .v2ov-item:last-child{padding-bottom:0}
.v2-ov .v2ov-img{display:block;width:76px;height:76px;border-radius:12px;overflow:hidden;background:var(--c-bg2)}
.v2-ov .v2ov-img img{width:100%;height:100%;object-fit:cover;display:block}
.v2-ov .v2ov-info{min-width:0}
.v2-ov .v2ov-name{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:14.5px;font-weight:600;line-height:1.4;color:var(--c-ink) !important}
.v2-ov .v2ov-opt{margin-top:6px}
.v2-ov .v2ov-opt-name{display:block;font-size:12.5px;color:var(--c-sub);line-height:1.45}
.v2-ov .v2ov-opt-row{display:flex;align-items:center;flex-wrap:wrap;gap:4px 8px;margin-top:2px}
.v2-ov .v2ov-opt-qty{font-size:12.5px;color:var(--c-sub)}
.v2-ov .v2ov-opt-price{font-size:15px;font-weight:800}
.v2-ov .v2ov-chip{display:inline-flex;align-items:center;height:20px;padding:0 7px;border-radius:10px;font-size:11.5px;font-weight:700;background:#f1f0f4;color:#55535e}
.v2-ov .v2ov-chip.is-wait{background:#fff4e5;color:#b45309}.v2-ov .v2ov-chip.is-paid{background:#fdf0f7;color:#c2467f}.v2-ov .v2ov-chip.is-prep{background:#eef2ff;color:#4f46e5}.v2-ov .v2ov-chip.is-ship{background:#e6f6ff;color:#0369a1}.v2-ov .v2ov-chip.is-done{background:#ecfdf3;color:#15803d}
.v2-ov .v2ov-item-meta{margin-top:4px;font-size:12px;color:#a19fa9}
/* 정보 목록 */
.v2-ov .v2ov-dl{margin:0}
.v2-ov .v2ov-dl div{display:grid;grid-template-columns:82px 1fr;gap:10px;padding:5px 0;font-size:14px;line-height:1.5}
.v2-ov .v2ov-dl dt{font-weight:400;color:var(--c-sub)}
.v2-ov .v2ov-dl dd{margin:0;word-break:break-all}
.v2-ov .v2ov-muted{color:var(--c-sub)}
.v2-ov .v2ov-link{display:inline-block;margin-right:8px;padding:3px 10px;border:1px solid #e3e2e8;border-radius:8px;font-size:12.5px;font-weight:600;color:#3a3842 !important}
.v2-ov .v2ov-fold summary{list-style:none;cursor:pointer;margin:0;justify-content:space-between}
.v2-ov .v2ov-fold summary::-webkit-details-marker{display:none}
.v2-ov .v2ov-fold summary:after{content:'';width:8px;height:8px;border:solid #a19fa9;border-width:0 2px 2px 0;transform:rotate(45deg);margin:-4px 4px 0 0;transition:transform .15s}
.v2-ov .v2ov-fold[open] summary{margin-bottom:12px}
.v2-ov .v2ov-fold[open] summary:after{transform:rotate(-135deg);margin-top:4px}
.v2-ov .v2ov-fold:not([open]){padding-top:14px;padding-bottom:14px}
.v2-ov .v2ov-fold:not([open]) summary{margin:0}
/* 결제 금액 */
.v2-ov .v2ov-sum dl{margin:0}
.v2-ov .v2ov-sum dl div{display:flex;justify-content:space-between;gap:10px;padding:5px 0;font-size:14px}
.v2-ov .v2ov-sum dt{font-weight:400;color:var(--c-sub)}
.v2-ov .v2ov-sum dd{margin:0;font-weight:600;font-variant-numeric:tabular-nums}
.v2-ov .v2ov-sum dd.is-minus{color:var(--c-pink2)}
.v2-ov .v2ov-sum .v2ov-total{margin-top:6px;padding-top:12px;border-top:1px solid var(--c-line);align-items:baseline}
.v2-ov .v2ov-sum .v2ov-total dt{color:var(--c-ink);font-weight:700}
.v2-ov .v2ov-sum .v2ov-total dd{font-size:21px;font-weight:800;color:var(--c-pink2)}
.v2-ov .v2ov-sum .v2ov-total dd small{font-size:14px;margin-left:1px}
.v2-ov .v2ov-sum .v2ov-sub{padding:2px 0;font-size:13px}
.v2-ov .v2ov-sum .v2ov-misu dt,.v2-ov .v2ov-sum .v2ov-misu dd{color:#b45309;font-weight:700}
/* 취소 */
.v2-ov .v2ov-cancel{margin:0 0 12px}
.v2-ov .v2ov-cancel-btn{display:block;width:100%;height:48px;border:1px solid #dcdae2;border-radius:12px;background:#fff;color:#55535e;font-size:14.5px;font-weight:700}
.v2-ov #sod_cancel_pop{display:none;margin-top:10px;padding:14px;border-radius:12px;background:var(--c-bg2)}
.v2-ov #sod_fin_cancelfrm{position:static;width:auto;margin:0;padding:0;border:0;background:none;box-shadow:none}
.v2-ov #sod_fin_cancelfrm form{padding:0}
.v2-ov .v2ov-cancel-label{display:block;margin:0 0 6px;font-size:13px;font-weight:700}
.v2-ov .v2ov-input{display:block;width:100%;height:44px;padding:0 12px;border:1px solid #dcdae2;border-radius:10px;background:#fff;font-size:14px;color:var(--c-ink)}
.v2-ov .v2ov-input:focus{outline:0;border-color:var(--c-pink)}
.v2-ov .v2ov-cancel-ok{display:block;width:100%;height:46px;margin-top:8px;border:0;border-radius:10px;background:var(--c-ink);color:#fff;font-size:14.5px;font-weight:700}
.v2-ov .v2ov-note{margin:8px 2px 0;font-size:12.5px;color:var(--c-sub)}
.v2-ov .v2ov-note.is-alert{margin:0;padding:12px 14px;border-radius:12px;background:#fdecec;color:#b42318;font-weight:600}
.v2-ov .v2ov-list-btn{display:flex;align-items:center;justify-content:center;height:48px;border-radius:12px;background:var(--c-bg2);color:var(--c-ink) !important;font-size:14.5px;font-weight:700}
/* 주문 직후 화면: 옛 진행 단계 줄(.shop-steps)은 이 화면에서 안 씀 */
@media (min-width:992px){
  .v2-ov .v2ov-main{display:grid;grid-template-columns:1fr 340px;gap:28px;align-items:start}
  .v2-ov .v2ov-side{position:sticky;top:20px}
  .v2-ov .v2ov-card{padding:20px 22px}
  .v2-ov .v2ov-item{grid-template-columns:88px 1fr;gap:16px}
  .v2-ov .v2ov-img{width:88px;height:88px}
  .v2-ov .v2ov-meta strong{font-size:24px}
  .v2-ov .v2ov-steps span{font-size:13px}
}
/* 다크 */
html:has(link[href*="dark_mode.css"]) .v2-od,html:has(link[href*="dark_mode.css"]) .v2-ov{--c-ink:#e8e9ee;--c-sub:#a3a7b5;--c-line:#2e3240;--c-bg2:#23262f;--c-pink2:#ec7cb6}
html:has(link[href*="dark_mode.css"]) .v2-od .v2od-item,html:has(link[href*="dark_mode.css"]) .v2-ov .v2ov-card{background:#1b1d24}
html:has(link[href*="dark_mode.css"]) .v2-od .v2od-track{background:#1b1d24;border:1px solid #2e3240}
html:has(link[href*="dark_mode.css"]) .v2-od .v2od-track b{color:#5b5f6d}
html:has(link[href*="dark_mode.css"]) .v2-od .v2od-track li.has b{color:#ec7cb6}
html:has(link[href*="dark_mode.css"]) .v2-od .v2od-foot,html:has(link[href*="dark_mode.css"]) .v2-ov .v2ov-item-meta,html:has(link[href*="dark_mode.css"]) .v2-ov .v2ov-steps span{color:#a3a7b5}
html:has(link[href*="dark_mode.css"]) .v2-od .v2od-badge,html:has(link[href*="dark_mode.css"]) .v2-ov .v2ov-chip{background:#2b2f3a;color:#c9ccd6}
html:has(link[href*="dark_mode.css"]) .v2-od .is-wait .v2od-badge,html:has(link[href*="dark_mode.css"]) .v2-ov .v2ov-chip.is-wait{background:#3a2a14;color:#fbbf6a}
html:has(link[href*="dark_mode.css"]) .v2-od .is-paid .v2od-badge,html:has(link[href*="dark_mode.css"]) .v2-ov .v2ov-chip.is-paid{background:#3a1f2e;color:#f39ac8}
html:has(link[href*="dark_mode.css"]) .v2-od .is-prep .v2od-badge,html:has(link[href*="dark_mode.css"]) .v2-ov .v2ov-chip.is-prep{background:#252a4a;color:#a5b4fc}
html:has(link[href*="dark_mode.css"]) .v2-od .is-ship .v2od-badge,html:has(link[href*="dark_mode.css"]) .v2-ov .v2ov-chip.is-ship{background:#13314a;color:#7dd3fc}
html:has(link[href*="dark_mode.css"]) .v2-od .is-done .v2od-badge,html:has(link[href*="dark_mode.css"]) .v2-ov .v2ov-chip.is-done{background:#173524;color:#86efac}
html:has(link[href*="dark_mode.css"]) .v2-od .v2od-misu,html:has(link[href*="dark_mode.css"]) .v2-ov .v2ov-sum .v2ov-misu dt,html:has(link[href*="dark_mode.css"]) .v2-ov .v2ov-sum .v2ov-misu dd{color:#fbbf6a}
html:has(link[href*="dark_mode.css"]) .v2-od .v2od-empty-btn{background:#e8e9ee;color:#111 !important}
html:has(link[href*="dark_mode.css"]) .v2-ov .v2ov-steps:before{background:#3a3f4f}
html:has(link[href*="dark_mode.css"]) .v2-ov .v2ov-steps i{background:#1b1d24;border-color:#4a4f60}
html:has(link[href*="dark_mode.css"]) .v2-ov .v2ov-steps .is-done i{background:#ec7cb6;border-color:#ec7cb6}
html:has(link[href*="dark_mode.css"]) .v2-ov .v2ov-steps .is-on i{background:#1b1d24;border-color:#ec7cb6}
html:has(link[href*="dark_mode.css"]) .v2-ov .v2ov-steps:after{background:#ec7cb6}
html:has(link[href*="dark_mode.css"]) .v2-ov .v2ov-btn-line{background:#e8e9ee;color:#111 !important}
html:has(link[href*="dark_mode.css"]) .v2-ov .v2ov-bank{background:#2c2417}
html:has(link[href*="dark_mode.css"]) .v2-ov .v2ov-bank dt{color:#d9b98f}
html:has(link[href*="dark_mode.css"]) .v2-ov .v2ov-bank dd.is-strong{color:#fbbf6a}
html:has(link[href*="dark_mode.css"]) .v2-ov .v2ov-link,html:has(link[href*="dark_mode.css"]) .v2-ov .v2ov-cancel-btn{background:transparent;border-color:#3a3f4f;color:#c9ccd6 !important}
html:has(link[href*="dark_mode.css"]) .v2-ov .v2ov-input{background:#121318;border-color:#3a3f4f}
html:has(link[href*="dark_mode.css"]) .v2-ov .v2ov-cancel-ok{background:#e8e9ee;color:#111}
html:has(link[href*="dark_mode.css"]) .v2-ov .v2ov-note.is-alert{background:#3a1d1d;color:#fca5a5}

/* ===== 11-09 쇼핑 마이페이지(mypage.v2.inc.php) ===== */
.v2-my{--c-pink:#dc609f;--c-pink2:#c2467f;--c-ink:#1b1b1f;--c-sub:#8a8794;--c-line:#ececf0;--c-bg2:#f6f5f8;color:var(--c-ink);max-width:1100px;margin:0 auto;letter-spacing:-.2px;word-break:keep-all}
.v2-my a{text-decoration:none !important;color:inherit}
.v2-my .v2my-hero{border-radius:20px;padding:20px 18px 18px;background:linear-gradient(135deg,#fdf0f7 0%,#f4f0fb 100%);margin-bottom:12px}
.v2-my .v2my-who{display:flex;align-items:center;gap:12px}
.v2-my .v2my-avatar{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;background:var(--c-pink);color:#fff;font-size:21px;font-weight:800}
.v2-my .v2my-hi{margin:0;font-size:18px;line-height:1.35}
.v2-my .v2my-hi b{font-weight:800}
.v2-my .v2my-sub{margin:2px 0 0;font-size:12.5px;color:var(--c-sub)}
.v2-my .v2my-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:16px}
.v2-my .v2my-stat{display:flex;flex-direction:column;gap:3px;padding:12px 10px;border-radius:14px;background:rgba(255,255,255,.85);cursor:pointer}
.v2-my .v2my-stat span{font-size:12px;color:var(--c-sub)}
.v2-my .v2my-stat b{font-size:17px;font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap}
.v2-my .v2my-stat b small{font-size:12px;font-weight:600;margin-left:1px}
.v2-my .v2my-stat:first-child b{color:var(--c-pink2)}
.v2-my .v2my-menu{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:1px solid var(--c-line);border-radius:16px;background:#fff;margin-bottom:22px;overflow:hidden}
.v2-my .v2my-menu a{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 4px;font-size:13px;font-weight:600;color:#3a3842 !important}
.v2-my .v2my-menu a:hover{background:var(--c-bg2)}
.v2-my .v2my-menu-ic{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:14px;background:var(--c-bg2);color:var(--c-ink)}
.v2-my .v2my-sec{margin:0 0 24px}
.v2-my .v2my-sec-h{display:flex;align-items:center;justify-content:space-between;margin:0 2px 10px}
.v2-my .v2my-sec-h h3{margin:0;font-size:18px;font-weight:800;letter-spacing:-.5px}
.v2-my .v2my-sec-h a{display:inline-flex;align-items:center;gap:4px;font-size:13px;color:var(--c-sub) !important}
.v2-my .v2my-sec-h a:after{content:'';width:6px;height:6px;border:solid currentColor;border-width:1.5px 1.5px 0 0;transform:rotate(45deg)}
.v2-my .v2-od{max-width:none}
.v2-my .v2my-wish{display:grid;grid-template-columns:repeat(2,1fr);gap:16px 10px;list-style:none;margin:0;padding:0}
.v2-my .v2my-wish a{display:block}
.v2-my .v2my-wish-img{position:relative;display:block;aspect-ratio:1/1;border-radius:14px;overflow:hidden;background:var(--c-bg2)}
.v2-my .v2my-wish-img img{width:100% !important;height:100% !important;object-fit:cover;display:block}
.v2-my .v2my-wish-img em{position:absolute;left:8px;top:8px;padding:2px 8px;border-radius:8px;background:rgba(30,30,36,.75);color:#fff;font-size:11.5px;font-style:normal;font-weight:700}
.v2-my .is-soldout .v2my-wish-img img{opacity:.5}
.v2-my .v2my-wish-name{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:8px;font-size:13.5px;line-height:1.4;color:#3a3842}
.v2-my .v2my-wish-price{display:block;margin-top:3px;font-size:15px;font-weight:800}
.v2-my .v2my-wish-price small{font-size:12px;font-weight:600;margin-left:1px}
.v2-my .v2my-empty{padding:34px 16px;border-radius:16px;background:var(--c-bg2);text-align:center;font-size:13.5px;color:var(--c-sub)}
.v2-my .v2my-info{border:1px solid var(--c-line);border-radius:16px;background:#fff;padding:14px 16px}
.v2-my .v2my-info summary{display:flex;align-items:center;justify-content:space-between;list-style:none;cursor:pointer;font-size:15px;font-weight:800}
.v2-my .v2my-info summary::-webkit-details-marker{display:none}
.v2-my .v2my-info summary:after{content:'';width:8px;height:8px;border:solid #a19fa9;border-width:0 2px 2px 0;transform:rotate(45deg);margin:-4px 4px 0 0;transition:transform .15s}
.v2-my .v2my-info[open] summary:after{transform:rotate(-135deg);margin-top:4px}
.v2-my .v2my-info dl{margin:12px 0 0}
.v2-my .v2my-info dl div{display:grid;grid-template-columns:72px 1fr;gap:10px;padding:5px 0;font-size:14px}
.v2-my .v2my-info dt{font-weight:400;color:var(--c-sub)}
.v2-my .v2my-info dd{margin:0;word-break:break-all}
@media (min-width:768px){
  .v2-my .v2my-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:26px 28px}
  .v2-my .v2my-stats{flex:0 1 560px;margin-top:0}
  .v2-my .v2my-stat{padding:14px 16px}
  .v2-my .v2my-stat b{font-size:20px}
  .v2-my .v2my-avatar{width:60px;height:60px;font-size:24px}
  .v2-my .v2my-hi{font-size:20px}
  .v2-my .v2my-menu{grid-template-columns:repeat(6,1fr)}
  .v2-my .v2my-wish{grid-template-columns:repeat(4,1fr);gap:22px 16px}
}
html:has(link[href*="dark_mode.css"]) .v2-my{--c-ink:#e8e9ee;--c-sub:#a3a7b5;--c-line:#2e3240;--c-bg2:#23262f;--c-pink2:#ec7cb6}
html:has(link[href*="dark_mode.css"]) .v2-my .v2my-hero{background:linear-gradient(135deg,#2a1d27 0%,#211f2e 100%)}
html:has(link[href*="dark_mode.css"]) .v2-my .v2my-stat{background:rgba(255,255,255,.05)}
html:has(link[href*="dark_mode.css"]) .v2-my .v2my-avatar{background:#c2467f}
html:has(link[href*="dark_mode.css"]) .v2-my .v2my-menu,html:has(link[href*="dark_mode.css"]) .v2-my .v2my-info{background:#1b1d24}
html:has(link[href*="dark_mode.css"]) .v2-my .v2my-menu a,html:has(link[href*="dark_mode.css"]) .v2-my .v2my-wish-name{color:#c9ccd6 !important}

/* ===== 11-09 쿠폰존(couponzone.v2.inc.php) — 티켓형 카드 ===== */
.v2-cz{--c-pink:#dc609f;--c-pink2:#c2467f;--c-ink:#1b1b1f;--c-sub:#8a8794;--c-line:#ececf0;--c-bg2:#f6f5f8;color:var(--c-ink);max-width:1100px;margin:0 auto;letter-spacing:-.2px;word-break:keep-all}
.v2-cz a{text-decoration:none !important}
.v2-cz .v2cz-hero{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:22px 18px;border-radius:20px;background:linear-gradient(135deg,#fde4f1 0%,#efe6fb 100%);margin-bottom:22px;overflow:hidden;position:relative}
.v2-cz .v2cz-hero:after{content:'';position:absolute;right:-30px;bottom:-40px;width:140px;height:140px;border-radius:50%;background:rgba(255,255,255,.35)}
.v2-cz .v2cz-hero>*{position:relative;z-index:1}
.v2-cz .v2cz-hero-k{margin:0 0 4px;font-size:11px;font-weight:800;letter-spacing:1.5px;color:var(--c-pink2)}
.v2-cz .v2cz-hero h2{margin:0;font-size:21px;font-weight:800;letter-spacing:-.6px;line-height:1.3;color:var(--c-ink)}
.v2-cz .v2cz-hero-s{margin:5px 0 0;font-size:13px;color:#6f6c78}
.v2-cz .v2cz-mine{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:2px;min-width:78px;padding:12px 12px;border-radius:16px;background:#fff;box-shadow:0 6px 18px rgba(194,70,127,.12);color:var(--c-ink) !important;cursor:pointer}
.v2-cz .v2cz-mine span{font-size:12px;color:var(--c-sub)}
.v2-cz .v2cz-mine b{font-size:20px;font-weight:800;color:var(--c-pink2)}
.v2-cz .v2cz-mine b small{font-size:12px;margin-left:1px}
.v2-cz .v2cz-sec{margin-bottom:28px}
.v2-cz .v2cz-sec h3{margin:0;font-size:18px;font-weight:800;letter-spacing:-.5px}
.v2-cz .v2cz-sec h3 b{color:var(--c-pink)}
.v2-cz .v2cz-sec-s{margin:3px 0 12px;font-size:13px;color:var(--c-sub)}
.v2-cz .v2cz-list{display:grid;grid-template-columns:1fr;gap:12px;list-style:none;margin:0;padding:0}
/* 티켓: 왼쪽 금액 | 가운데 내용 | 오른쪽 버튼, 사이를 점선+반원 홈으로 */
.v2-cz .v2cz-ticket{position:relative;display:grid;grid-template-columns:104px 1fr 74px;min-height:118px;border-radius:16px;background:#fff;box-shadow:0 0 0 1px var(--c-line) inset;overflow:hidden}
.v2-cz .v2cz-amt{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:12px 6px;background:linear-gradient(160deg,#e66aa8,#c2467f);color:#fff;text-align:center}
.v2-cz .is-point .v2cz-amt{background:linear-gradient(160deg,#8b6ce0,#6447c4)}
.v2-cz .v2cz-kind{font-size:11px;font-weight:700;opacity:.9}
.v2-cz .v2cz-amt b{font-size:22px;font-weight:800;letter-spacing:-.6px;line-height:1.15;white-space:nowrap}
.v2-cz .v2cz-amt b small{font-size:13px;margin-left:1px}
.v2-cz .v2cz-max{font-size:10.5px;opacity:.9}
.v2-cz .v2cz-body{min-width:0;padding:14px 12px 12px 16px}
.v2-cz .v2cz-tit{margin:0 0 6px;font-size:15px;font-weight:800;line-height:1.35}
.v2-cz .v2cz-cond{list-style:none;margin:0;padding:0;font-size:12.5px;color:var(--c-sub);line-height:1.6}
.v2-cz .v2cz-cond a{color:#3a3842 !important;text-decoration:underline !important;text-underline-offset:2px}
.v2-cz .v2cz-cond .is-point b{color:#6447c4}
.v2-cz .v2cz-act{position:relative;display:flex;align-items:center;justify-content:center;border-left:1.5px dashed #e3e1e8}
.v2-cz .v2cz-act:before,.v2-cz .v2cz-act:after{content:'';position:absolute;left:-9px;width:16px;height:16px;border-radius:50%;background:var(--v2cz-hole,#fbf6f1);box-shadow:0 0 0 1px var(--c-line) inset}
.v2-cz .v2cz-act:before{top:-8px}.v2-cz .v2cz-act:after{bottom:-8px}
.v2-cz .v2cz-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;width:54px;height:54px;border:0;border-radius:50%;background:var(--c-ink);color:#fff;font-size:12px;font-weight:700;padding:0;cursor:pointer}
.v2-cz .v2cz-btn-on{display:flex;flex-direction:column;align-items:center;gap:1px}
.v2-cz .v2cz-btn-off{display:none}
.v2-cz .v2cz-btn.disabled{background:#efeef2;color:#8a8794;cursor:default}
.v2-cz .v2cz-btn.disabled .v2cz-btn-on{display:none}
.v2-cz .v2cz-btn.disabled .v2cz-btn-off{display:inline}
.v2-cz .v2cz-ticket:has(.v2cz-btn.disabled) .v2cz-amt{filter:saturate(.35) brightness(1.05)}
.v2-cz .v2cz-empty{display:flex;flex-direction:column;align-items:center;padding:46px 16px 56px;border-radius:20px;background:#fff;box-shadow:0 0 0 1px var(--c-line) inset;text-align:center}
.v2-cz .v2cz-empty-ic{display:flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:50%;background:#fdf0f7;color:var(--c-pink);margin-bottom:14px}
.v2-cz .v2cz-empty p{margin:0;font-size:16.5px;font-weight:800}
.v2-cz .v2cz-empty small{margin-top:4px;font-size:13.5px;color:var(--c-sub)}
.v2-cz .v2cz-empty-btn{margin-top:20px;padding:12px 30px;border-radius:12px;background:var(--c-ink);color:#fff !important;font-size:14.5px;font-weight:700}
@media (min-width:768px){
  .v2-cz .v2cz-hero{padding:30px 32px}
  .v2-cz .v2cz-hero h2{font-size:26px}
  .v2-cz .v2cz-hero-s{font-size:14px}
  .v2-cz .v2cz-mine{min-width:96px;padding:14px 18px}
  .v2-cz .v2cz-mine b{font-size:24px}
  .v2-cz .v2cz-list{grid-template-columns:repeat(2,1fr);gap:16px}
}
@media (min-width:1200px){ .v2-cz .v2cz-list{grid-template-columns:repeat(3,1fr)} }
html:has(link[href*="dark_mode.css"]) .v2-cz{--c-ink:#e8e9ee;--c-sub:#a3a7b5;--c-line:#2e3240;--c-bg2:#23262f;--c-pink2:#ec7cb6;--v2cz-hole:#121318}
html:has(link[href*="dark_mode.css"]) .v2-cz .v2cz-hero{background:linear-gradient(135deg,#2c1d28 0%,#221e30 100%)}
html:has(link[href*="dark_mode.css"]) .v2-cz .v2cz-hero:after{background:rgba(255,255,255,.04)}
html:has(link[href*="dark_mode.css"]) .v2-cz .v2cz-hero-s{color:#a3a7b5}
html:has(link[href*="dark_mode.css"]) .v2-cz .v2cz-mine,html:has(link[href*="dark_mode.css"]) .v2-cz .v2cz-ticket,html:has(link[href*="dark_mode.css"]) .v2-cz .v2cz-empty{background:#1b1d24;box-shadow:0 0 0 1px #2e3240 inset}
html:has(link[href*="dark_mode.css"]) .v2-cz .v2cz-act{border-left-color:#3a3f4f}
html:has(link[href*="dark_mode.css"]) .v2-cz .v2cz-cond a{color:#c9ccd6 !important}
html:has(link[href*="dark_mode.css"]) .v2-cz .v2cz-cond .is-point b{color:#b8a5f5}
html:has(link[href*="dark_mode.css"]) .v2-cz .v2cz-btn,html:has(link[href*="dark_mode.css"]) .v2-cz .v2cz-empty-btn{background:#e8e9ee;color:#111 !important}
html:has(link[href*="dark_mode.css"]) .v2-cz .v2cz-btn.disabled{background:#2b2f3a;color:#a3a7b5 !important}
html:has(link[href*="dark_mode.css"]) .v2-cz .v2cz-empty-ic{background:#3a1f2e;color:#ec7cb6}

/* 2026-11-09 위로가기 버튼 아래로: 옛 휴대폰 메뉴 버튼(bottom 15px) 위 자리(70px)였는데 v2 는 그 버튼을 숨겨 빈칸 → 20px. 아이폰 홈 막대만큼 더 띄움.
   상품 화면 구매바(margin-bottom 68px)·장바구니 주문바(76px)는 기존 규칙이 이 위로 그대로 더 올린다 */
.eb-backtotop{bottom:calc(20px + env(safe-area-inset-bottom))}