/* BASIC css start */
#contents{padding-top: 0 !important}
/* 섹션 공통 */
#contents{width: 100%; min-width: 320px; max-width: 850px; min-height: 100vh; margin: 0 auto; background: #fff;}

:where(#contents) section{width: 100%; margin: 0 auto; margin-bottom: 60px;}

:where(#contents) section .sec_inner{padding: 0 15px;}

:where(#contents) section h2{font-family: 'Noto Serif KR', serif; color: #333; font-size: 21px; font-weight: 500; margin-bottom: 20px; line-height:1.3}
/* sec1 */
#sec1{background-color: #f3f2ee;}

#sec1 .sec_inner>div{width: 100%;}

#sec1 .sec_inner>div .thumb{width: 100%;}

#sec1 .sec_inner>div .thumb a{display: block;width: 100%;}

#sec1 .sec_inner .sec1_1{padding-top: 20%;}

#sec1 .sec_inner .sec1_1 .thumb a img{width: 100%;}

#sec1 .sec_inner .sec1_2{padding: 30% 0; display: flex; align-items: center; justify-content: center;}

#sec1 .sec_inner .sec1_2 .thumb{width: 65%;}

#sec1 .sec_inner .sec1_2 .thumb a img{width: 100%;}
/* The hero artwork is decorative; the separate edition entry was intentionally
 * removed because it sat on top of the category rail. */
#sec1[data-home-hero-schedule] .sec_inner>div.sec1_1 .thumb,
#sec1[data-home-hero-schedule] .sec_inner>div.sec1_1 .thumb img{
    display: block;
    width: 100%;
    height: auto;
}
/* Event artwork keeps its source ratio. The old fixed/cropped presentation
 * removed the lower portion of the 1168x784 asset on mobile. */
#sec6 .sec_inner>a{
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: auto;
    overflow: visible;
    line-height: 0;
}

#sec6 .sec_inner>a img{
    display: block;
    width: 100%;
    height: auto;
    max-width: 100%;
    object-fit: contain;
    object-position: center;
}
/* Home product sections use one compact card contract for both the
 * server-rendered first page and every AJAX-appended card. */
.home-products{
    --shopbrand-bg: #fff;
    --shopbrand-card: #fff;
    --shopbrand-ink: #111;
    --shopbrand-muted: #707070;
    --shopbrand-line: rgba(0, 0, 0, .14);
    --shopbrand-status-selling: #218739;
    --shopbrand-status-soldout: #777;
    --shopbrand-thumb-bg: #f4f4f4;
    --shopbrand-old-price: #777;
    --shopbrand-wish-ink: #111;
    --shopbrand-wish-outline: #111;
    --shopbrand-wish-active: #df2438;
    --shopbrand-discount: #d51f32;
    color: var(--shopbrand-ink);
    background: var(--shopbrand-bg);
}

.home-products .sec_inner h2{
    float: left;
    margin-bottom: 20px;
    color: var(--shopbrand-ink);
}

.home-products .sec_inner a.sec3more{
    float: right;
    transform: translateY(4px);
}

.home-products .sec_inner a.sec3more img{
    transform: scale(.66);
    transform-origin: center right;
}

.home-products .sec3_cont{
    clear: both;
}

.home-products .product_list_wrap.shopbrand-products{
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: start;
    align-content: start;
    grid-auto-rows: max-content;
    gap: 6px 4px;
    width: 100%;
    margin: 0;
    padding: 0;
    clear: both;
    box-sizing: border-box;
    background: transparent;
}

.home-products .product_list_wrap.shopbrand-products::before,
.home-products .product_list_wrap.shopbrand-products::after{
    display: none !important;
    content: none !important;
}

.home-products .product_list_wrap.shopbrand-products > .MK_block_special_product,
.home-products .product_list_wrap.shopbrand-products > .MK_block_special_product > .items,
.home-products .product_list_wrap.shopbrand-products > .items{
    display: contents !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}
/* Home is a browse surface. Do not let any legacy skin fragment introduce a
 * cart/basket control into the category-style cards. */
.home-products .shopbrand-products .btn_cart,
.home-products .shopbrand-products .btn-basket,
.home-products .shopbrand-products .basket,
.home-products .shopbrand-products .cart,
.home-products .shopbrand-products [class*="cart"],
.home-products .shopbrand-products [class*="basket"]{
    display: none !important;
}

.home-products .product_list_wrap.shopbrand-products .product_item{
    display: block !important;
    width: auto !important;
    min-width: 0;
    min-height: 0 !important;
    height: auto !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    flex: none !important;
    align-self: start;
    overflow: hidden;
    border: 0 !important;
    border-radius: 10px !important;
    background: var(--shopbrand-card);
    box-shadow: none !important;
    box-sizing: border-box;
}

.home-products .shopbrand-products .product_item figure{
    display: block !important;
    width: 100%;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box;
}

.home-products .shopbrand-products .thumb,
.home-products .shopbrand-products .thumb a{
    display: block;
    overflow: hidden;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0;
    padding: 0;
    line-height: 0;
    background: var(--shopbrand-thumb-bg);
}

.home-products .shopbrand-products .thumb{
    position: relative;
}

.home-products .shopbrand-products .thumb,
.home-products .shopbrand-products .thumb img{
    border-radius: 9px !important;
}

.home-products .shopbrand-products .thumb img.listPic{
    display: block;
    width: 100%;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    aspect-ratio: 1 / 1;
    object-fit: cover;
}

.home-products .shopbrand-products .shopbrand-product-wish{
    appearance: none;
    -webkit-appearance: none;
    position: absolute;
    right: 10px;
    bottom: 10px;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    padding: 0;
    border: 0 !important;
    border-radius: 0 !important;
    color: var(--shopbrand-wish-ink);
    background: transparent !important;
    box-shadow: none !important;
    font-size: 22px;
    line-height: 1;
    text-decoration: none;
    cursor: pointer;
}

.home-products .shopbrand-products .shopbrand-product-wish i.fa{
    margin: 0;
    font-size: 18px;
    line-height: 1;
}

.home-products .shopbrand-products .shopbrand-product-wish i.fa-heart,
.home-products .shopbrand-products .shopbrand-product-wish i.fa-heart-o{
    -webkit-text-stroke: 1px var(--shopbrand-wish-outline);
    paint-order: stroke fill;
}

.home-products .shopbrand-products .shopbrand-product-wish i.fa-heart{
    display: none !important;
    color: var(--shopbrand-wish-active);
}

.home-products .shopbrand-products .shopbrand-product-wish i.fa-heart-o{
    display: inline-block !important;
    color: #fff;
}

.home-products .shopbrand-products .shopbrand-product-wish.is-saved i.fa-heart,
.home-products .shopbrand-products .shopbrand-product-wish[aria-pressed="true"] i.fa-heart,
.home-products .shopbrand-products .shopbrand-product-wish .wish-on i.fa-heart,
.home-products .shopbrand-products .shopbrand-product-wish.wish-on i.fa-heart,
.home-products .shopbrand-products .shopbrand-product-wish i.fa-heart.wish-on,
.home-products .shopbrand-products .shopbrand-product-wish i.fa-heart.is-saved{
    display: inline-block !important;
    color: var(--shopbrand-wish-active);
}

.home-products .shopbrand-products .shopbrand-product-wish.is-saved i.fa-heart-o,
.home-products .shopbrand-products .shopbrand-product-wish[aria-pressed="true"] i.fa-heart-o,
.home-products .shopbrand-products .shopbrand-product-wish .wish-on i.fa-heart-o,
.home-products .shopbrand-products .shopbrand-product-wish.wish-on i.fa-heart-o,
.home-products .shopbrand-products .shopbrand-product-wish i.fa-heart-o.wish-on,
.home-products .shopbrand-products .shopbrand-product-wish i.fa-heart-o.is-saved{
    display: none !important;
}

.home-products .shopbrand-products .desc_container{
    display: block !important;
    width: auto !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 10px 9px 8px !important;
    background: var(--shopbrand-card);
    box-sizing: border-box;
}

.home-products .shopbrand-products .info{
    display: block !important;
    width: 100%;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box;
}

.home-products .shopbrand-products .prdname{
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: 18px !important;
    min-height: 18px !important;
    max-height: 18px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: var(--shopbrand-ink);
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 18px !important;
    word-break: keep-all !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: clip !important;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
}

.home-products .shopbrand-products .prdname::-webkit-scrollbar{
    display: none;
}

.home-products .shopbrand-products .prdetc{
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

.home-products .shopbrand-products .prdprice{
    display: grid !important;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: repeat(3, 18px);
    grid-auto-flow: row;
    gap: 0 !important;
    width: 100%;
    height: 54px !important;
    min-height: 54px !important;
    max-height: 54px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: var(--shopbrand-ink);
    font-size: 12px;
    line-height: 18px;
    box-sizing: border-box;
}

.home-products .shopbrand-products .shopbrand-price-row{
    display: flex;
    align-items: baseline;
    align-self: start;
    width: 100%;
    height: 18px !important;
    min-height: 0 !important;
    max-height: 18px !important;
    margin: 0 !important;
    padding: 0 !important;
    min-width: 0;
    gap: 5px;
    overflow: hidden;
    box-sizing: border-box;
}

.home-products .shopbrand-products .shopbrand-price-row--regular{grid-row: 1;}

.home-products .shopbrand-products .shopbrand-price-row--sale{grid-row: 2;}

.home-products .shopbrand-products .shopbrand-price-row--regular strike{
    color: var(--shopbrand-old-price);
    font-size: 11px;
    text-decoration-line: line-through;
    text-decoration-thickness: 1px;
    text-decoration-color: currentColor;
}

.home-products .shopbrand-products .shopbrand-price-row--sale .price{
    color: var(--shopbrand-discount);
    font-size: 15px;
    font-weight: 700;
}

.home-products .shopbrand-products .shopbrand-price-row--sale .percent{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 17px;
    padding: 0 4px;
    color: #fff;
    background: var(--shopbrand-discount);
    border-radius: 1px;
    font-size: 11px;
    font-weight: 700;
    line-height: 17px;
    white-space: nowrap;
}

.home-products .shopbrand-products .shopbrand-price-row--sale-discount .price{
    color: var(--shopbrand-discount);
}

.home-products .shopbrand-products .shopbrand-price-replace{
    display: block !important;
    grid-row: 2;
    align-self: start;
    width: 100%;
    height: 18px !important;
    min-height: 0 !important;
    max-height: 18px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: var(--shopbrand-ink);
    font-size: 12px;
    line-height: 18px;
    overflow: hidden;
    white-space: nowrap;
    box-sizing: border-box;
}

.home-products .shopbrand-products .shopbrand-sale-status{
    display: block;
    grid-row: 3;
    align-self: start;
    width: 100%;
    height: 18px !important;
    min-height: 0 !important;
    max-height: 18px !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 11px;
    font-weight: 700;
    line-height: 18px;
    overflow: hidden;
    white-space: nowrap;
    box-sizing: border-box;
}

.home-products .shopbrand-products .shopbrand-sale-status--selling{color: var(--shopbrand-status-selling);}

.home-products .shopbrand-products .shopbrand-sale-status--soldout{color: var(--shopbrand-status-soldout);}

@media (max-width: 359px){

.home-products .product_list_wrap.shopbrand-products{gap: 5px 4px;}

.home-products .shopbrand-products .desc_container{padding-right: 7px; padding-left: 7px;}

.home-products .shopbrand-products .prdname{font-size: 12px;}
}

/* category rail: real Makeshop category links, presented as a tactile mood shelf */
#sec24.category-rail{
    --category-bg: #fff;
    --category-ink: #2f2526;
    --category-muted: #9a8882;
    --category-line: #e8ddd6;
    --category-circle: #f0e4dc;
    position: relative;
    overflow: hidden;
    margin-bottom: 60px;
    padding: 45px 0 25px;
    background: var(--category-bg);
    color: var(--category-ink);
    transition: background-color .7s ease, color .7s ease;
}

#sec24.category-rail[data-mascot-mode="succubus"]{
    /* NIGHT selects the artwork/form only; the category shelf stays DAY. */
    --category-bg: #fff;
    --category-ink: #2f2526;
    --category-muted: #9a8882;
    --category-line: #e8ddd6;
    --category-circle: #f0e4dc;
}

#sec24 .category-rail__header{
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 15px;
    padding: 0 15px;
}

#sec24 .category-rail__eyebrow{
    margin: 0 0 9px;
    color: var(--category-muted);
    font-family: 'Jost', sans-serif;
    font-size: 9px;
    font-weight: 600;
    letter-spacing: .22em;
    line-height: 1.3;
    transition: color .7s ease;
}

#sec24 .category-rail__header h2{
    margin: 0;
    color: var(--category-ink);
    font-family: 'Noto Serif KR', Georgia, serif;
    font-size: 24px;
    font-weight: 500;
    line-height: 1.15;
    transition: color .7s ease;
}

#sec24 .category-rail__all{
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding-bottom: 3px;
    border-bottom: 1px solid var(--category-ink);
    color: var(--category-ink);
    font-family: 'Jost', sans-serif;
    font-size: 9px;
    font-weight: 600;
    letter-spacing: .11em;
    line-height: 1.4;
    text-decoration: none;
    white-space: nowrap;
    transition: color .7s ease, border-color .7s ease;
}

#sec24 .sec_inner{padding: 0;}

#sec24 .category-rail__viewport{
    overflow-x: auto;
    overflow-y: hidden;
    margin-top: 28px;
    padding: 0 15px 8px;
    scrollbar-width: none;
    scroll-behavior: smooth;
    scroll-snap-type: x proximity;
    touch-action: pan-x;
    -webkit-overflow-scrolling: touch;
}

#sec24 .category-rail__viewport::-webkit-scrollbar{display: none;}

#sec24 .category-rail__list{
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-start;
    gap: 12px;
    width: max-content;
    margin: 0;
    padding: 0;
    list-style: none;
}

#sec24 .category-rail__list li{
    flex: 0 0 78px;
    width: 78px;
    margin: 0;
    padding: 0;
    scroll-snap-align: start;
    text-align: center;
}

#sec24 .category-rail__list li a{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 9px;
    color: var(--category-ink);
    text-decoration: none;
}

#sec24 .category-rail__icon{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 78px;
    height: 78px;
    overflow: hidden;
    border: 1px solid var(--category-line);
    border-radius: 50%;
    background: var(--category-circle);
    box-shadow: 0 8px 18px rgba(47,29,29,.06);
    transition: background-color .7s ease, border-color .7s ease, transform .25s ease, box-shadow .25s ease;
}

#sec24 .category-rail__icon img{
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
    transition: transform .35s ease, filter .35s ease;
}

#sec24 .category-rail__list li a:focus-visible .category-rail__icon,
#sec24 .category-rail__list li a:active .category-rail__icon{
    transform: translateY(-3px) scale(1.04);
    box-shadow: 0 11px 22px rgba(47,29,29,.15);
}

#sec24 .category-rail__list li a:focus-visible .category-rail__icon img,
#sec24 .category-rail__list li a:active .category-rail__icon img{transform: scale(1.06);}

#sec24 .category-rail__list li p{
    width: 100%;
    min-height: 21px;
    margin: 0;
    overflow-wrap: anywhere;
    color: var(--category-ink);
    font-family: 'Jost', 'Noto Sans KR', sans-serif;
    font-size: 8.5px;
    font-weight: 600;
    letter-spacing: .08em;
    line-height: 1.35;
    transition: color .7s ease;
}

#sec24 .category-rail__footer{
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 18px 15px 0;
    color: var(--category-muted);
    font-family: 'Jost', sans-serif;
    line-height: 1;
}

#sec24 .category-rail__position{
    flex: 0 0 auto;
    font-size: 9px;
    font-weight: 600;
    letter-spacing: .08em;
}

#sec24 .category-rail__position:empty{
    min-width: 32px;
    visibility: hidden;
}

#sec24 .category-rail__line{
    position: relative;
    flex: 1 1 auto;
    height: 1px;
    overflow: hidden;
    background: var(--category-line);
}

#sec24 .category-rail__line span{
    display: block;
    width: 8%;
    height: 100%;
    background: var(--category-ink);
    transition: width .25s ease, background-color .7s ease;
}

#sec24 .category-rail__swipe{
    flex: 0 0 auto;
    font-size: 8px;
    font-weight: 600;
    letter-spacing: .13em;
    white-space: nowrap;
}

#sec24 .cate{display: none;}
@media (min-width: 600px){

#sec24 .category-rail__header,
#sec24 .category-rail__footer{padding-left: 34px; padding-right: 34px;}

#sec24 .category-rail__viewport{padding-left: 34px; padding-right: 34px;}

#sec24 .category-rail__list li,
#sec24 .category-rail__icon{width: 92px;}

#sec24 .category-rail__icon{height: 92px;}
}

:is(#sec4,#sec6,#sec6-recommendations-banner) .sec_inner a{display: block; width: 100%;}

#sec6 .sec_inner a{
    height: auto;
    aspect-ratio: auto;
    overflow: visible;
    line-height: 0;
}

#sec6 .sec_inner a img{
    display: block;
    width: 100%;
    height: auto;
    max-width: 100%;
    object-fit: contain;
}

#sec6 .sec_inner > img{
    /* The current event template is a direct image, not the old <a><img>
       wrapper. Keep the 1168x784 source responsive inside the 820px inner
       column so the original bitmap cannot widen the mobile document. */
    display: block;
    width: 100%;
    height: auto;
    max-width: 100%;
    object-fit: contain;
}
/* The included footer dock is viewport-fixed and can cover the lower edge of
   the Event artwork while the section is being brought into view. Reserve a
   full dock-height buffer after the image; the artwork ratio and object-fit
   stay unchanged, and the dock itself remains untouched. */
body.succubus-home-page #sec6 .sec_inner{
    padding-bottom: var(--store-functional-dock-height, 96px);
}

#sec6-recommendations-banner .home-dangdang-banner{
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: auto;
    overflow: visible;
}

#sec6-recommendations-banner .home-dangdang-banner img{
    display: block;
    width: 100%;
    height: auto;
    max-width: 100%;
    object-fit: contain;
}
/*sec9*/
#sec9{margin-bottom:70px !important;}

#sec9 .sec_inner h2{display: flex; align-items: center; gap: 16px;}

#sec9 .sec_inner h2 span{display: inline-block;color: #999999; font-size: 13px; font-weight: 500;}

#sec9 [hidden]{display:none !important;}

#sec9 .insta-heading-link{color:inherit;text-decoration:none;}

#sec9 .insta-live-profile{
    display:grid;
    grid-template-columns:112px minmax(0,1fr);
    align-items:center;
    gap:18px;
    min-height:112px;
    margin:0 0 22px;
}

#sec9 .insta-live-avatar-link{
    display:block;
    width:112px;
    height:112px;
    border-radius:50%;
    overflow:hidden;
    background:#f1f1f1;
}

#sec9 .insta-live-avatar{
    display:block;
    width:100%;
    height:100%;
    border-radius:50%;
    object-fit:cover;
}

#sec9 .insta-live-details{min-width:0;padding-top:0;}

#sec9 .insta-live-account{min-width:0;}

#sec9 .insta-live-account strong,
#sec9 .insta-live-account span,
#sec9 .insta-live-account p{
    display:block;
    overflow:hidden;
    text-overflow:ellipsis;
}

#sec9 .insta-live-account strong{font-size:18px;line-height:1.25;white-space:nowrap;}

#sec9 .insta-live-account .insta-live-name{margin-top:3px;color:#444;font-size:13px;line-height:1.3;white-space:normal;}

#sec9 .insta-live-stats{display:flex;flex-wrap:wrap;gap:12px;margin-top:10px;color:#6f6f6f;font-size:11px;white-space:nowrap;}

#sec9 .insta-live-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:3px;
    overflow:hidden;
    border-radius:13px;
    background:#f1f1f1;
}

#sec9 .insta-live-card{
    position:relative;
    display:block;
    aspect-ratio:1;
    overflow:hidden;
    background:#f1f1f1;
}

#sec9 .insta-live-card img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .25s ease;
}

#sec9 .insta-live-card:hover img,
#sec9 .insta-live-card:focus-visible img{transform:scale(1.04);}

#sec9 .insta-live-card em{
    position:absolute;
    right:7px;
    bottom:6px;
    padding:2px 5px;
    border-radius:999px;
    color:#fff;
    background:rgba(0,0,0,.58);
    font-size:10px;
    font-style:normal;
}

#sec9 .insta-live-status{margin:18px 0;color:#999;font-size:12px;text-align:center;}

#sec9 .insta-fallback{
    display:block;
    width:100%;
    aspect-ratio:1 / 1;
    overflow:hidden;
    border-radius:13px;
}

#sec9 .insta-fallback img{display:block;width:100%;height:100%;object-fit:cover;}

#sec9 .insta-live-source{margin:12px 0 0;color:#aaa;font-size:11px;line-height:1.5;}
@media (max-width:359px){

#sec9 .insta-live-profile{grid-template-columns:92px minmax(0,1fr);gap:14px;min-height:92px;}

#sec9 .insta-live-avatar-link{width:92px;height:92px;}

#sec9 .insta-live-account strong{font-size:16px;}
}

:where(#contents) .banner_area2{
margin-top: 5%;
display: flex;
justify-content: center;
align-items: center;
padding: 0 5%;
max-width: 100%;
}

:where(#contents) .banner_area2 img{
max-width: 100%;
height: auto;
}

/* home hero daily schedule */
#sec1[data-home-hero-schedule]{
    --hero-bg: #f4efe8;
    --hero-ink: #2f2525;
    --hero-muted: #8d7e78;
    position: relative;
    min-height: 680px;
    margin-bottom: 0;
    overflow: hidden;
    background: var(--hero-bg);
    transition: background-color .7s ease, color .7s ease;
}

#sec1[data-home-hero-schedule][data-mascot-mode="succubus"]{
    /* NIGHT selects the supplied hero/person artwork only.  Keep the
     * document and control palette identical to DAY. */
    --hero-bg: #f4efe8;
    --hero-ink: #2f2525;
    --hero-muted: #8d7e78;
}

#sec1[data-home-hero-schedule] .sec_inner{
    position: relative;
    width: 100%;
    height: 92vh;
    height: 92svh;
    min-height: 680px;
    padding: 0;
    overflow: hidden;
    background: var(--hero-bg);
}

#sec1[data-home-hero-schedule] .sec_inner>div.sec1_1{
    position: absolute;
    inset: 0;
    left: 42%;
    right: 0;
    width: 58%;
    height: 100%;
    padding-top: 0;
    overflow: hidden;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    transform: none;
    transition: opacity .9s ease, visibility .9s ease;
}

#sec1[data-home-hero-schedule] .sec_inner>div.sec1_1.is-active{
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
    transform: none;
}

#sec1[data-home-hero-schedule] .sec_inner>div.sec1_1 .thumb,
#sec1[data-home-hero-schedule] .sec_inner>div.sec1_1 .thumb a{
    display: block;
    width: 100%;
    height: 100%;
}

#sec1[data-home-hero-schedule] .sec_inner>div.sec1_1 .thumb a img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 62% center;
}

#sec1[data-home-hero-schedule] .sec_inner::after{
    content: "";
    position: absolute;
    z-index: 2;
    inset: 0;
    pointer-events: none;
    background:
        linear-gradient(90deg, var(--hero-bg) 0%, var(--hero-bg) 30%, rgba(244,239,232,.86) 40%, transparent 59%),
        linear-gradient(180deg, transparent 0%, transparent 62%, rgba(15,10,12,.48) 100%);
    transition: background .7s ease;
}

#sec1[data-home-hero-schedule][data-mascot-mode="succubus"] .sec_inner::after{
    background:
        linear-gradient(90deg, rgba(244,239,232,.72) 0%, rgba(244,239,232,.46) 23%, rgba(244,239,232,.1) 48%, transparent 73%),
        linear-gradient(180deg, rgba(48,32,31,.08) 0%, transparent 28%, rgba(18,10,12,.28) 100%);
}

#sec1[data-home-hero-schedule] .home-hero-copy{
    position: absolute;
    z-index: 4;
    top: 32%;
    left: 18px;
    width: 42%;
    max-width: 290px;
    color: var(--hero-ink);
    transition: color .7s ease;
}

#sec1[data-home-hero-schedule] .home-hero-copy__eyebrow{
    margin: 0 0 14px;
    color: var(--hero-muted);
    font-family: 'Jost', sans-serif;
    font-size: 9px;
    font-weight: 600;
    letter-spacing: .18em;
    line-height: 1.5;
}

#sec1[data-home-hero-schedule] .home-hero-copy h1{
    margin: 0 0 10px;
    color: var(--hero-ink);
    font-family: 'Noto Serif KR', serif;
    font-size: clamp(42px, 12vw, 72px);
    font-weight: 500;
    letter-spacing: .04em;
    line-height: .95;
    transition: color .7s ease;
}

#sec1[data-home-hero-schedule] .home-hero-copy__lead{
    max-width: 180px;
    margin: 0 0 19px;
    color: var(--hero-muted);
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 10px;
    line-height: 1.7;
    transition: color .7s ease;
}

#sec1[data-home-hero-schedule] .home-hero-copy__human,
#sec1[data-home-hero-schedule] .home-hero-copy__succubus{
    display: none;
}

#sec1[data-home-hero-schedule][data-mascot-mode="human"] .home-hero-copy__human,
#sec1[data-home-hero-schedule][data-mascot-mode="succubus"] .home-hero-copy__succubus{
    display: inline;
}

#sec1[data-home-hero-schedule] .home-hero-meta{
    position: absolute;
    z-index: 4;
    top: clamp(84px, 14vh, 128px);
    left: 18px;
    right: 18px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: var(--hero-ink);
    font-family: 'Jost', sans-serif;
    font-size: 9px;
    font-weight: 600;
    letter-spacing: .17em;
    line-height: 1.4;
    transition: color .7s ease;
}

#sec1[data-home-hero-schedule] .home-hero-meta__edition{
    max-width: 70%;
}

#sec1[data-home-hero-schedule] .home-hero-meta__counter{
    opacity: .82;
}

#sec1[data-home-hero-schedule] .home-hero-slide-controls{
    position: absolute;
    z-index: 7;
    /* JS replaces this fallback with the current image rect's center. */
    top: 50%;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 14px;
    pointer-events: none;
    transform: translateY(-50%);
}

#sec1[data-home-hero-schedule] .home-hero-slide-controls button{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    padding: 0;
    border: 1px solid currentColor;
    border-radius: 50%;
    background: rgba(255,255,255,.18);
    color: var(--hero-ink);
    font: 300 30px/1 'Jost', sans-serif;
    cursor: pointer;
    pointer-events: auto;
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    transition: background-color .25s ease, color .25s ease, transform .25s ease;
}

#sec1[data-home-hero-schedule] .home-hero-slide-controls button:hover,
#sec1[data-home-hero-schedule] .home-hero-slide-controls button:focus-visible{
    background: var(--hero-ink);
    color: var(--hero-bg);
    outline: none;
    transform: scale(1.04);
}

#sec1[data-home-hero-schedule] .home-hero-slide-controls button:active{
    transform: scale(.96);
}

#sec1[data-home-hero-schedule] .home-hero-mode-switch{
    position: absolute;
    z-index: 6;
    top: calc(var(--store-header-height,70px) + 14px);
    right: 16px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 7px;
    color: var(--hero-ink);
    transition: color .7s ease;
}

#sec1[data-home-hero-schedule] .home-hero-mode-switch__eyebrow{
    margin: 0;
    color: var(--hero-muted);
    font: 600 8px/1 'Jost', sans-serif;
    letter-spacing: .2em;
    text-transform: uppercase;
    text-shadow: 0 1px 8px rgba(0,0,0,.22);
}

#sec1[data-home-hero-schedule] .home-hero-mode-toggle{
    position: relative;
    display: grid;
    grid-template-columns: repeat(2, minmax(0,1fr));
    align-items: center;
    width: 136px;
    height: 46px;
    padding: 3px;
    box-sizing: border-box;
    border: 1px solid var(--hero-ink);
    border-radius: 999px;
    background: rgba(255,255,255,.62);
    color: var(--hero-ink);
    box-shadow: 0 7px 18px rgba(22,12,15,.18), inset 0 1px 0 rgba(255,255,255,.72);
    font: 600 10px/1 'Jost', sans-serif;
    letter-spacing: .16em;
    cursor: pointer;
    isolation: isolate;
    transition: background-color .7s ease, border-color .7s ease, color .7s ease, box-shadow .7s ease;
}

#sec1[data-home-hero-schedule] .home-hero-mode-toggle__option{
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    transition: color .3s ease;
}

#sec1[data-home-hero-schedule] .home-hero-mode-toggle__thumb{
    position: absolute;
    z-index: 0;
    top: 3px;
    left: 3px;
    width: calc(50% - 3px);
    height: calc(100% - 6px);
    border-radius: 999px;
    background: var(--hero-ink);
    box-shadow: 0 3px 8px rgba(22,12,15,.2);
    transform: translateX(0);
    transition: transform .35s cubic-bezier(.22,.61,.36,1), background-color .7s ease;
}

#sec1[data-home-hero-schedule] .home-hero-mode-toggle:not(.is-active) .home-hero-mode-toggle__option--day,
html.succubus-preload-day #sec1[data-home-hero-schedule] .home-hero-mode-toggle__option--day,
html.succubus-day #sec1[data-home-hero-schedule] .home-hero-mode-toggle__option--day{
    color: var(--hero-bg);
}

html.succubus-preload-night #sec1[data-home-hero-schedule] .home-hero-mode-toggle__option--day,
html.succubus-night #sec1[data-home-hero-schedule] .home-hero-mode-toggle__option--day,
body.succubus-night #sec1[data-home-hero-schedule] .home-hero-mode-toggle__option--day{
    color: var(--hero-ink);
}

#sec1[data-home-hero-schedule] .home-hero-mode-toggle.is-active .home-hero-mode-toggle__thumb,
html.succubus-preload-night #sec1[data-home-hero-schedule] .home-hero-mode-toggle__thumb,
html.succubus-night #sec1[data-home-hero-schedule] .home-hero-mode-toggle__thumb{
    transform: translateX(100%);
}

#sec1[data-home-hero-schedule] .home-hero-mode-toggle.is-active .home-hero-mode-toggle__option--night,
html.succubus-preload-night #sec1[data-home-hero-schedule] .home-hero-mode-toggle__option--night,
html.succubus-night #sec1[data-home-hero-schedule] .home-hero-mode-toggle__option--night{
    color: var(--hero-bg);
}

#sec1[data-home-hero-schedule][data-mascot-mode="succubus"] .home-hero-mode-toggle{
    background: rgba(255,255,255,.9);
    box-shadow: 0 7px 18px rgba(35,23,25,.16), inset 0 1px 0 rgba(255,255,255,.78);
}

#sec1[data-home-hero-schedule] .home-hero-mode-toggle:focus-visible{
    outline: 2px solid currentColor;
    outline-offset: 4px;
}

#sec1[data-home-hero-schedule] .home-hero-mode-toggle:active .home-hero-mode-toggle__thumb{
    filter: brightness(.9);
}
/* full-frame hero: the reference uses one image under the copy, not a split text column */
#sec1[data-home-hero-schedule]{
    min-height: 680px;
    overflow: visible;
    background: var(--hero-bg);
}

#sec1[data-home-hero-schedule] .sec_inner{
    height: 100vh;
    height: 100svh;
    min-height: 680px;
}

#sec1[data-home-hero-schedule] .sec_inner>div.sec1_1{
    top: var(--store-header-height, 70px);
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: auto;
    /* Do not let the schedule fade-in scale shift the image above the
     * opaque 70px header band. The active slot must begin at y=70. */
    transform: none !important;
}

#sec1[data-home-hero-schedule] .sec_inner>div.sec1_1 .thumb a img{
    object-fit: contain;
    object-position: 50% top;
    transform: scale(1);
    transform-origin: 50% 0;
}

#sec1[data-home-hero-schedule] .sec_inner::after{
    background:
        linear-gradient(90deg, rgba(244,239,232,.72) 0%, rgba(244,239,232,.46) 23%, rgba(244,239,232,.1) 48%, transparent 73%),
        linear-gradient(180deg, rgba(48,32,31,.08) 0%, transparent 28%, rgba(18,10,12,.28) 100%);
}

#sec1[data-home-hero-schedule][data-mascot-mode="succubus"] .sec_inner::after{
    background:
        linear-gradient(90deg, rgba(244,239,232,.72) 0%, rgba(244,239,232,.46) 23%, rgba(244,239,232,.1) 48%, transparent 73%),
        linear-gradient(180deg, rgba(48,32,31,.08) 0%, transparent 28%, rgba(18,10,12,.28) 100%);
}

#sec1[data-home-hero-schedule] .home-hero-copy{
    top: 16%;
    bottom: 8%;
    left: 8px;
    width: calc(100% - 16px);
    max-width: none;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}

#sec1[data-home-hero-schedule] .home-hero-copy__eyebrow{
    order: 2;
    position: absolute;
    top: 58%;
    left: 12px;
    display: block;
    width: auto;
    max-width: 214px;
    box-sizing: border-box;
    text-align: left;
    white-space: nowrap;
    margin: 0;
    padding: 3px 0 4px;
    font-family: 'Baskerville', 'Times New Roman', serif;
    font-size: 12px;
    font-style: italic;
    font-weight: 400;
    letter-spacing: .05em;
    line-height: 1.25;
    text-transform: none;
    transform: translateY(-50%);
}

#sec1[data-home-hero-schedule][data-mascot-mode="human"] .home-hero-copy__eyebrow{
    color: #4a3537;
    background: transparent;
    text-shadow: 0 1px 0 rgba(255,255,255,.98), 0 0 5px rgba(255,250,246,.96), 0 0 12px rgba(255,250,246,.72);
}

#sec1[data-home-hero-schedule][data-mascot-mode="succubus"] .home-hero-copy__eyebrow{
    color: #4a3537;
    background: transparent;
    text-shadow: 0 1px 0 rgba(255,255,255,.98), 0 0 5px rgba(255,250,246,.96), 0 0 12px rgba(255,250,246,.72);
}

#sec1[data-home-hero-schedule] .home-hero-copy h1{
    order: 1;
    margin-bottom: 15px;
    font-size: clamp(50px, 14vw, 74px);
    letter-spacing: .02em;
    line-height: .82;
}

#sec1[data-home-hero-schedule] .home-hero-copy__lead{
    order: 3;
    display: none;
    max-width: 176px;
    margin-bottom: 0;
    font-size: 11px;
    line-height: 1.75;
}

#sec1[data-home-hero-schedule] .home-hero-meta{
    display: none;
}
/* Hero lower shopping sheet: keep it anchored over the lower frame and fill the remaining screen. */
#sec1[data-home-hero-schedule]{
    --hero-sheet-bg: rgba(255,250,246,.97);
    --hero-sheet-ink: #302526;
    --hero-sheet-muted: #907f79;
    --hero-sheet-line: rgba(74,57,48,.16);
    --hero-sheet-circle: #efe3da;
}

#sec1[data-home-hero-schedule][data-mascot-mode="succubus"]{
    --hero-sheet-bg: rgba(255,250,246,.97);
    --hero-sheet-ink: #302526;
    --hero-sheet-muted: #907f79;
    --hero-sheet-line: rgba(74,57,48,.16);
    --hero-sheet-circle: #efe3da;
}
/* First-paint state: choose the scheduled hero before DOMContentLoaded so NIGHT never flashes DAY. */
html.succubus-preload-day #sec1[data-home-hero-schedule]{
    --hero-bg: #f4efe8;
    --hero-ink: #2f2525;
    --hero-muted: #8d7e78;
    --hero-sheet-bg: rgba(255,250,246,.97);
    --hero-sheet-ink: #302526;
    --hero-sheet-muted: #907f79;
    --hero-sheet-line: rgba(74,57,48,.16);
    --hero-sheet-circle: #efe3da;
}

html.succubus-preload-day #sec1[data-home-hero-schedule] .sec_inner>div.sec1_1[data-hero-mode-slot="day"],
html.succubus-preload-night #sec1[data-home-hero-schedule] .sec_inner>div.sec1_1[data-hero-mode-slot="night"]{
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
    transform: scale(1);
}

html.succubus-preload-day #sec1[data-home-hero-schedule] .sec_inner>div.sec1_1[data-hero-mode-slot="night"],
html.succubus-preload-night #sec1[data-home-hero-schedule] .sec_inner>div.sec1_1[data-hero-mode-slot="day"]{
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
}

html.succubus-preload-day #sec1[data-home-hero-schedule] .home-hero-copy__human,
html.succubus-preload-night #sec1[data-home-hero-schedule] .home-hero-copy__succubus{
    display: inline;
}

html.succubus-preload-day #sec1[data-home-hero-schedule] .home-hero-copy__succubus,
html.succubus-preload-night #sec1[data-home-hero-schedule] .home-hero-copy__human{
    display: none;
}

html.succubus-preload-day #sec1[data-home-hero-schedule] .home-hero-copy__eyebrow{
    color: #4a3537;
    background: transparent;
    text-shadow: 0 1px 0 rgba(255,255,255,.98), 0 0 5px rgba(255,250,246,.96), 0 0 12px rgba(255,250,246,.72);
}

html.succubus-preload-night #sec1[data-home-hero-schedule] .home-hero-copy__eyebrow{
    color: #d7bec5;
    background: transparent;
    text-shadow: 0 1px 8px rgba(5,2,8,.52);
}

#sec1[data-home-hero-schedule] .home-hero-copy h1{
    font-size: clamp(44px, 12vw, 64px);
    opacity: .78;
}

#sec1[data-home-hero-schedule] .home-hero-lower-ui{
    position: absolute;
    z-index: 5;
    left: 8px;
    right: 8px;
    /* Keep the sheet aligned to the lower hero frame; theme switching is also available on the hero. */
    top: calc(54% + 33px);
    bottom: 0;
    display: flex;
    flex-direction: column;
    width: auto;
    height: auto;
    min-height: 250px;
    max-height: none;
    box-sizing: border-box;
    padding: 11px 13px 78px;
    overflow: hidden;
    border-radius: 27px 27px 0 0;
    background: var(--hero-sheet-bg);
    color: var(--hero-sheet-ink);
    box-shadow: 0 -16px 32px rgba(35,23,25,.16);
    /* Keep the fixed bottom dock from being contained by the sheet's backdrop-filter. */
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    transition: background-color .7s ease, color .7s ease, box-shadow .7s ease;
}

#sec1[data-home-hero-schedule] .home-hero-category-nav{
    display: grid;
    grid-template-columns: repeat(4, minmax(0,1fr));
    align-items: center;
    gap: 7px;
    flex: 1 1 auto;
    min-height: 0;
    padding: 9px 0 8px;
}

#sec1[data-home-hero-schedule] .home-hero-category-nav a{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-width: 0;
    color: var(--hero-sheet-ink);
    text-decoration: none;
}

#sec1[data-home-hero-schedule] .home-hero-category-nav__icon{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 54px;
    overflow: hidden;
    border-radius: 50%;
    background: var(--hero-sheet-circle);
    transition: transform .3s ease, background-color .7s ease;
}

#sec1[data-home-hero-schedule] .home-hero-category-nav__icon img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .3s ease;
}

#sec1[data-home-hero-schedule] .home-hero-category-nav a:hover .home-hero-category-nav__icon,
#sec1[data-home-hero-schedule] .home-hero-category-nav a:focus-visible .home-hero-category-nav__icon{
    transform: translateY(-2px);
}

#sec1[data-home-hero-schedule] .home-hero-category-nav a:hover .home-hero-category-nav__icon img,
#sec1[data-home-hero-schedule] .home-hero-category-nav a:focus-visible .home-hero-category-nav__icon img{
    transform: scale(1.06);
}

#sec1[data-home-hero-schedule] .home-hero-category-nav a>span:last-child{
    max-width: 100%;
    overflow: hidden;
    color: var(--hero-sheet-muted);
    font-family: 'Jost', sans-serif;
    font-size: 8px;
    font-weight: 600;
    letter-spacing: .1em;
    line-height: 1.2;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#sec1[data-home-hero-schedule] .home-hero-bottom-nav{
    display: grid;
    grid-template-columns: repeat(4, minmax(0,1fr));
    flex: 0 0 52px;
    align-items: center;
    min-height: 52px;
    margin: 0 -13px;
    padding: 0 13px env(safe-area-inset-bottom);
    border-top: 1px solid var(--hero-sheet-line);
    color: var(--hero-sheet-ink);
}

#sec1[data-home-hero-schedule] .home-hero-bottom-nav a{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 52px;
    color: inherit;
    text-decoration: none;
}

#sec1[data-home-hero-schedule] .home-hero-bottom-nav a:active{
    opacity: .62;
}

#sec1[data-home-hero-schedule] .home-hero-bottom-nav a.is-active{
    color: var(--hero-sheet-ink);
}

#sec1[data-home-hero-schedule] .home-hero-bottom-nav__icon{
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    flex: 0 0 24px;
    color: currentColor;
}

#sec1[data-home-hero-schedule] .home-hero-bottom-nav__icon svg{
    display: block;
    width: 23px;
    height: 23px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.45;
    stroke-linecap: round;
    stroke-linejoin: round;
    overflow: visible;
}

#sec1[data-home-hero-schedule] .home-hero-bottom-nav__icon--home svg{width:22px;height:22px;}

#sec1[data-home-hero-schedule] .home-hero-bottom-nav__icon--search svg{width:23px;height:23px;}

#sec1[data-home-hero-schedule] .home-hero-bottom-nav__icon--heart svg{width:23px;height:23px;stroke-width:1.55;}

#sec1[data-home-hero-schedule] .home-hero-bottom-nav__icon--user svg{width:23px;height:23px;}
/* bottom navigation: a quiet floating control dock instead of a bare icon strip */
#sec1[data-home-hero-schedule] .home-hero-bottom-nav{
    --hero-nav-bg: rgba(255,250,246,.88);
    --hero-nav-line: rgba(74,57,48,.18);
    --hero-nav-muted: rgba(74,57,48,.64);
    --hero-nav-active-bg: #372b2d;
    --hero-nav-active-ink: #fff8f4;
    --hero-nav-dot: #c78986;
    position: fixed;
    z-index: 95;
    left: 50%;
    bottom: env(safe-area-inset-bottom);
    display: grid;
    grid-template-columns: repeat(4, minmax(0,1fr));
    align-items: center;
    flex: 0 0 70px;
    min-height: 70px;
    width: min(344px, calc(100vw - 34px));
    height: 70px;
    margin: 0;
    padding: 6px 6px calc(6px + env(safe-area-inset-bottom));
    box-sizing: border-box;
    border: 1px solid var(--hero-nav-line);
    border-radius: 24px;
    background: var(--hero-nav-bg);
    color: var(--hero-sheet-ink);
    box-shadow: 0 11px 25px rgba(56,39,38,.14), inset 0 1px 0 rgba(255,255,255,.78), inset 0 -1px 0 rgba(74,57,48,.08);
    -webkit-backdrop-filter: blur(13px);
    backdrop-filter: blur(13px);
    transform: translateX(-50%);
    isolation: isolate;
    transition: background-color .7s ease, border-color .7s ease, box-shadow .7s ease;
}

#sec1[data-home-hero-schedule][data-mascot-mode="succubus"] .home-hero-bottom-nav{
    --hero-nav-bg: rgba(255,250,246,.88);
    --hero-nav-line: rgba(74,57,48,.18);
    --hero-nav-muted: rgba(74,57,48,.64);
    --hero-nav-active-bg: #372b2d;
    --hero-nav-active-ink: #fff8f4;
    --hero-nav-dot: #c78986;
    box-shadow: 0 11px 25px rgba(56,39,38,.14), inset 0 1px 0 rgba(255,255,255,.78), inset 0 -1px 0 rgba(74,57,48,.08);
}

#sec1[data-home-hero-schedule] .home-hero-bottom-nav a{
    position: relative;
    z-index: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 5px;
    min-width: 0;
    height: 56px;
    border-radius: 18px;
    color: var(--hero-nav-muted);
    text-decoration: none;
    transition: color .25s ease, transform .25s ease;
}

#sec1[data-home-hero-schedule] .home-hero-bottom-nav a::before{
    content: "";
    position: absolute;
    z-index: -1;
    inset: 3px 8px;
    border-radius: 18px;
    background: transparent;
    transition: background-color .25s ease, box-shadow .25s ease, transform .25s ease;
}

#sec1[data-home-hero-schedule] .home-hero-bottom-nav a::after{
    content: "";
    position: absolute;
    left: 50%;
    bottom: 3px;
    width: 4px;
    height: 4px;
    border-radius: 1px;
    background: transparent;
    transform: translateX(-50%) rotate(45deg) scale(0);
    transition: background-color .25s ease, transform .25s ease;
}

#sec1[data-home-hero-schedule] .home-hero-bottom-nav a:hover,
#sec1[data-home-hero-schedule] .home-hero-bottom-nav a:focus-visible,
#sec1[data-home-hero-schedule] .home-hero-bottom-nav a.is-active,
#sec1[data-home-hero-schedule] .home-hero-bottom-nav__search.is-active{
    color: var(--hero-sheet-ink);
    transform: translateY(-1px);
}

#sec1[data-home-hero-schedule] .home-hero-bottom-nav a:hover::before,
#sec1[data-home-hero-schedule] .home-hero-bottom-nav a:focus-visible::before{
    background: rgba(255,255,255,.22);
}

#sec1[data-home-hero-schedule] .home-hero-bottom-nav a.is-active::before,
#sec1[data-home-hero-schedule] .home-hero-bottom-nav__search.is-active::before{
    background: var(--hero-nav-active-bg);
    box-shadow: 0 5px 13px rgba(50,28,35,.16), inset 0 1px 0 rgba(255,255,255,.16);
}

#sec1[data-home-hero-schedule] .home-hero-bottom-nav a.is-active,
#sec1[data-home-hero-schedule] .home-hero-bottom-nav__search.is-active{
    color: var(--hero-nav-active-ink);
}

#sec1[data-home-hero-schedule] .home-hero-bottom-nav a.is-active::after,
#sec1[data-home-hero-schedule] .home-hero-bottom-nav__search.is-active::after{
    background: var(--hero-nav-dot);
    transform: translateX(-50%) rotate(45deg) scale(1);
}

#sec1[data-home-hero-schedule] .home-hero-bottom-nav a:active{
    opacity: .82;
    transform: translateY(1px) scale(.98);
}

#sec1[data-home-hero-schedule] .home-hero-bottom-nav__icon{
    flex: 0 0 24px;
    transform: scale(1);
}

#sec1[data-home-hero-schedule] .home-hero-bottom-nav__label{
    display: block;
    max-width: 100%;
    overflow: hidden;
    color: currentColor;
    font-family: 'Jost', sans-serif;
    font-size: 8px;
    font-weight: 700;
    letter-spacing: .15em;
    line-height: 1;
    text-overflow: ellipsis;
    white-space: nowrap;
    opacity: .72;
    transition: opacity .25s ease;
}

#sec1[data-home-hero-schedule] .home-hero-bottom-nav a.is-active .home-hero-bottom-nav__label,
#sec1[data-home-hero-schedule] .home-hero-bottom-nav__search.is-active .home-hero-bottom-nav__label,
#sec1[data-home-hero-schedule] .home-hero-bottom-nav a:hover .home-hero-bottom-nav__label,
#sec1[data-home-hero-schedule] .home-hero-bottom-nav a:focus-visible .home-hero-bottom-nav__label{
    opacity: 1;
}

#sec1[data-home-hero-schedule] .home-hero-bottom-nav__icon--home,
#sec1[data-home-hero-schedule] .home-hero-bottom-nav__icon--search,
#sec1[data-home-hero-schedule] .home-hero-bottom-nav__icon--heart,
#sec1[data-home-hero-schedule] .home-hero-bottom-nav__icon--user{
    width: 24px;
    height: 24px;
    margin: 0;
}

body.search-panel-open #sec1[data-home-hero-schedule] .home-hero-bottom-nav__search,
body.preview-search-open #sec1[data-home-hero-schedule] .home-hero-bottom-nav__search{
    color: var(--hero-nav-active-ink);
}

body.search-panel-open #sec1[data-home-hero-schedule] .home-hero-bottom-nav__search::before,
body.preview-search-open #sec1[data-home-hero-schedule] .home-hero-bottom-nav__search::before{
    background: var(--hero-nav-active-bg);
    box-shadow: 0 5px 13px rgba(50,28,35,.16), inset 0 1px 0 rgba(255,255,255,.16);
}

body.search-panel-open #sec1[data-home-hero-schedule] .home-hero-bottom-nav__search::after,
body.preview-search-open #sec1[data-home-hero-schedule] .home-hero-bottom-nav__search::after{
    background: var(--hero-nav-dot);
    transform: translateX(-50%) scale(1);
}

body.search-panel-open #sec1[data-home-hero-schedule] .home-hero-bottom-nav__search .home-hero-bottom-nav__label,
body.preview-search-open #sec1[data-home-hero-schedule] .home-hero-bottom-nav__search .home-hero-bottom-nav__label{
    opacity: 1;
}
@media (prefers-reduced-motion: reduce){

#sec1[data-home-hero-schedule] .sec_inner>div.sec1_1{
        transition: opacity .2s ease, visibility .2s ease;
        transform: none;
    }
}
/* The four-item functional dock belongs to the included footer, not the hero. */
#sec1[data-home-hero-schedule] .home-hero-bottom-nav{
    display: none !important;
}
/* Keep the primary Hero transition CTA independent from the removed
 * in-hero bottom dock. The included footer owns the dock; this link opens
 * the redesigned Shop the Look destination. */
body.succubus-home-page #sec1[data-home-hero-schedule] .home-hero-lower-ui,
html.succubus-home-page #sec1[data-home-hero-schedule] .home-hero-lower-ui{
    display: flex;
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
}
/* Search is the only state allowed to temporarily cover the CTA. */
body.search-panel-open #sec1[data-home-hero-schedule] .home-hero-lower-ui{
    /* The fixed search mascot/sheet owns this area. Keep the Hero's brand
     * card out of the gap so its avatar or wordmark cannot be mistaken for
     * a second page logo while search is open. */
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

/* mascot scroll reveal */


#mascot-reveal{
    --mascot-progress: 0;
    --mascot-scale: .62;
    --mascot-rise: 12%;
    --mascot-clip: 56%;
    --mascot-tip-opacity: .3;
    --mascot-tip-rise: 8px;
    --mascot-cta-opacity: 0;
    --mascot-cta-rise: 18px;
    --mascot-sheet-y: 0px;
    --mascot-copy-opacity: 1;
    --mascot-bg: #f4efe8;
    --mascot-panel: rgba(255,255,255,.78);
    --mascot-text: #322a2a;
    --mascot-muted: #8d7e78;
    --mascot-line: rgba(74,57,48,.22);
    position: relative;
    width: 100%;
    height: 150vh;
    height: 150svh;
    min-height: 860px;
    margin: 0 0 60px !important;
    /* Keep the section itself visible so the child sticky stage can stay pinned during the reveal. */
    overflow: visible;
    background: var(--mascot-bg);
    color: var(--mascot-text);
    transition: background-color .7s ease, color .7s ease;
}

#mascot-reveal[data-mascot-mode="succubus"]{
    /* Keep this reveal sheet light as well; only its illustration changes. */
    --mascot-bg: #f4efe8;
    --mascot-panel: rgba(255,255,255,.78);
    --mascot-text: #322a2a;
    --mascot-muted: #8d7e78;
    --mascot-line: rgba(74,57,48,.22);
}

#mascot-reveal .mascot-reveal__sticky{
    position: sticky;
    top: 0;
    width: 100%;
    height: 100vh;
    height: 100svh;
    min-height: 620px;
    overflow: hidden;
    isolation: isolate;
    background: var(--mascot-bg);
}

#mascot-reveal .mascot-reveal__sticky::before{
    content: "";
    position: absolute;
    z-index: -2;
    width: 72vw;
    height: 72vw;
    max-width: 520px;
    max-height: 520px;
    border-radius: 50%;
    left: 50%;
    top: 35%;
    transform: translate(-50%,-50%);
    background: rgba(255,255,255,.48);
    filter: blur(2px);
    transition: background-color .7s ease, box-shadow .7s ease;
}

#mascot-reveal[data-mascot-mode="succubus"] .mascot-reveal__sticky::before{
    background: rgba(255,255,255,.48);
    box-shadow: none;
}

#mascot-reveal .mascot-reveal__sticky::after{
    content: "";
    position: absolute;
    z-index: -1;
    inset: 0;
    pointer-events: none;
    opacity: .75;
    background:
        linear-gradient(120deg, transparent 0 46%, rgba(255,255,255,.38) 46.2%, transparent 46.5%),
        linear-gradient(300deg, transparent 0 60%, rgba(67,46,43,.08) 60.2%, transparent 60.5%);
    transition: opacity .7s ease;
}

#mascot-reveal[data-mascot-mode="succubus"] .mascot-reveal__sticky::after{
    opacity: .75;
    background:
        linear-gradient(120deg, transparent 0 46%, rgba(255,255,255,.38) 46.2%, transparent 46.5%),
        linear-gradient(300deg, transparent 0 60%, rgba(67,46,43,.08) 60.2%, transparent 60.5%);
}

#mascot-reveal .mascot-reveal__copy{
    position: absolute;
    z-index: 5;
    top: clamp(24px, 4vh, 46px);
    left: 15px;
    right: 15px;
    text-align: center;
    pointer-events: none;
    opacity: var(--mascot-copy-opacity);
    transition: opacity .35s ease;
}

#mascot-reveal .mascot-reveal__eyebrow{
    margin: 0 0 13px;
    color: var(--mascot-muted);
    font-family: 'Jost', sans-serif;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: .23em;
    line-height: 1.4;
}

#mascot-reveal .mascot-reveal__copy h2{
    max-width: 340px;
    margin: 0 0 12px;
    padding: 0;
    color: var(--mascot-text);
    font-family: 'Noto Serif KR', serif;
    font-size: clamp(22px, 6vw, 30px);
    font-weight: 500;
    line-height: 1.12;
    letter-spacing: -.02em;
    text-align: center;
    transition: color .7s ease;
}

#mascot-reveal .mascot-reveal__lead{
    max-width: 290px;
    margin: 14px auto 0;
    color: var(--mascot-muted);
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 11px;
    font-weight: 400;
    line-height: 1.7;
    transition: color .7s ease;
}

#mascot-reveal .mascot-copy{
    display: none;
}

#mascot-reveal[data-mascot-mode="human"] .mascot-copy--human,
#mascot-reveal[data-mascot-mode="succubus"] .mascot-copy--succubus{
    display: inline;
}

#mascot-reveal .mascot-reveal__figure{
    position: absolute;
    z-index: 3;
    left: 50%;
    bottom: 7vh;
    width: min(96vw, 540px);
    height: 78vh;
    height: 78svh;
    max-height: 760px;
    clip-path: inset(0 0 var(--mascot-clip) 0);
    transform: translateX(-50%) translateY(var(--mascot-rise)) scale(var(--mascot-scale));
    transform-origin: center bottom;
    will-change: transform, clip-path;
    transition: transform .12s linear, clip-path .12s linear;
}

#mascot-reveal .mascot-reveal__image{
    position: absolute;
    left: 50%;
    bottom: 0;
    width: auto;
    height: 100%;
    max-width: none;
    transform: translateX(-50%);
    object-fit: contain;
    object-position: center bottom;
    transition: opacity .65s ease, filter .65s ease;
}

#mascot-reveal .mascot-reveal__image--human{
    opacity: 1;
    filter: drop-shadow(0 22px 30px rgba(60,43,37,.18));
}

#mascot-reveal .mascot-reveal__image--succubus{
    opacity: 0;
    filter: drop-shadow(0 22px 32px rgba(0,0,0,.42));
}

#mascot-reveal[data-mascot-mode="succubus"] .mascot-reveal__image--human{
    opacity: 0;
}

#mascot-reveal[data-mascot-mode="succubus"] .mascot-reveal__image--succubus{
    opacity: 1;
}

#mascot-reveal .mascot-reveal__sheet{
    position: absolute;
    z-index: 4;
    top: 54%;
    left: 11px;
    right: 11px;
    min-height: 190px;
    padding: 29px 18px 23px;
    border: 1px solid var(--mascot-line);
    border-radius: 30px 30px 0 0;
    background: var(--mascot-panel);
    box-shadow: 0 -18px 48px rgba(57,37,34,.12);
    -webkit-backdrop-filter: blur(18px);
    backdrop-filter: blur(18px);
    transform: translateY(var(--mascot-sheet-y));
    transition: background-color .7s ease, border-color .7s ease, box-shadow .7s ease, transform .12s linear;
}

#mascot-reveal .mascot-reveal__sheet-handle{
    position: absolute;
    top: 12px;
    left: 50%;
    width: 42px;
    height: 4px;
    border-radius: 999px;
    background: var(--mascot-line);
    transform: translateX(-50%);
}

#mascot-reveal .mascot-reveal__sheet-top{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 21px;
}

#mascot-reveal .mascot-reveal__sheet-eyebrow,
#mascot-reveal .mascot-reveal__sheet-counter{
    margin: 0;
    color: var(--mascot-text);
    font-family: 'Jost', sans-serif;
    font-size: 9px;
    font-weight: 600;
    letter-spacing: .16em;
    line-height: 1.4;
}

#mascot-reveal .mascot-reveal__sheet-counter{
    color: var(--mascot-muted);
    font-size: 8px;
}

#mascot-reveal .mascot-reveal__sheet-row{
    display: flex;
    align-items: center;
    gap: 8px;
}

#mascot-reveal .mascot-reveal__sheet-pill{
    flex: 1 1 0;
    min-width: 0;
    padding: 13px 8px;
    border: 1px solid var(--mascot-line);
    border-radius: 2px;
    color: var(--mascot-muted);
    font-family: 'Jost', sans-serif;
    font-size: 8px;
    font-weight: 600;
    letter-spacing: .1em;
    line-height: 1.25;
    text-align: center;
    white-space: nowrap;
}

#mascot-reveal .mascot-reveal__sheet-pill:first-child{
    border-color: var(--mascot-text);
    color: var(--mascot-text);
}

#mascot-reveal .mascot-reveal__sheet-link{
    display: inline-flex;
    flex: 0 0 38px;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border: 1px solid var(--mascot-text);
    border-radius: 50%;
    color: var(--mascot-text);
    font-family: Arial, sans-serif;
    font-size: 16px;
    line-height: 1;
    text-decoration: none;
    transition: background-color .25s ease, color .25s ease, transform .25s ease;
}

#mascot-reveal .mascot-reveal__sheet-link:active{
    background: var(--mascot-text);
    color: var(--mascot-bg);
    transform: translateX(2px);
}

#mascot-reveal .mascot-reveal__tip{
    position: absolute;
    z-index: 5;
    left: 50%;
    bottom: clamp(126px, 20vh, 166px);
    width: calc(100% - 44px);
    max-width: 330px;
    padding: 12px 15px;
    border: 1px solid var(--mascot-line);
    border-radius: 2px;
    background: var(--mascot-panel);
    color: var(--mascot-text);
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 11px;
    line-height: 1.5;
    text-align: center;
    opacity: var(--mascot-tip-opacity);
    transform: translate(-50%, var(--mascot-tip-rise));
    box-shadow: 0 12px 35px rgba(48,30,29,.08);
    transition: background-color .7s ease, border-color .7s ease, color .7s ease;
}

#mascot-reveal .mascot-reveal__cta{
    position: absolute;
    z-index: 6;
    right: 22px;
    bottom: clamp(70px, 11vh, 106px);
    display: inline-flex;
    align-items: center;
    gap: 12px;
    padding: 11px 14px 11px 16px;
    border: 1px solid var(--mascot-line);
    border-radius: 999px;
    background: var(--mascot-panel);
    color: var(--mascot-text);
    font-family: 'Jost', sans-serif;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: .09em;
    line-height: 1;
    text-decoration: none;
    opacity: var(--mascot-cta-opacity);
    transform: translateY(var(--mascot-cta-rise));
    pointer-events: none;
    box-shadow: 0 12px 30px rgba(45,24,24,.12);
    transition: opacity .25s ease, transform .25s ease, background-color .7s ease, border-color .7s ease, color .7s ease;
}

#mascot-reveal.is-complete .mascot-reveal__cta{
    pointer-events: auto;
}

#mascot-reveal .mascot-reveal__cta-arrow{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    border: 1px solid currentColor;
    border-radius: 50%;
    font-size: 13px;
    letter-spacing: 0;
}

#mascot-reveal .mascot-reveal__scroll-hint{
    position: absolute;
    z-index: 5;
    left: 50%;
    bottom: 22px;
    margin: 0;
    color: var(--mascot-muted);
    font-family: 'Jost', sans-serif;
    font-size: 9px;
    font-weight: 600;
    letter-spacing: .18em;
    line-height: 1.5;
    opacity: var(--mascot-scroll-opacity, 1);
    transform: translateX(-50%);
    white-space: nowrap;
    transition: color .7s ease;
}

#mascot-reveal .mascot-reveal__scroll-hint span{
    display: inline-block;
    margin-left: 4px;
    animation: mascot-scroll-arrow 1.4s ease-in-out infinite;
}
@keyframes mascot-scroll-arrow{
    0%, 100%{ transform: translateY(0); }
    50%{ transform: translateY(4px); }
}
@media (min-width: 600px){

#mascot-reveal .mascot-reveal__copy{ top: 8vh; }

#mascot-reveal .mascot-reveal__figure{ height: 84vh; height: 84svh; }

#mascot-reveal .mascot-reveal__sheet{ left: 34px; right: 34px; min-height: 220px; padding-left: 26px; padding-right: 26px; }

#mascot-reveal .mascot-reveal__cta{ right: 8%; }
}
@media (prefers-reduced-motion: reduce){

#mascot-reveal{ height: 100vh; height: 100svh; min-height: 720px; }

#mascot-reveal .mascot-reveal__sticky{ position: relative; }

#mascot-reveal .mascot-reveal__figure{
        --mascot-scale: .98;
        --mascot-rise: 0%;
        --mascot-clip: 0%;
        transition: none;
    }

#mascot-reveal .mascot-reveal__sheet{ transform: none; }

#mascot-reveal .mascot-reveal__scroll-hint,
#mascot-reveal .mascot-reveal__cta{ transition: none; }

#mascot-reveal .mascot-reveal__scroll-hint{ display: none; }
}


/* Global monochrome home contract.  The homepage keeps the supplied hero,
 * mascot and product artwork, while every UI surface and text color follows
 * the shared explicit day/night palette. */
#contents,
#contents section,
#contents .sec_inner,
#container{
    background-color: #fff !important;
    background-image: none;
    color: #000 !important;
}

#contents section h2,
#contents section p,
#contents section a,
#contents section button{
    color: inherit;
}

#sec1[data-home-hero-schedule],
#sec1[data-home-hero-schedule] .sec_inner,
#sec24.category-rail,
#mascot-reveal,
#mascot-reveal .mascot-reveal__sticky,
.home-products,
.home-products .sec_inner,
.home-products .product_list_wrap.shopbrand-products{
    background-color: #fff !important;
    color: #000 !important;
}

#sec1[data-home-hero-schedule]{
    --hero-bg: #fff;
    --hero-ink: #000;
    --hero-muted: #666;
    --hero-sheet-bg: #fff;
    --hero-sheet-ink: #000;
    --hero-sheet-muted: #666;
    --hero-sheet-line: rgba(0, 0, 0, .16);
    --hero-sheet-circle: #fff;
    --hero-nav-bg: #fff;
    --hero-nav-line: rgba(0, 0, 0, .16);
    --hero-nav-muted: #666;
    --hero-nav-active-bg: #000;
    --hero-nav-active-ink: #fff;
    --hero-nav-dot: #000;
    background-color: #fff !important;
    background-image: none !important;
}

#sec1[data-home-hero-schedule] .sec_inner::after,
#sec1[data-home-hero-schedule][data-mascot-mode="succubus"] .sec_inner::after{
    background: rgba(0, 0, 0, .18) !important;
}

#sec1[data-home-hero-schedule] .home-hero-bottom-nav a.is-active::before,
#sec1[data-home-hero-schedule] .home-hero-bottom-nav__search.is-active::before{
    background: #000 !important;
}

#sec1[data-home-hero-schedule] .home-hero-bottom-nav a.is-active,
#sec1[data-home-hero-schedule] .home-hero-bottom-nav__search.is-active{
    color: #fff !important;
}

#sec24.category-rail{
    --category-bg: #fff;
    --category-ink: #000;
    --category-muted: #666;
    --category-line: rgba(0, 0, 0, .16);
    --category-circle: #fff;
    background-color: #fff !important;
    background-image: none !important;
}

#sec24 .category-rail__icon,
#sec24 .category-rail__line span{
    background: #fff !important;
    border-color: rgba(0, 0, 0, .16) !important;
    box-shadow: none !important;
}

.home-products{
    --shopbrand-bg: #fff;
    --shopbrand-card: #fff;
    --shopbrand-ink: #000;
    --shopbrand-muted: #666;
    --shopbrand-line: rgba(0, 0, 0, .16);
    --shopbrand-thumb-bg: #f5f5f5;
    --shopbrand-old-price: #666;
    --shopbrand-wish-ink: #000;
    --shopbrand-wish-outline: #000;
    background-color: #fff !important;
    background-image: none !important;
}

.home-products .product_list_wrap.shopbrand-products .product_item,
.home-products .shopbrand-products .desc_container,
.home-products .shopbrand-products .thumb{
    background: #fff !important;
    border-color: rgba(0, 0, 0, .16) !important;
    box-shadow: none !important;
}

.home-products .shopbrand-products .thumb{
    background: #f5f5f5 !important;
}

.home-products .shopbrand-products .shopbrand-product-wish i.fa-heart-o{
    color: #fff !important;
    -webkit-text-stroke-color: #000 !important;
}

#mascot-reveal{
    --mascot-bg: #fff;
    --mascot-panel: #fff;
    --mascot-text: #000;
    --mascot-muted: #666;
    --mascot-line: rgba(0, 0, 0, .16);
    background-color: #fff !important;
    background-image: none !important;
}

#mascot-reveal .mascot-reveal__sticky,
#mascot-reveal .mascot-reveal__sheet,
#mascot-reveal .mascot-reveal__tip,
#mascot-reveal .mascot-reveal__cta{
    background: #fff !important;
    border-color: rgba(0, 0, 0, .16) !important;
    box-shadow: none !important;
}

#mascot-reveal .mascot-reveal__sticky::before{
    background: rgba(0, 0, 0, .04) !important;
    box-shadow: none !important;
}

#mascot-reveal .mascot-reveal__sticky::after{
    background: none !important;
}
/* DAY/NIGHT changes the supplied
 * hero artwork only, so both controls always use the DAY bitmap. */
.home-products .sec_inner a.sec3more img[data-home-more-image]{
    filter: none !important;
}
/* An odd final result remains the same vertical card as every other result.
 * It stays in the normal two-column grid cell so its image, title, price,
 * status, product link, and wish control never split into a horizontal card. */
/*
 * Shop by Mood now lives inside the former Shop the Look sheet. Keep the
 * complete category rail in the same visual layer instead of rendering a
 * second section below the hero; the rail is swipe-only, with no arrow UI.
 */
#sec1[data-home-hero-schedule] .home-hero-lower-ui > #sec24.category-rail{
    --category-bg: transparent;
    --category-ink: var(--hero-sheet-ink);
    --category-muted: var(--hero-sheet-muted);
    --category-line: var(--hero-sheet-line);
    --category-circle: var(--hero-sheet-circle);
    flex: 1 1 auto;
    min-height: 0;
    width: 100%;
    margin: 0;
    padding: 9px 0 0;
    overflow: hidden;
    background: transparent;
    color: var(--hero-sheet-ink);
}
/* The shared section overlay is for photo contrast. It must not create a
 * grey box behind the mood rail; the rail inherits the sheet background. */
#sec1[data-home-hero-schedule] .home-hero-lower-ui > #sec24.category-rail .sec_inner::after{
    display: none !important;
    background: none !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

#sec1[data-home-hero-schedule] .home-hero-lower-ui > #sec24.category-rail .category-rail__header{
    align-items: center;
    padding: 0;
}

#sec1[data-home-hero-schedule] .home-hero-lower-ui > #sec24.category-rail .category-rail__eyebrow{
    margin-bottom: 3px;
    font-size: 6px;
    letter-spacing: .18em;
}

#sec1[data-home-hero-schedule] .home-hero-lower-ui > #sec24.category-rail .category-rail__header h2{
    font-family: 'Jost', 'Noto Sans KR', sans-serif;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .13em;
    line-height: 1.2;
}

#sec1[data-home-hero-schedule] .home-hero-lower-ui > #sec24.category-rail .category-rail__all{
    gap: 5px;
    padding-bottom: 2px;
    font-size: 7px;
    letter-spacing: .1em;
}

#sec1[data-home-hero-schedule] .home-hero-lower-ui > #sec24.category-rail .category-rail__viewport{
    margin-top: 9px;
    padding: 0 0 2px;
}

#sec1[data-home-hero-schedule] .home-hero-lower-ui > #sec24.category-rail .category-rail__list{
    gap: 8px;
}

#sec1[data-home-hero-schedule] .home-hero-lower-ui > #sec24.category-rail .category-rail__list li,
#sec1[data-home-hero-schedule] .home-hero-lower-ui > #sec24.category-rail .category-rail__icon{
    width: 52px;
}

#sec1[data-home-hero-schedule] .home-hero-lower-ui > #sec24.category-rail .category-rail__icon{
    height: 52px;
}

#sec1[data-home-hero-schedule] .home-hero-lower-ui > #sec24.category-rail .category-rail__list li a{
    gap: 4px;
}

#sec1[data-home-hero-schedule] .home-hero-lower-ui > #sec24.category-rail .category-rail__list li p{
    min-height: 15px;
    font-size: 7px;
    letter-spacing: .05em;
    line-height: 1.25;
}

#sec1[data-home-hero-schedule] .home-hero-lower-ui > #sec24.category-rail .category-rail__footer{
    gap: 7px;
    padding: 7px 0 0;
}

#sec1[data-home-hero-schedule] .home-hero-lower-ui > #sec24.category-rail .category-rail__position,
#sec1[data-home-hero-schedule] .home-hero-lower-ui > #sec24.category-rail .category-rail__swipe{
    font-size: 7px;
}

@media (max-width: 380px) {

#sec1[data-home-hero-schedule] .home-hero-lower-ui > #sec24.category-rail .category-rail__list{
        gap: 6px;
    }

#sec1[data-home-hero-schedule] .home-hero-lower-ui > #sec24.category-rail .category-rail__list li,
#sec1[data-home-hero-schedule] .home-hero-lower-ui > #sec24.category-rail .category-rail__icon{
        width: 48px;
    }

#sec1[data-home-hero-schedule] .home-hero-lower-ui > #sec24.category-rail .category-rail__icon{
        height: 48px;
    }
}
/* Current homepage reference contract: the mode control belongs to the
 * lower-right corner of the hero image, while the shared header remains a
 * separate white band above it. */
#sec1[data-home-hero-schedule] .home-hero-mode-switch{
    /* Keep the compact control in the hero's lower-right safe pocket. The
     * category rail begins below this point, so the switch never sits on top
     * of its heading or swipe cards. */
    top: calc(54% + 48px) !important;
    right: 16px !important;
    bottom: auto !important;
    z-index: 4 !important;
    gap: 0 !important;
}

#sec1[data-home-hero-schedule] .home-hero-mode-switch__eyebrow{
    display: none !important;
}

#sec1[data-home-hero-schedule] .home-hero-mode-toggle{
    width: 54px !important;
    height: 44px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    font-size: 0 !important;
    letter-spacing: 0 !important;
}

#sec1[data-home-hero-schedule] .home-hero-mode-toggle__icons{
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 2px;
    width: 54px;
    height: 44px;
}

#sec1[data-home-hero-schedule] .home-hero-mode-toggle__image{
    display: block !important;
    width: 22px !important;
    height: 22px !important;
    object-fit: contain;
    opacity: .42;
    filter: drop-shadow(0 1px 1px rgba(22,12,15,.2));
    transition: opacity .25s ease, transform .25s ease, filter .25s ease;
}

#sec1[data-home-hero-schedule] .home-hero-mode-toggle:not(.is-active) .home-hero-mode-toggle__image--day,
#sec1[data-home-hero-schedule] .home-hero-mode-toggle.is-active .home-hero-mode-toggle__image--night{
    opacity: 1;

}

#sec1[data-home-hero-schedule] .home-hero-mode-toggle__option,
#sec1[data-home-hero-schedule] .home-hero-mode-toggle__thumb{
    display: none !important;
}

html.succubus-night #sec1[data-home-hero-schedule] .home-hero-mode-toggle__image,
body.succubus-night #sec1[data-home-hero-schedule] .home-hero-mode-toggle__image{
    filter: drop-shadow(0 0 3px rgba(255,255,255,.78)) drop-shadow(0 0 8px rgba(255,255,255,.25));
}

#sec1[data-home-hero-schedule] .home-hero-mode-toggle__option{
    height: 100% !important;
    min-width: 0 !important;
    color: var(--hero-ink) !important;
}

#sec1[data-home-hero-schedule] .home-hero-mode-toggle__icon{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    font: 400 17px/1 'Times New Roman', serif;
    letter-spacing: 0;
    text-shadow: 0 1px 4px rgba(22,12,15,.2);
}

#sec1[data-home-hero-schedule] .home-hero-mode-toggle__label{
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    white-space: nowrap;
}

#sec1[data-home-hero-schedule] .home-hero-mode-toggle__thumb{
    top: 3px !important;
    left: 3px !important;
    width: calc(50% - 3px) !important;
    height: calc(100% - 6px) !important;
    background: #3b1f32 !important;
    box-shadow: 0 2px 7px rgba(44,13,34,.3), 0 0 8px rgba(226,88,146,.16) !important;
}

#sec1[data-home-hero-schedule] .home-hero-mode-toggle.is-active .home-hero-mode-toggle__thumb,
html.succubus-preload-night #sec1[data-home-hero-schedule] .home-hero-mode-toggle__thumb,
html.succubus-night #sec1[data-home-hero-schedule] .home-hero-mode-toggle__thumb{
    background: #7c315f !important;
    box-shadow: 0 2px 7px rgba(44,13,34,.34), 0 0 9px rgba(238,92,157,.28) !important;
}

#sec1[data-home-hero-schedule] .home-hero-mode-toggle.is-active .home-hero-mode-toggle__option--day,
html.succubus-preload-night #sec1[data-home-hero-schedule] .home-hero-mode-toggle__option--day,
html.succubus-night #sec1[data-home-hero-schedule] .home-hero-mode-toggle__option--day{
    color: var(--hero-ink) !important;
}

#sec1[data-home-hero-schedule] .home-hero-mode-toggle:not(.is-active) .home-hero-mode-toggle__option--day,
html.succubus-preload-day #sec1[data-home-hero-schedule] .home-hero-mode-toggle__option--day,
html.succubus-day #sec1[data-home-hero-schedule] .home-hero-mode-toggle__option--day,
#sec1[data-home-hero-schedule] .home-hero-mode-toggle.is-active .home-hero-mode-toggle__option--night,
html.succubus-preload-night #sec1[data-home-hero-schedule] .home-hero-mode-toggle__option--night,
html.succubus-night #sec1[data-home-hero-schedule] .home-hero-mode-toggle__option--night{
    color: var(--hero-bg) !important;
}

#sec1[data-home-hero-schedule][data-mascot-mode="succubus"] .home-hero-mode-toggle{
    /* The selected moon is an artwork state, not a dark control palette. */
    background: rgba(255,255,255,.9) !important;
    color: #241d25 !important;
    border-color: rgba(74,57,48,.22) !important;
    box-shadow: 0 7px 18px rgba(35,23,25,.16), inset 0 1px 0 rgba(255,255,255,.78) !important;
}
@media (prefers-reduced-motion: reduce) {

#sec1[data-home-hero-schedule] .home-hero-mode-toggle,
#sec1[data-home-hero-schedule] .home-hero-mode-toggle__option,
#sec1[data-home-hero-schedule] .home-hero-mode-toggle__thumb{
        transition: none !important;
    }
}


/* Main 3.5: AJAX shelves and the native New shelf share the same full-width geometry. */
body.succubus-home-page #sec5-sales.home-products-stage34 .sec_inner,
body.succubus-home-page #sec5-new.home-products-stage34 .sec_inner,
body.succubus-home-page #sec5-reviews.home-products-stage34 .sec_inner,
html.succubus-home-page #sec5-sales.home-products-stage34 .sec_inner,
html.succubus-home-page #sec5-new.home-products-stage34 .sec_inner,
html.succubus-home-page #sec5-reviews.home-products-stage34 .sec_inner,
body.succubus-home-page #sec33.home-products-stage34 .sec_inner,
html.succubus-home-page #sec33.home-products-stage34 .sec_inner{
    padding-left: 0 !important;
    padding-right: 0 !important;
}

body.succubus-home-page #sec5-sales.home-products-stage34 .sec3_cont,
body.succubus-home-page #sec5-new.home-products-stage34 .sec3_cont,
body.succubus-home-page #sec5-reviews.home-products-stage34 .sec3_cont,
html.succubus-home-page #sec5-sales.home-products-stage34 .sec3_cont,
html.succubus-home-page #sec5-new.home-products-stage34 .sec3_cont,
html.succubus-home-page #sec5-reviews.home-products-stage34 .sec3_cont,
body.succubus-home-page #sec5-sales.home-products-stage34 .product_list_wrap.shopbrand-products,
body.succubus-home-page #sec5-new.home-products-stage34 .product_list_wrap.shopbrand-products,
body.succubus-home-page #sec5-reviews.home-products-stage34 .product_list_wrap.shopbrand-products,
html.succubus-home-page #sec5-sales.home-products-stage34 .product_list_wrap.shopbrand-products,
html.succubus-home-page #sec5-new.home-products-stage34 .product_list_wrap.shopbrand-products,
html.succubus-home-page #sec5-reviews.home-products-stage34 .product_list_wrap.shopbrand-products{
    width: 100% !important;
}

#sec5-sales.home-products-stage34 .sec_inner h2,
#sec5-new.home-products-stage34 .sec_inner h2,
#sec5-reviews.home-products-stage34 .sec_inner h2,
#sec33.home-products-stage34 .sec_inner h2{
    margin-left: 15px !important;
}

#sec5-new.home-products-stage34 [data-home-static-limit] > .product_item:nth-child(n+21){
    display: none !important;
}

.home-review-meta{
    display: flex !important;
    align-items: center;
    gap: 8px;
    min-height: 22px;
    color: var(--shopbrand-muted) !important;
    font-family: 'Jost', 'Noto Sans KR', Arial, sans-serif !important;
    font-size: 13px !important;
    font-weight: 600 !important;
}
/* Event is separated from both adjacent product grids by the same 60px
 * section rhythm. Remove the former negative overlap and feather overlay so
 * the poster cannot cover the previous 판매중 row. */
body.succubus-home-page #sec6,
html.succubus-home-page #sec6{
    margin-top: 60px !important;
    margin-bottom: 60px !important;
}

body.succubus-home-page #sec6::before,
html.succubus-home-page #sec6::before{
    display: none !important;
    content: none !important;
}

/* Candidate repair 2026-09-21: reserve the mounted Shop by Mood sheet in
 * normal document flow.  The home script intentionally mounts #sec24 inside
 * .home-hero-lower-ui so the white sheet keeps its visual composition, but
 * the legacy Hero height is only one viewport tall.  Without this spacer the
 * following Renewal and product sections begin before the mounted rail ends
 * and visibly overlap it.  Match the sheet's existing relative top offset;
 * keep all product markup, card CSS, and DAY/NIGHT artwork unchanged. */
@media (max-width: 599px) {

html.succubus-home-page #contents #sec1#sec1[data-home-hero-schedule],
body.succubus-home-page #contents #sec1#sec1[data-home-hero-schedule]{
        height: auto !important;
        min-height: 0 !important;
        padding-bottom: calc(54svh + 33px) !important;
        box-sizing: border-box !important;
        overflow: visible !important;
    }
}
/* Main 3.5 audit repair: both hero artworks share one real frame.  The
 * platform's legacy cascade can reset the source position/display rules, so
 * repeat the complete frame contract at the end of the skin. */
html.succubus-home-page #contents #sec1[data-home-hero-schedule],
body.succubus-home-page #contents #sec1[data-home-hero-schedule]{
    position: relative !important;
    min-height: 0 !important;
    height: auto !important;
    overflow: visible !important;
}

html.succubus-home-page #contents #sec1[data-home-hero-schedule] > .sec_inner,
body.succubus-home-page #contents #sec1[data-home-hero-schedule] > .sec_inner{
    position: relative !important;
    width: 100% !important;
    height: 100svh !important;
    min-height: 680px !important;
    overflow: hidden !important;
}

html.succubus-home-page #contents #sec1[data-home-hero-schedule] > .sec_inner > div.sec1_1,
body.succubus-home-page #contents #sec1[data-home-hero-schedule] > .sec_inner > div.sec1_1{
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    transform: none !important;
    transition: opacity .9s ease !important;
}

html.succubus-home-page #contents #sec1[data-home-hero-schedule] > .sec_inner > div.sec1_1.is-active,
html.succubus-home-page #contents #sec1[data-home-hero-schedule] > .sec_inner > div.sec1_1[aria-hidden="false"],
body.succubus-home-page #contents #sec1[data-home-hero-schedule] > .sec_inner > div.sec1_1.is-active,
body.succubus-home-page #contents #sec1[data-home-hero-schedule] > .sec_inner > div.sec1_1[aria-hidden="false"]{
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
}

html.succubus-home-page #contents #sec1[data-home-hero-schedule] > .sec_inner > div.sec1_1 .thumb,
html.succubus-home-page #contents #sec1[data-home-hero-schedule] > .sec_inner > div.sec1_1 .thumb > a,
body.succubus-home-page #contents #sec1[data-home-hero-schedule] > .sec_inner > div.sec1_1 .thumb,
body.succubus-home-page #contents #sec1[data-home-hero-schedule] > .sec_inner > div.sec1_1 .thumb > a{
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

html.succubus-home-page #contents #sec1[data-home-hero-schedule] > .sec_inner > div.sec1_1 .thumb img,
body.succubus-home-page #contents #sec1[data-home-hero-schedule] > .sec_inner > div.sec1_1 .thumb img{
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    object-fit: cover !important;
    object-position: 50% 50% !important;
    transform: none !important;
}

html.succubus-home-page #contents #sec1[data-home-hero-schedule] .home-hero-copy,
body.succubus-home-page #contents #sec1[data-home-hero-schedule] .home-hero-copy,
html.succubus-home-page #contents #sec1[data-home-hero-schedule] .home-hero-meta,
body.succubus-home-page #contents #sec1[data-home-hero-schedule] .home-hero-meta,
html.succubus-home-page #contents #sec1[data-home-hero-schedule] .home-hero-slide-controls,
body.succubus-home-page #contents #sec1[data-home-hero-schedule] .home-hero-slide-controls,
html.succubus-home-page #contents #sec1[data-home-hero-schedule] .home-hero-mode-switch,
body.succubus-home-page #contents #sec1[data-home-hero-schedule] .home-hero-mode-switch{
    position: absolute !important;
}

html.succubus-home-page #contents #sec1[data-home-hero-schedule] .home-hero-lower-ui,
body.succubus-home-page #contents #sec1[data-home-hero-schedule] .home-hero-lower-ui{
    position: relative !important;
}
/* Main 3.5 final release override: keep whitespace on both sides of the
 * Renewer banner after the platform's legacy section cascade. */
html.succubus-home-page #sec5-renewer.home-renewer-banner,
body.succubus-home-page #sec5-renewer.home-renewer-banner{
    margin-top: 0 !important;
}
/* Main 3.5 release gate: these selectors must remain the last rules in the
 * skin.  Makeshop's legacy night parity block otherwise resets the NIGHT
 * slot to height:100%, which makes it 70px taller than DAY.  The slot is an
 * absolutely positioned frame: top+bottom define its size, while the
 * thumb/image fill that frame. */
html.succubus-home-page[data-succubus-theme-mode="night"] body.succubus-art-night #contents #sec1[data-home-hero-schedule] .sec_inner > div.sec1_1[data-hero-mode-slot="night"]{
    top: var(--store-header-height, 70px) !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    box-sizing: border-box !important;
    transform: none !important;
}

html.succubus-home-page[data-succubus-theme-mode="night"] body.succubus-art-night #contents #sec1[data-home-hero-schedule] .sec_inner > div.sec1_1[data-hero-mode-slot="night"] .thumb,
html.succubus-home-page[data-succubus-theme-mode="night"] body.succubus-art-night #contents #sec1[data-home-hero-schedule] .sec_inner > div.sec1_1[data-hero-mode-slot="night"] .thumb > a{
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    max-height: none !important;
}
/* Renewer must have a measurable separation from the next shelf.  The
 * previous platform rule forced margin-bottom to zero; keep the white gap on
 * the real adjacent sections so it survives the skin cascade and is visible
 * in the public DOM, not merely inside the Renewer artwork box. */
html.succubus-home-page #sec5-renewer.home-renewer-banner,
body.succubus-home-page #sec5-renewer.home-renewer-banner{
    margin-bottom: 60px !important;
}

html.succubus-home-page #sec5-renewer.home-renewer-banner + #sec5-sales,
body.succubus-home-page #sec5-renewer.home-renewer-banner + #sec5-sales{
    margin-top: 0 !important;
}
/* Hot Deal is loaded from the official sell-count endpoint in two pages of
 * ten.  A legacy six-card guard must not hide cards 7-20 after the official
 * response has arrived.  Keep the existing card display model unchanged. */
html.succubus-home-page #sec3 .shopbrand-products[data-home-product-list]:not(.is-home-more-ready) > .product_item:nth-child(n+7),
body.succubus-home-page #sec3 .shopbrand-products[data-home-product-list]:not(.is-home-more-ready) > .product_item:nth-child(n+7){
    display: block !important;
    visibility: visible !important;
}
/* Main 3.5 final geometry contract.
   DAY and NIGHT must occupy the same fixed hero frame.  The source artworks
   may have different intrinsic boxes; the frame, not the bitmap, owns the
   height.  Opacity is the only mode transition so no scale/zoom frame can
   appear while NIGHT changes back to DAY. */
#sec1#sec1[data-home-hero-schedule],
html.succubus-home-page #contents #sec1[data-home-hero-schedule],
body.succubus-home-page #contents #sec1[data-home-hero-schedule]{
    min-height: 680px !important;
    height: 100svh !important;
    overflow: visible !important;
}

#sec1#sec1[data-home-hero-schedule] > .sec_inner,
html.succubus-home-page #contents #sec1[data-home-hero-schedule] > .sec_inner,
body.succubus-home-page #contents #sec1[data-home-hero-schedule] > .sec_inner{
    height: 100svh !important;
    min-height: 680px !important;
    overflow: hidden !important;
}

#sec1#sec1[data-home-hero-schedule] > .sec_inner > div.sec1_1,
html.succubus-home-page #contents #sec1[data-home-hero-schedule] > .sec_inner > div.sec1_1,
body.succubus-home-page #contents #sec1[data-home-hero-schedule] > .sec_inner > div.sec1_1{
    top: var(--store-header-height, 70px) !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: calc(100% - var(--store-header-height, 70px)) !important;
    min-height: 0 !important;
    transform: none !important;
    transition: opacity .9s ease, visibility 0s linear 0s !important;
}

#sec1#sec1[data-home-hero-schedule] > .sec_inner > div.sec1_1 .thumb,
#sec1#sec1[data-home-hero-schedule] > .sec_inner > div.sec1_1 .thumb a,
html.succubus-home-page #contents #sec1[data-home-hero-schedule] > .sec_inner > div.sec1_1 .thumb,
html.succubus-home-page #contents #sec1[data-home-hero-schedule] > .sec_inner > div.sec1_1 .thumb a,
body.succubus-home-page #contents #sec1[data-home-hero-schedule] > .sec_inner > div.sec1_1 .thumb,
body.succubus-home-page #contents #sec1[data-home-hero-schedule] > .sec_inner > div.sec1_1 .thumb a{
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
}

#sec1#sec1[data-home-hero-schedule] > .sec_inner > div.sec1_1 .thumb img,
html.succubus-home-page #contents #sec1[data-home-hero-schedule] > .sec_inner > div.sec1_1 .thumb img,
body.succubus-home-page #contents #sec1[data-home-hero-schedule] > .sec_inner > div.sec1_1 .thumb img{
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    object-fit: cover !important;
    object-position: 50% 50% !important;
    transform: none !important;
    transition: opacity .9s ease, visibility 0s linear 0s !important;
}
/* Main 3.5: restore the Renewer notice and retain generous white air on both
   sides of the artwork.  The product cards below are not changed. */
#sec5-renewer.home-renewer-banner{
    display: block !important;
    visibility: visible !important;
    min-height: 260px !important;
    margin: 60px auto 60px !important;
    overflow: hidden !important;
    background: #fff !important;
}

#sec5-renewer.home-renewer-banner .sec_inner{
    padding: 0 !important;
    line-height: normal !important;
}

#sec5-renewer.home-renewer-banner .home-renewer-banner__layout{
    display: grid !important;
    grid-template-columns: minmax(108px, 35%) minmax(0, 1fr) !important;
    align-items: center !important;
    gap: clamp(16px, 3.5vw, 32px) !important;
    min-height: 260px !important;
    padding: 60px clamp(18px, 4.5vw, 44px) !important;
    box-sizing: border-box !important;
}

#sec5-renewer.home-renewer-banner .home-renewer-banner__art{
    min-width: 0 !important;
}

#sec5-renewer.home-renewer-banner .home-renewer-banner__art img{
    display: block !important;
    width: 100% !important;
    max-width: 370px !important;
    height: auto !important;
    margin: 0 auto !important;
    object-fit: contain !important;
}

#sec5-renewer.home-renewer-banner .home-renewer-banner__copy{
    min-width: 0 !important;
    color: #17131a !important;
}

#sec5-renewer.home-renewer-banner .home-renewer-banner__eyebrow{
    display: block !important;
    color: #a0a0a0 !important;
    font-family: Arial, "Noto Sans KR", sans-serif !important;
    font-size: clamp(10px, 1.45vw, 14px) !important;
    font-weight: 700 !important;
    letter-spacing: .22em !important;
    line-height: 1 !important;
}

#sec5-renewer.home-renewer-banner .home-renewer-banner__copy h2{
    margin: 10px 0 16px !important;
    color: #111 !important;
    font-family: "Noto Sans KR", Arial, sans-serif !important;
    font-size: clamp(22px, 3.4vw, 36px) !important;
    font-weight: 800 !important;
    letter-spacing: -.035em !important;
    line-height: 1.16 !important;
}

#sec5-renewer.home-renewer-banner .home-renewer-banner__copy p{
    margin: 0 !important;
    color: #454047 !important;
    font-family: "Noto Sans KR", Arial, sans-serif !important;
    font-size: clamp(14px, 1.65vw, 19px) !important;
    font-weight: 500 !important;
    letter-spacing: -.02em !important;
    line-height: 1.55 !important;
    word-break: keep-all !important;
}

#sec5-renewer.home-renewer-banner .home-renewer-banner__copy p + p{
    margin-top: 8px !important;
}

body.succubus-home-page #sec5-renewer.home-renewer-banner + #sec5-sales,
html.succubus-home-page #sec5-renewer.home-renewer-banner + #sec5-sales{
    margin-top: 60px !important;
}
@media (max-width: 480px) {

#sec5-renewer.home-renewer-banner{
        min-height: 240px !important;
        margin-top: 60px !important;
        margin-bottom: 60px !important;
    }

#sec5-renewer.home-renewer-banner .home-renewer-banner__layout{
        grid-template-columns: minmax(96px, 34%) minmax(0, 1fr) !important;
        gap: 14px !important;
        min-height: 240px !important;
        padding: 52px 16px !important;
    }
}
/* The recommendation shelf is the only homepage shelf with an AJAX More action. */
#sec33.home-products-stage34 [data-home-recommendation-more][aria-hidden="true"]{
    display: none !important;
}
/* Shop by Mood is a standalone horizontal rail. Keep the swipe viewport
 * inside the sheet; no arrow controls are rendered. */
#sec24.category-rail .category-rail__viewport-shell{
    position: relative;
    z-index: 3;
    display: flex;
    align-items: center;
    gap: 5px;
    width: 100%;
    box-sizing: border-box;
    padding: 0 15px;
}

#sec24.category-rail .category-rail__viewport-shell .category-rail__viewport{
    flex: 1 1 auto;
    min-width: 0;
    margin-top: 28px;
    padding-left: 0;
    padding-right: 0;
}

#sec24.category-rail .category-rail__footer{
    position: relative;
    z-index: 4;
}

/* At 390px the fixed Global Shopping dock reaches 96px above the viewport
 * bottom and covers the last part of the transparent mood rail. Lift only
 * the rail at the narrow breakpoint; 430px and wider layouts keep their
 * established position. */
@media (max-width: 400px) {

#sec1[data-home-hero-schedule] .home-hero-lower-ui > #sec24.category-rail{
        transform: translateY(-20px);
    }
}
/* Shop by Mood sits over the hero. Remove only its sheet/rail surfaces so the
 * hero or page background shows through; icons, links, text and swipe behavior
 * remain unchanged. */
body.succubus-home-page #sec1[data-home-hero-schedule] .home-hero-lower-ui,
html.succubus-home-page #sec1[data-home-hero-schedule] .home-hero-lower-ui,
body.succubus-home-page #sec1[data-home-hero-schedule] .home-hero-lower-ui > #sec24.category-rail,
html.succubus-home-page #sec1[data-home-hero-schedule] .home-hero-lower-ui > #sec24.category-rail,
body.succubus-home-page #sec1[data-home-hero-schedule] .home-hero-lower-ui > #sec24.category-rail .sec_inner,
html.succubus-home-page #sec1[data-home-hero-schedule] .home-hero-lower-ui > #sec24.category-rail .sec_inner{
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
}
/* the edition link owns the left lane;
 * the mood shelf begins immediately after it and remains above the fixed
 * global footer dock. */
#sec1[data-home-hero-schedule] .home-hero-lower-ui > #sec24.category-rail .category-rail__viewport{
    padding-left: 180px !important;
}

#sec1[data-home-hero-schedule] .home-hero-lower-ui > #sec24.category-rail .category-rail__footer{
    padding-left: 180px !important;
}

#sec1[data-home-hero-schedule] .home-hero-lower-ui > #sec24.category-rail .category-rail__list{
    padding-left: 0 !important;
}
@media (max-width: 400px) {

#sec1[data-home-hero-schedule] .home-hero-lower-ui > #sec24.category-rail .category-rail__viewport{
        padding-left: 148px !important;
    }

#sec1[data-home-hero-schedule] .home-hero-lower-ui > #sec24.category-rail .category-rail__footer{
        padding-left: 148px !important;
    }

#sec1[data-home-hero-schedule] .home-hero-lower-ui > #sec24.category-rail .category-rail__list{
        padding-left: 0 !important;
    }
}
/* Keep the complete mood row above the fixed global dock. The dock is
 * viewport-fixed, so changing the viewport margin would move the cards down;
 * lift the mounted rail as a unit instead and keep its header, labels, and
 * progress row together. */
#sec1[data-home-hero-schedule] .home-hero-lower-ui > #sec24.category-rail{
    transform: translateY(-28px) !important;
}
/* 2026-09-14 homepage hard fixes: the portrait hero must fill the visible
 * mobile frame, and the DAY/NIGHT control must remain above the mood sheet. */
#sec1[data-home-hero-schedule] .sec_inner>div.sec1_1 .thumb img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 50%;
}
/* v2.1 NIGHT hero: preserve the complete 1024x1536 artwork; do not crop its side edges. */
#sec1[data-home-hero-schedule] .sec_inner>div.sec1_1[data-hero-mode-slot="night"] .thumb img{
    object-fit: contain !important;
    object-position: 50% top !important;
}

#sec1[data-home-hero-schedule] .home-hero-mode-switch{
    z-index: 12 !important;
    pointer-events: auto !important;
}

#sec1[data-home-hero-schedule] .home-hero-mode-toggle{
    position: relative;
    z-index: 13 !important;
    pointer-events: auto !important;
}
/* Final NIGHT homepage product-surface contract.  Makeshop's mobile skin can
 * re-apply a white section background and hidden/transparent card fragments
 * after the homepage loop is rendered. Keep the recommendation section and
 * its real product loop explicitly visible, and make the grid gap the same
 * same white surface without a contrasting seam. Product artwork is not filtered. */
html.succubus-preload-night #sec3,
html.succubus-night #sec3,
body.succubus-night #sec3,
html.succubus-preload-night #sec33,
html.succubus-night #sec33,
body.succubus-night #sec33,
html.succubus-preload-night .home-products,
html.succubus-night .home-products,
body.succubus-night .home-products,
html.succubus-preload-night .home-products .sec_inner,
html.succubus-night .home-products .sec_inner,
body.succubus-night .home-products .sec_inner,
html.succubus-preload-night .home-products .sec3_cont,
html.succubus-night .home-products .sec3_cont,
body.succubus-night .home-products .sec3_cont,
html.succubus-preload-night .home-products .product_list_wrap.shopbrand-products,
html.succubus-night .home-products .product_list_wrap.shopbrand-products,
body.succubus-night .home-products .product_list_wrap.shopbrand-products{
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    background: #fff !important;
    background-color: #fff !important;
    background-image: none !important;
    color: #000 !important;
}

html.succubus-preload-night .home-products .product_list_wrap.shopbrand-products,
html.succubus-night .home-products .product_list_wrap.shopbrand-products,
body.succubus-night .home-products .product_list_wrap.shopbrand-products{
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 3px !important;
    width: 100% !important;
    min-height: 1px !important;
    padding: 0 !important;
}

html.succubus-preload-night .home-products .product_list_wrap.shopbrand-products .product_item,
html.succubus-night .home-products .product_list_wrap.shopbrand-products .product_item,
body.succubus-night .home-products .product_list_wrap.shopbrand-products .product_item,
html.succubus-preload-night .home-products .shopbrand-products .product_item figure,
html.succubus-night .home-products .shopbrand-products .product_item figure,
body.succubus-night .home-products .shopbrand-products .product_item figure,
html.succubus-preload-night .home-products .shopbrand-products .thumb,
html.succubus-night .home-products .shopbrand-products .thumb,
body.succubus-night .home-products .shopbrand-products .thumb,
html.succubus-preload-night .home-products .shopbrand-products .desc_container,
html.succubus-night .home-products .shopbrand-products .desc_container,
body.succubus-night .home-products .shopbrand-products .desc_container{
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

html.succubus-preload-night .home-products .shopbrand-products .product_item,
html.succubus-night .home-products .shopbrand-products .product_item,
body.succubus-night .home-products .shopbrand-products .product_item{
    overflow: hidden !important;
    background: #fff !important;
    border: 0 !important;
    border-radius: 11px !important;
    box-shadow: none !important;
}

html.succubus-preload-night .home-products .shopbrand-products .thumb,
html.succubus-night .home-products .shopbrand-products .thumb,
body.succubus-night .home-products .shopbrand-products .thumb{
    background: #f5f5f5 !important;
    border: 0 !important;
}

html.succubus-preload-night .home-products .shopbrand-products .thumb img.listPic,
html.succubus-night .home-products .shopbrand-products .thumb img.listPic,
body.succubus-night .home-products .shopbrand-products .thumb img.listPic{
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    filter: none !important;
}

html.succubus-preload-night .home-products .shopbrand-products .desc_container,
html.succubus-night .home-products .shopbrand-products .desc_container,
body.succubus-night .home-products .shopbrand-products .desc_container,
html.succubus-preload-night .home-products .shopbrand-products .info,
html.succubus-night .home-products .shopbrand-products .info,
body.succubus-night .home-products .shopbrand-products .info,
html.succubus-preload-night .home-products .shopbrand-products .prdname,
html.succubus-night .home-products .shopbrand-products .prdname,
body.succubus-night .home-products .shopbrand-products .prdname,
html.succubus-preload-night .home-products .shopbrand-products .prdprice,
html.succubus-night .home-products .shopbrand-products .prdprice,
body.succubus-night .home-products .shopbrand-products .prdprice{
    color: #000 !important;
    background: #fff !important;
}

html.succubus-preload-night .home-products .shopbrand-products .shopbrand-product-wish,
html.succubus-night .home-products .shopbrand-products .shopbrand-product-wish,
body.succubus-night .home-products .shopbrand-products .shopbrand-product-wish{
    visibility: visible !important;
    opacity: 1 !important;
}

html.succubus-preload-night .home-products .shopbrand-products .shopbrand-product-wish i.fa-heart-o,
html.succubus-night .home-products .shopbrand-products .shopbrand-product-wish i.fa-heart-o,
body.succubus-night .home-products .shopbrand-products .shopbrand-product-wish i.fa-heart-o{
    color: #000 !important;
    -webkit-text-stroke-color: #111 !important;
}
/* Restore the original hero composition: the lower content sits on a real
 * rounded cloth/panel below the main image. Do not let the photo show through
 * the copy, CTA, category names, or progress row. */
#sec1[data-home-hero-schedule] .home-hero-lower-ui{
    background: #fff !important;
    background-color: #fff !important;
    background-image: none !important;
    border-radius: 27px 27px 0 0 !important;
    box-shadow: 0 -16px 32px rgba(35, 23, 25, .16) !important;
}

#sec1[data-home-hero-schedule] .home-hero-lower-ui > #sec24.category-rail,
#sec1[data-home-hero-schedule] .home-hero-lower-ui > #sec24.category-rail .sec_inner{
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
}
/* The cloth is a real painted layer, not a translucent overlay.  Keeping it
 * on a pseudo-element also prevents the hero image from bleeding through if
 * Makeshop's base skin resets the panel's background shorthand. */
body.succubus-home-page #sec1[data-home-hero-schedule] .home-hero-lower-ui::before,
html.succubus-home-page #sec1[data-home-hero-schedule] .home-hero-lower-ui::before{
    content: "";
    position: absolute;
    z-index: 0;
    inset: 0;
    border-radius: 27px 27px 0 0;
    background: #fff !important;
    pointer-events: none;
}

#sec1[data-home-hero-schedule] .home-hero-lower-ui > *{
    position: relative;
    z-index: 1;
}
/* 2026-09-15 homepage contract: NIGHT swaps supplied artwork only.
 * The page surface, white content cloth, product cards, and readable ink stay
 * exactly on the DAY palette.  Theme-specific files (hero, more buttons,
 * banners, and any paired UI bitmap) are still selected by the mode scripts;
 * this block prevents the mode class from turning the whole homepage black. */
html.succubus-preload-night #contents,
html.succubus-night #contents,
body.succubus-night #contents,
html.succubus-preload-night #container,
html.succubus-night #container,
body.succubus-night #container,
html.succubus-preload-night #contents section,
html.succubus-night #contents section,
body.succubus-night #contents section,
html.succubus-preload-night #contents .sec_inner,
html.succubus-night #contents .sec_inner,
body.succubus-night #contents .sec_inner,
html.succubus-preload-night #sec1[data-home-hero-schedule],
html.succubus-night #sec1[data-home-hero-schedule],
body.succubus-night #sec1[data-home-hero-schedule],
html.succubus-preload-night #sec1[data-home-hero-schedule] .sec_inner,
html.succubus-night #sec1[data-home-hero-schedule] .sec_inner,
body.succubus-night #sec1[data-home-hero-schedule] .sec_inner,
html.succubus-preload-night #sec24.category-rail,
html.succubus-night #sec24.category-rail,
body.succubus-night #sec24.category-rail,
html.succubus-preload-night #mascot-reveal,
html.succubus-night #mascot-reveal,
body.succubus-night #mascot-reveal,
html.succubus-preload-night #mascot-reveal .mascot-reveal__sticky,
html.succubus-night #mascot-reveal .mascot-reveal__sticky,
body.succubus-night #mascot-reveal .mascot-reveal__sticky,
html.succubus-preload-night .home-products,
html.succubus-night .home-products,
body.succubus-night .home-products,
html.succubus-preload-night .home-products .sec_inner,
html.succubus-night .home-products .sec_inner,
body.succubus-night .home-products .sec_inner,
html.succubus-preload-night .home-products .product_list_wrap.shopbrand-products{
    background: #fff !important;
    background-color: #fff !important;
    background-image: none !important;
    color: #000 !important;
}

html.succubus-night .home-products .product_list_wrap.shopbrand-products,
body.succubus-night .home-products .product_list_wrap.shopbrand-products,
html.succubus-night .home-products .product_list_wrap.shopbrand-products .product_item,
body.succubus-night .home-products .product_list_wrap.shopbrand-products .product_item,
html.succubus-night .home-products .shopbrand-products .desc_container,
body.succubus-night .home-products .shopbrand-products .desc_container,
html.succubus-night .home-products .shopbrand-products .thumb,
body.succubus-night .home-products .shopbrand-products .thumb{
    background: #fff !important;
    background-color: #fff !important;
    border-color: rgba(0, 0, 0, .16) !important;
    color: #000 !important;
}

html.succubus-preload-night #sec1[data-home-hero-schedule],
html.succubus-night #sec1[data-home-hero-schedule],
body.succubus-night #sec1[data-home-hero-schedule]{
    --hero-bg: #fff;
    --hero-ink: #000;
    --hero-muted: #666;
    --hero-sheet-bg: #fff;
    --hero-sheet-ink: #000;
    --hero-sheet-muted: #666;
    --hero-sheet-line: rgba(0, 0, 0, .16);
    --hero-sheet-circle: #fff;
    --hero-nav-bg: #fff;
    --hero-nav-line: rgba(0, 0, 0, .16);
    --hero-nav-muted: #666;
    --hero-nav-active-bg: #000;
    --hero-nav-active-ink: #fff;
    --hero-nav-dot: #000;
}

html.succubus-preload-night #sec24 .category-rail__icon,
html.succubus-night #sec24 .category-rail__icon,
body.succubus-night #sec24 .category-rail__icon,
html.succubus-preload-night #sec24 .category-rail__line span,
html.succubus-night #sec24 .category-rail__line span,
body.succubus-night #sec24 .category-rail__line span{
    background: #fff !important;
    border-color: rgba(0, 0, 0, .16) !important;
}

html.succubus-preload-night #sec1[data-home-hero-schedule] .home-hero-lower-ui,
html.succubus-night #sec1[data-home-hero-schedule] .home-hero-lower-ui,
body.succubus-night #sec1[data-home-hero-schedule] .home-hero-lower-ui,
html.succubus-preload-night #sec1[data-home-hero-schedule] .home-hero-lower-ui::before,
html.succubus-night #sec1[data-home-hero-schedule] .home-hero-lower-ui::before,
body.succubus-night #sec1[data-home-hero-schedule] .home-hero-lower-ui::before{
    background: #fff !important;
    background-color: #fff !important;
    box-shadow: 0 -16px 32px rgba(35, 23, 25, .16) !important;
}
/* Supplied night bitmaps may still receive the requested soft halo, while the
 * fallback keeps the source image unchanged. */
html.succubus-preload-night :where(#contents) :where(#contents) img[data-succubus-night-fallback="mono-glow"],
html.succubus-night :where(#contents) :where(#contents) img[data-succubus-night-fallback="mono-glow"],
body.succubus-night :where(#contents) :where(#contents) img[data-succubus-night-fallback="mono-glow"]{
    filter:
        drop-shadow(0 0 3px rgba(255, 255, 255, .78))
        drop-shadow(0 0 9px rgba(255, 255, 255, .28)) !important;
}
/* Keep the higher-specificity category rule from changing the supplied
 * artwork. NIGHT artwork is selected by its src; a one-source icon only gets
 * the requested halo. */
html.succubus-preload-night #sec24 .category-rail__icon img,
html.succubus-night #sec24 .category-rail__icon img,
body.succubus-night #sec24 .category-rail__icon img{
    filter:
        drop-shadow(0 0 3px rgba(255, 255, 255, .78))
        drop-shadow(0 0 9px rgba(255, 255, 255, .28)) !important;
}

html.succubus-preload-night body.succubus-home-page :where(#contents) :where(#contents) img[data-succubus-night-fallback="mono-glow"],
html.succubus-night body.succubus-home-page :where(#contents) :where(#contents) img[data-succubus-night-fallback="mono-glow"],
body.succubus-night.succubus-home-page :where(#contents) :where(#contents) img[data-succubus-night-fallback="mono-glow"]{
    filter:
        drop-shadow(0 0 3px rgba(255, 255, 255, .78))
        drop-shadow(0 0 9px rgba(255, 255, 255, .28)) !important;
}
/* 2026-09-15 final override: both homepage product sections use the DAY
 * white content cloth in NIGHT as well; only the supplied images change. */
html.succubus-night body.succubus-home-page #sec3#sec3.home-products.home-products .shopbrand-products .product_item,
html.succubus-night body.succubus-home-page #sec33#sec33.home-products.home-products .shopbrand-products .product_item,
body.succubus-night.succubus-home-page #sec3#sec3.home-products.home-products .shopbrand-products .product_item,
body.succubus-night.succubus-home-page #sec33#sec33.home-products.home-products .shopbrand-products .product_item,
html.succubus-preload-night body.succubus-home-page #sec3#sec3.home-products.home-products .shopbrand-products .product_item,
html.succubus-preload-night body.succubus-home-page #sec33#sec33.home-products.home-products .shopbrand-products .product_item{
    background: #fff !important;
    background-color: #fff !important;
    color: #000 !important;
}

html.succubus-night body.succubus-home-page #sec3#sec3.home-products.home-products .shopbrand-products .product_item .desc_container,
html.succubus-night body.succubus-home-page #sec33#sec33.home-products.home-products .shopbrand-products .product_item .desc_container,
body.succubus-night.succubus-home-page #sec3#sec3.home-products.home-products .shopbrand-products .product_item .desc_container,
body.succubus-night.succubus-home-page #sec33#sec33.home-products.home-products .shopbrand-products .product_item .desc_container,
html.succubus-preload-night body.succubus-home-page #sec3#sec3.home-products.home-products .shopbrand-products .product_item .desc_container,
html.succubus-preload-night body.succubus-home-page #sec33#sec33.home-products.home-products .shopbrand-products .product_item .desc_container,
html.succubus-night body.succubus-home-page #sec3#sec3.home-products.home-products .shopbrand-products .product_item .desc_container *,
html.succubus-night body.succubus-home-page #sec33#sec33.home-products.home-products .shopbrand-products .product_item .desc_container *,
body.succubus-night.succubus-home-page #sec3#sec3.home-products.home-products .shopbrand-products .product_item .desc_container *,
body.succubus-night.succubus-home-page #sec33#sec33.home-products.home-products .shopbrand-products .product_item .desc_container *,
html.succubus-preload-night body.succubus-home-page #sec3#sec3.home-products.home-products .shopbrand-products .product_item .desc_container *,
html.succubus-preload-night body.succubus-home-page #sec33#sec33.home-products.home-products .shopbrand-products .product_item .desc_container *{
    background: transparent !important;
    background-color: transparent !important;
    color: #000 !important;
}
/* 2026-09-15: homepage product cards keep the original white content cloth.
 * NIGHT changes supplied artwork only; it must not turn the product metadata
 * blocks into black surfaces or make the product name and price disappear. */
html.succubus-preload-night body.succubus-home-page #sec3#sec3.home-products.home-products .product_list_wrap .product_item,
html.succubus-night body.succubus-home-page #sec3#sec3.home-products.home-products .product_list_wrap .product_item,
body.succubus-night.succubus-home-page #sec3#sec3.home-products.home-products .product_list_wrap .product_item,
html.succubus-preload-night body.succubus-home-page #sec33#sec33.home-products.home-products .product_list_wrap .product_item,
html.succubus-night body.succubus-home-page #sec33#sec33.home-products.home-products .product_list_wrap .product_item,
body.succubus-night.succubus-home-page #sec33#sec33.home-products.home-products .product_list_wrap .product_item,
html.succubus-preload-night body.succubus-home-page #sec3#sec3.home-products.home-products .product_list_wrap .product_item figure,
html.succubus-night body.succubus-home-page #sec3#sec3.home-products.home-products .product_list_wrap .product_item figure,
body.succubus-night.succubus-home-page #sec3#sec3.home-products.home-products .product_list_wrap .product_item figure,
html.succubus-preload-night body.succubus-home-page #sec33#sec33.home-products.home-products .product_list_wrap .product_item figure,
html.succubus-night body.succubus-home-page #sec33#sec33.home-products.home-products .product_list_wrap .product_item figure,
body.succubus-night.succubus-home-page #sec33#sec33.home-products.home-products .product_list_wrap .product_item figure{
    background: #fff !important;
    background-color: #fff !important;
    background-image: none !important;
    color: #000 !important;
}

html.succubus-preload-night body.succubus-home-page #sec3#sec3.home-products.home-products .product_list_wrap .product_item .thumb,
html.succubus-night body.succubus-home-page #sec3#sec3.home-products.home-products .product_list_wrap .product_item .thumb,
body.succubus-night.succubus-home-page #sec3#sec3.home-products.home-products .product_list_wrap .product_item .thumb,
html.succubus-preload-night body.succubus-home-page #sec33#sec33.home-products.home-products .product_list_wrap .product_item .thumb,
html.succubus-night body.succubus-home-page #sec33#sec33.home-products.home-products .product_list_wrap .product_item .thumb,
body.succubus-night.succubus-home-page #sec33#sec33.home-products.home-products .product_list_wrap .product_item .thumb,
html.succubus-preload-night body.succubus-home-page #sec3#sec3.home-products.home-products .product_list_wrap .product_item .thumb > a,
html.succubus-night body.succubus-home-page #sec3#sec3.home-products.home-products .product_list_wrap .product_item .thumb > a,
body.succubus-night.succubus-home-page #sec3#sec3.home-products.home-products .product_list_wrap .product_item .thumb > a,
html.succubus-preload-night body.succubus-home-page #sec33#sec33.home-products.home-products .product_list_wrap .product_item .thumb > a,
html.succubus-night body.succubus-home-page #sec33#sec33.home-products.home-products .product_list_wrap .product_item .thumb > a,
body.succubus-night.succubus-home-page #sec33#sec33.home-products.home-products .product_list_wrap .product_item .thumb > a{
    background: #fff !important;
    background-color: #fff !important;
    background-image: none !important;
}

html.succubus-preload-night body.succubus-home-page #sec3#sec3.home-products.home-products .product_list_wrap .product_item .desc_container,
html.succubus-night body.succubus-home-page #sec3#sec3.home-products.home-products .product_list_wrap .product_item .desc_container,
body.succubus-night.succubus-home-page #sec3#sec3.home-products.home-products .product_list_wrap .product_item .desc_container,
html.succubus-preload-night body.succubus-home-page #sec33#sec33.home-products.home-products .product_list_wrap .product_item .desc_container,
html.succubus-night body.succubus-home-page #sec33#sec33.home-products.home-products .product_list_wrap .product_item .desc_container,
body.succubus-night.succubus-home-page #sec33#sec33.home-products.home-products .product_list_wrap .product_item .desc_container,
html.succubus-preload-night body.succubus-home-page #sec3#sec3.home-products.home-products .product_list_wrap .product_item .info,
html.succubus-night body.succubus-home-page #sec3#sec3.home-products.home-products .product_list_wrap .product_item .info,
body.succubus-night.succubus-home-page #sec3#sec3.home-products.home-products .product_list_wrap .product_item .info,
html.succubus-preload-night body.succubus-home-page #sec33#sec33.home-products.home-products .product_list_wrap .product_item .info,
html.succubus-night body.succubus-home-page #sec33#sec33.home-products.home-products .product_list_wrap .product_item .info,
body.succubus-night.succubus-home-page #sec33#sec33.home-products.home-products .product_list_wrap .product_item .info,
html.succubus-preload-night body.succubus-home-page #sec3#sec3.home-products.home-products .product_list_wrap .product_item .prdname,
html.succubus-night body.succubus-home-page #sec3#sec3.home-products.home-products .product_list_wrap .product_item .prdname,
body.succubus-night.succubus-home-page #sec3#sec3.home-products.home-products .product_list_wrap .product_item .prdname,
html.succubus-preload-night body.succubus-home-page #sec33#sec33.home-products.home-products .product_list_wrap .product_item .prdname,
html.succubus-night body.succubus-home-page #sec33#sec33.home-products.home-products .product_list_wrap .product_item .prdname,
body.succubus-night.succubus-home-page #sec33#sec33.home-products.home-products .product_list_wrap .product_item .prdname,
html.succubus-preload-night body.succubus-home-page #sec3#sec3.home-products.home-products .product_list_wrap .product_item .prdprice,
html.succubus-night body.succubus-home-page #sec3#sec3.home-products.home-products .product_list_wrap .product_item .prdprice,
body.succubus-night.succubus-home-page #sec3#sec3.home-products.home-products .product_list_wrap .product_item .prdprice,
html.succubus-preload-night body.succubus-home-page #sec33#sec33.home-products.home-products .product_list_wrap .product_item .prdprice,
html.succubus-night body.succubus-home-page #sec33#sec33.home-products.home-products .product_list_wrap .product_item .prdprice,
body.succubus-night.succubus-home-page #sec33#sec33.home-products.home-products .product_list_wrap .product_item .prdprice{
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    color: #000 !important;
}

html.succubus-preload-night body.succubus-home-page #sec3#sec3.home-products.home-products .product_list_wrap .product_item .desc_container *,
html.succubus-night body.succubus-home-page #sec3#sec3.home-products.home-products .product_list_wrap .product_item .desc_container *,
body.succubus-night.succubus-home-page #sec3#sec3.home-products.home-products .product_list_wrap .product_item .desc_container *,
html.succubus-preload-night body.succubus-home-page #sec33#sec33.home-products.home-products .product_list_wrap .product_item .desc_container *,
html.succubus-night body.succubus-home-page #sec33#sec33.home-products.home-products .product_list_wrap .product_item .desc_container *,
body.succubus-night.succubus-home-page #sec33#sec33.home-products.home-products .product_list_wrap .product_item .desc_container *{
    color: #000 !important;
}
/* 2026-09-15: every homepage product card stays on the white content cloth.
 * NIGHT swaps imagery only; the legacy dark card surface made names and
 * prices disappear against the black panel.  The duplicate body class keeps
 * this override ahead of the legacy Makeshop night skin for both #sec3 and
 * #sec33 product sections. */
html.succubus-preload-night body.succubus-home-page .home-products .product_list_wrap.shopbrand-products,
html.succubus-night body.succubus-home-page .home-products .product_list_wrap.shopbrand-products,
body.succubus-night.succubus-home-page .home-products .product_list_wrap.shopbrand-products{
    background: #fff !important;
    background-color: #fff !important;
    color: #000 !important;
}

html.succubus-preload-night body.succubus-home-page .home-products .product_item,
html.succubus-night body.succubus-home-page .home-products .product_item,
body.succubus-night.succubus-home-page .home-products .product_item,
html.succubus-preload-night body.succubus-home-page .home-products .product_item figure,
html.succubus-night body.succubus-home-page .home-products .product_item figure,
body.succubus-night.succubus-home-page .home-products .product_item figure,
html.succubus-preload-night body.succubus-home-page .home-products .thumb,
html.succubus-night body.succubus-home-page .home-products .thumb,
body.succubus-night.succubus-home-page .home-products .thumb,
html.succubus-preload-night body.succubus-home-page .home-products .thumb > a,
html.succubus-night body.succubus-home-page .home-products .thumb > a,
body.succubus-night.succubus-home-page .home-products .thumb > a{
    background: #fff !important;
    background-color: #fff !important;
    background-image: none !important;
    color: #000 !important;
}

html.succubus-preload-night body.succubus-home-page .home-products .desc_container,
html.succubus-night body.succubus-home-page .home-products .desc_container,
body.succubus-night.succubus-home-page .home-products .desc_container,
html.succubus-preload-night body.succubus-home-page .home-products .info,
html.succubus-night body.succubus-home-page .home-products .info,
body.succubus-night.succubus-home-page .home-products .info,
html.succubus-preload-night body.succubus-home-page .home-products .prdname,
html.succubus-night body.succubus-home-page .home-products .prdname,
body.succubus-night.succubus-home-page .home-products .prdname,
html.succubus-preload-night body.succubus-home-page .home-products .prdprice,
html.succubus-night body.succubus-home-page .home-products .prdprice,
body.succubus-night.succubus-home-page .home-products .prdprice{
    background: transparent !important;
    background-color: transparent !important;
    color: #000 !important;
}
/* Image-only NIGHT must not alter the white hero cloth's geometry or shadow.
 * The cloth remains the same painted pseudo-layer used by DAY; only the
 * selected bitmap behind it may change. */
html.succubus-preload-night body.succubus-home-page #sec1[data-home-hero-schedule] .home-hero-lower-ui,
html.succubus-night body.succubus-home-page #sec1[data-home-hero-schedule] .home-hero-lower-ui,
body.succubus-night.succubus-home-page #sec1[data-home-hero-schedule] .home-hero-lower-ui{
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: 0 -16px 32px rgba(35, 23, 25, .16) !important;
}

html.succubus-preload-night body.succubus-home-page #sec1[data-home-hero-schedule] .home-hero-lower-ui::before,
html.succubus-night body.succubus-home-page #sec1[data-home-hero-schedule] .home-hero-lower-ui::before,
body.succubus-night.succubus-home-page #sec1[data-home-hero-schedule] .home-hero-lower-ui::before{
    background: #fff !important;
    background-color: #fff !important;
    box-shadow: none !important;
}
/* Keep the complete homepage product presentation on the DAY palette.  This
 * includes the card text, price/status colors, thumbnail paper, and wish
 * mark; the product image itself is the only card artwork that can change. */
html.succubus-preload-night body.succubus-home-page .home-products .shopbrand-products,
html.succubus-night body.succubus-home-page .home-products .shopbrand-products,
body.succubus-night.succubus-home-page .home-products .shopbrand-products,
html.succubus-preload-night body.succubus-home-page .home-products .shopbrand-products .product_item,
html.succubus-night body.succubus-home-page .home-products .shopbrand-products .product_item,
body.succubus-night.succubus-home-page .home-products .shopbrand-products .product_item,
html.succubus-preload-night body.succubus-home-page .home-products .shopbrand-products .product_item figure,
html.succubus-night body.succubus-home-page .home-products .shopbrand-products .product_item figure,
body.succubus-night.succubus-home-page .home-products .shopbrand-products .product_item figure{
    background: #fff !important;
    background-color: #fff !important;
    color: #000 !important;
    border-color: transparent !important;
}

html.succubus-preload-night body.succubus-home-page .home-products .shopbrand-products .thumb,
html.succubus-night body.succubus-home-page .home-products .shopbrand-products .thumb,
body.succubus-night.succubus-home-page .home-products .shopbrand-products .thumb,
html.succubus-preload-night body.succubus-home-page .home-products .shopbrand-products .thumb > a,
html.succubus-night body.succubus-home-page .home-products .shopbrand-products .thumb > a,
body.succubus-night.succubus-home-page .home-products .shopbrand-products .thumb > a{
    background: #f5f5f5 !important;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-color: transparent !important;
}

html.succubus-preload-night body.succubus-home-page .home-products .shopbrand-products .desc_container,
html.succubus-night body.succubus-home-page .home-products .shopbrand-products .desc_container,
body.succubus-night.succubus-home-page .home-products .shopbrand-products .desc_container,
html.succubus-preload-night body.succubus-home-page .home-products .shopbrand-products .info,
html.succubus-night body.succubus-home-page .home-products .shopbrand-products .info,
body.succubus-night.succubus-home-page .home-products .shopbrand-products .info,
html.succubus-preload-night body.succubus-home-page .home-products .shopbrand-products .prdname,
html.succubus-night body.succubus-home-page .home-products .shopbrand-products .prdname,
body.succubus-night.succubus-home-page .home-products .shopbrand-products .prdname,
html.succubus-preload-night body.succubus-home-page .home-products .shopbrand-products .prdprice,
html.succubus-night body.succubus-home-page .home-products .shopbrand-products .prdprice,
body.succubus-night.succubus-home-page .home-products .shopbrand-products .prdprice{
    background: transparent !important;
    background-color: transparent !important;
    color: #000 !important;
    border-color: transparent !important;
}

html.succubus-preload-night body.succubus-home-page .home-products .shopbrand-products .shopbrand-price-row,
html.succubus-night body.succubus-home-page .home-products .shopbrand-products .shopbrand-price-row,
body.succubus-night.succubus-home-page .home-products .shopbrand-products .shopbrand-price-row,
html.succubus-preload-night body.succubus-home-page .home-products .shopbrand-products .shopbrand-price-row--regular,
html.succubus-night body.succubus-home-page .home-products .shopbrand-products .shopbrand-price-row--regular,
body.succubus-night.succubus-home-page .home-products .shopbrand-products .shopbrand-price-row--regular{
    color: #000 !important;
    border-color: transparent !important;
}

html.succubus-preload-night body.succubus-home-page .home-products .shopbrand-products .shopbrand-price-row--sale,
html.succubus-night body.succubus-home-page .home-products .shopbrand-products .shopbrand-price-row--sale,
body.succubus-night.succubus-home-page .home-products .shopbrand-products .shopbrand-price-row--sale,
html.succubus-preload-night body.succubus-home-page .home-products .shopbrand-products .shopbrand-price-row--sale .price,
html.succubus-night body.succubus-home-page .home-products .shopbrand-products .shopbrand-price-row--sale .price,
body.succubus-night.succubus-home-page .home-products .shopbrand-products .shopbrand-price-row--sale .price{
    color: #d51f32 !important;
}

html.succubus-preload-night body.succubus-home-page .home-products .shopbrand-products .shopbrand-price-row--regular strike,
html.succubus-night body.succubus-home-page .home-products .shopbrand-products .shopbrand-price-row--regular strike,
body.succubus-night.succubus-home-page .home-products .shopbrand-products .shopbrand-price-row--regular strike{
    color: #666 !important;
}

html.succubus-preload-night body.succubus-home-page .home-products .shopbrand-products .percent,
html.succubus-night body.succubus-home-page .home-products .shopbrand-products .percent,
body.succubus-night.succubus-home-page .home-products .shopbrand-products .percent{
    background: #d51f32 !important;
    color: #fff !important;
}

html.succubus-preload-night body.succubus-home-page .home-products .shopbrand-products .shopbrand-sale-status--selling,
html.succubus-night body.succubus-home-page .home-products .shopbrand-products .shopbrand-sale-status--selling,
body.succubus-night.succubus-home-page .home-products .shopbrand-products .shopbrand-sale-status--selling{
    color: #218739 !important;
}

html.succubus-preload-night body.succubus-home-page .home-products .shopbrand-products .shopbrand-sale-status--soldout,
html.succubus-night body.succubus-home-page .home-products .shopbrand-products .shopbrand-sale-status--soldout,
body.succubus-night.succubus-home-page .home-products .shopbrand-products .shopbrand-sale-status--soldout{
    color: #777 !important;
}

html.succubus-preload-night body.succubus-home-page .home-products .shopbrand-products .shopbrand-product-wish,
html.succubus-night body.succubus-home-page .home-products .shopbrand-products .shopbrand-product-wish,
body.succubus-night.succubus-home-page .home-products .shopbrand-products .shopbrand-product-wish{
    color: #000 !important;
}

html.succubus-preload-night body.succubus-home-page .home-products .shopbrand-products .shopbrand-product-wish .fa-heart,
html.succubus-night body.succubus-home-page .home-products .shopbrand-products .shopbrand-product-wish .fa-heart,
body.succubus-night.succubus-home-page .home-products .shopbrand-products .shopbrand-product-wish .fa-heart{
    color: #df2438 !important;
}

html.succubus-preload-night body.succubus-home-page .home-products .product_list_wrap.shopbrand-products,
html.succubus-night body.succubus-home-page .home-products .product_list_wrap.shopbrand-products,
body.succubus-night.succubus-home-page .home-products .product_list_wrap.shopbrand-products{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 6px 4px !important;
    border: 0 !important;
}
/* The small DAY/NIGHT control keeps the DAY chrome in both modes.  Its
 * supplied sun/moon bitmaps communicate the selection; the old dark pill
 * must not become a second NIGHT surface. */
html.succubus-preload-night body.succubus-home-page #sec1[data-home-hero-schedule] .home-hero-mode-toggle,
html.succubus-night body.succubus-home-page #sec1[data-home-hero-schedule] .home-hero-mode-toggle,
body.succubus-night.succubus-home-page #sec1[data-home-hero-schedule] .home-hero-mode-toggle{
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
}
/* 2026-09-15 final homepage NIGHT contract.
 * NIGHT is an artwork choice only: the supplied NIGHT hero/more/banner
 * assets are selected by the existing scripts, while every homepage surface,
 * text palette, geometry, and ordinary image keeps the DAY presentation.
 * The duplicated ids/classes deliberately win over the shared Top/Bottom
 * legacy NIGHT fallback rules without changing those other page types. */
html.succubus-preload-night body.succubus-home-page,
html.succubus-night body.succubus-home-page,
body.succubus-night.succubus-home-page{
    background: #fff !important;
    background-color: #fff !important;
    color: #000 !important;
}

html.succubus-preload-night body.succubus-home-page #container#container,
html.succubus-night body.succubus-home-page #container#container,
body.succubus-night.succubus-home-page #container#container,
html.succubus-preload-night body.succubus-home-page #contents#contents,
html.succubus-night body.succubus-home-page #contents#contents,
body.succubus-night.succubus-home-page #contents#contents,
html.succubus-preload-night body.succubus-home-page #contents#contents > section,
html.succubus-night body.succubus-home-page #contents#contents > section,
body.succubus-night.succubus-home-page #contents#contents > section,
html.succubus-preload-night body.succubus-home-page #contents#contents .sec_inner,
html.succubus-night body.succubus-home-page #contents#contents .sec_inner,
body.succubus-night.succubus-home-page #contents#contents .sec_inner,
html.succubus-preload-night body.succubus-home-page #sec1#sec1,
html.succubus-night body.succubus-home-page #sec1#sec1,
body.succubus-night.succubus-home-page #sec1#sec1,
html.succubus-preload-night body.succubus-home-page #sec1#sec1 .sec_inner,
html.succubus-night body.succubus-home-page #sec1#sec1 .sec_inner,
body.succubus-night.succubus-home-page #sec1#sec1 .sec_inner,
html.succubus-preload-night body.succubus-home-page .home-products.home-products,
html.succubus-night body.succubus-home-page .home-products.home-products,
body.succubus-night.succubus-home-page .home-products.home-products,
html.succubus-preload-night body.succubus-home-page .home-products.home-products .sec_inner,
html.succubus-night body.succubus-home-page .home-products.home-products .sec_inner,
body.succubus-night.succubus-home-page .home-products.home-products .sec_inner{
    background: #fff !important;
    background-color: #fff !important;
    background-image: none !important;
    color: #000 !important;
}

html.succubus-preload-night body.succubus-home-page #sec24#sec24.category-rail,
html.succubus-night body.succubus-home-page #sec24#sec24.category-rail,
body.succubus-night.succubus-home-page #sec24#sec24.category-rail,
html.succubus-preload-night body.succubus-home-page #sec24#sec24 .sec_inner,
html.succubus-night body.succubus-home-page #sec24#sec24 .sec_inner,
body.succubus-night.succubus-home-page #sec24#sec24 .sec_inner{
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    color: #000 !important;
}

html.succubus-preload-night body.succubus-home-page #sec1#sec1[data-home-hero-schedule],
html.succubus-night body.succubus-home-page #sec1#sec1[data-home-hero-schedule],
body.succubus-night.succubus-home-page #sec1#sec1[data-home-hero-schedule]{
    --hero-bg: #fff !important;
    --hero-ink: #000 !important;
    --hero-muted: #666 !important;
    --hero-sheet-bg: #fff !important;
    --hero-sheet-ink: #000 !important;
    --hero-sheet-muted: #666 !important;
    --hero-sheet-line: rgba(0, 0, 0, .16) !important;
    --hero-sheet-circle: #fff !important;
    --hero-nav-bg: #fff !important;
    --hero-nav-line: rgba(0, 0, 0, .16) !important;
    --hero-nav-muted: #666 !important;
    --hero-nav-active-bg: #000 !important;
    --hero-nav-active-ink: #fff !important;
    --hero-nav-dot: #000 !important;
    background: #fff !important;
    background-color: #fff !important;
    background-image: none !important;
    color: #000 !important;
}

html.succubus-preload-night body.succubus-home-page #sec1#sec1[data-home-hero-schedule] .home-hero-lower-ui,
html.succubus-night body.succubus-home-page #sec1#sec1[data-home-hero-schedule] .home-hero-lower-ui,
body.succubus-night.succubus-home-page #sec1#sec1[data-home-hero-schedule] .home-hero-lower-ui{
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    color: #000 !important;
}

html.succubus-preload-night body.succubus-home-page #sec1#sec1[data-home-hero-schedule] .home-hero-lower-ui::before,
html.succubus-night body.succubus-home-page #sec1#sec1[data-home-hero-schedule] .home-hero-lower-ui::before,
body.succubus-night.succubus-home-page #sec1#sec1[data-home-hero-schedule] .home-hero-lower-ui::before,
html.succubus-preload-night body.succubus-home-page #sec1#sec1[data-home-hero-schedule] .home-hero-lower-ui::after,
html.succubus-night body.succubus-home-page #sec1#sec1[data-home-hero-schedule] .home-hero-lower-ui::after,
body.succubus-night.succubus-home-page #sec1#sec1[data-home-hero-schedule] .home-hero-lower-ui::after{
    background: #fff !important;
    background-color: #fff !important;
    background-image: none !important;
    box-shadow: none !important;
}

html.succubus-preload-night body.succubus-home-page #sec1#sec1[data-home-hero-schedule] .home-hero-mode-toggle.home-hero-mode-toggle,
html.succubus-night body.succubus-home-page #sec1#sec1[data-home-hero-schedule] .home-hero-mode-toggle.home-hero-mode-toggle,
body.succubus-night.succubus-home-page #sec1#sec1[data-home-hero-schedule] .home-hero-mode-toggle.home-hero-mode-toggle{
    background: rgba(255, 255, 255, .9) !important;
    background-color: rgba(255, 255, 255, .9) !important;
    border-color: rgba(47, 37, 37, .18) !important;
    box-shadow: 0 6px 16px rgba(31, 21, 28, .18), inset 0 1px 0 rgba(255, 255, 255, .96) !important;
    color: #2f2525 !important;
}

html.succubus-preload-night body.succubus-home-page .home-products.home-products .product_list_wrap,
html.succubus-night body.succubus-home-page .home-products.home-products .product_list_wrap,
body.succubus-night.succubus-home-page .home-products.home-products .product_list_wrap,
html.succubus-preload-night body.succubus-home-page .home-products.home-products .product_item,
html.succubus-night body.succubus-home-page .home-products.home-products .product_item,
body.succubus-night.succubus-home-page .home-products.home-products .product_item,
html.succubus-preload-night body.succubus-home-page .home-products.home-products .product_item figure,
html.succubus-night body.succubus-home-page .home-products.home-products .product_item figure,
body.succubus-night.succubus-home-page .home-products.home-products .product_item figure,
html.succubus-preload-night body.succubus-home-page .home-products.home-products .thumb,
html.succubus-night body.succubus-home-page .home-products.home-products .thumb,
body.succubus-night.succubus-home-page .home-products.home-products .thumb,
html.succubus-preload-night body.succubus-home-page .home-products.home-products .thumb > a,
html.succubus-night body.succubus-home-page .home-products.home-products .thumb > a,
body.succubus-night.succubus-home-page .home-products.home-products .thumb > a{
    background: #fff !important;
    background-color: #fff !important;
    background-image: none !important;
    color: #000 !important;
}

html.succubus-preload-night body.succubus-home-page .home-products.home-products .desc_container,
html.succubus-night body.succubus-home-page .home-products.home-products .desc_container,
body.succubus-night.succubus-home-page .home-products.home-products .desc_container,
html.succubus-preload-night body.succubus-home-page .home-products.home-products .info,
html.succubus-night body.succubus-home-page .home-products.home-products .info,
body.succubus-night.succubus-home-page .home-products.home-products .info,
html.succubus-preload-night body.succubus-home-page .home-products.home-products .prdname,
html.succubus-night body.succubus-home-page .home-products.home-products .prdname,
body.succubus-night.succubus-home-page .home-products.home-products .prdname,
html.succubus-preload-night body.succubus-home-page .home-products.home-products .prdprice,
html.succubus-night body.succubus-home-page .home-products.home-products .prdprice,
body.succubus-night.succubus-home-page .home-products.home-products .prdprice{
    background: transparent !important;
    background-color: transparent !important;
    color: #000 !important;
}
/* Shared header/footer files can contain legacy bitmap treatments.
 * Reset every homepage bitmap first; the one-source mono-glow exception is
 * reintroduced below without recoloring the supplied artwork. */
html.succubus-preload-night body.succubus-home-page #sec1#sec1 img,
html.succubus-night body.succubus-home-page #sec1#sec1 img,
body.succubus-night.succubus-home-page #sec1#sec1 img,
html.succubus-preload-night body.succubus-home-page #sec24#sec24 img,
html.succubus-night body.succubus-home-page #sec24#sec24 img,
body.succubus-night.succubus-home-page #sec24#sec24 img,
html.succubus-preload-night body.succubus-home-page .home-products.home-products img,
html.succubus-night body.succubus-home-page .home-products.home-products img,
body.succubus-night.succubus-home-page .home-products.home-products img,
html.succubus-preload-night body.succubus-home-page #mascot-reveal#mascot-reveal img,
html.succubus-night body.succubus-home-page #mascot-reveal#mascot-reveal img,
body.succubus-night.succubus-home-page #mascot-reveal#mascot-reveal img{
    filter: none !important;
}

html.succubus-preload-night body.succubus-home-page :where(#contents) :where(#contents) img[data-succubus-night-fallback="mono-glow"],
html.succubus-night body.succubus-home-page :where(#contents) :where(#contents) img[data-succubus-night-fallback="mono-glow"],
body.succubus-night.succubus-home-page :where(#contents) :where(#contents) img[data-succubus-night-fallback="mono-glow"]{
    filter:
        drop-shadow(0 0 3px rgba(255, 255, 255, .78))
        drop-shadow(0 0 9px rgba(255, 255, 255, .28)) !important;
}
/* 2026-09-15 final homepage card-surface contract.  NIGHT swaps the
 * supplied artwork only; both product sections retain the white cloth. */
html.succubus-preload-night body.succubus-home-page #sec3#sec3.home-products.home-products .shopbrand-products .product_item,
html.succubus-night body.succubus-home-page #sec3#sec3.home-products.home-products .shopbrand-products .product_item,
body.succubus-night.succubus-home-page #sec3#sec3.home-products.home-products .shopbrand-products .product_item,
html.succubus-preload-night body.succubus-home-page #sec33#sec33.home-products.home-products .shopbrand-products .product_item,
html.succubus-night body.succubus-home-page #sec33#sec33.home-products.home-products .shopbrand-products .product_item,
body.succubus-night.succubus-home-page #sec33#sec33.home-products.home-products .shopbrand-products .product_item,
html.succubus-preload-night body.succubus-home-page #sec3#sec3.home-products.home-products .shopbrand-products .product_item figure,
html.succubus-night body.succubus-home-page #sec3#sec3.home-products.home-products .shopbrand-products .product_item figure,
body.succubus-night.succubus-home-page #sec3#sec3.home-products.home-products .shopbrand-products .product_item figure,
html.succubus-preload-night body.succubus-home-page #sec33#sec33.home-products.home-products .shopbrand-products .product_item figure,
html.succubus-night body.succubus-home-page #sec33#sec33.home-products.home-products .shopbrand-products .product_item figure,
body.succubus-night.succubus-home-page #sec33#sec33.home-products.home-products .shopbrand-products .product_item figure{
    background: #fff !important;
    background-color: #fff !important;
    background-image: none !important;
    color: #000 !important;
}

html.succubus-preload-night body.succubus-home-page #sec3#sec3.home-products.home-products .shopbrand-products .product_item .desc_container,
html.succubus-night body.succubus-home-page #sec3#sec3.home-products.home-products .shopbrand-products .product_item .desc_container,
body.succubus-night.succubus-home-page #sec3#sec3.home-products.home-products .shopbrand-products .product_item .desc_container,
html.succubus-preload-night body.succubus-home-page #sec33#sec33.home-products.home-products .shopbrand-products .product_item .desc_container,
html.succubus-night body.succubus-home-page #sec33#sec33.home-products.home-products .shopbrand-products .product_item .desc_container,
body.succubus-night.succubus-home-page #sec33#sec33.home-products.home-products .shopbrand-products .product_item .desc_container,
html.succubus-preload-night body.succubus-home-page #sec3#sec3.home-products.home-products .shopbrand-products .product_item .desc_container *,
html.succubus-night body.succubus-home-page #sec3#sec3.home-products.home-products .shopbrand-products .product_item .desc_container *,
body.succubus-night.succubus-home-page #sec3#sec3.home-products.home-products .shopbrand-products .product_item .desc_container *,
html.succubus-preload-night body.succubus-home-page #sec33#sec33.home-products.home-products .shopbrand-products .product_item .desc_container *,
html.succubus-night body.succubus-home-page #sec33#sec33.home-products.home-products .shopbrand-products .product_item .desc_container *,
body.succubus-night.succubus-home-page #sec33#sec33.home-products.home-products .shopbrand-products .product_item .desc_container *{
    background: transparent !important;
    background-color: transparent !important;
    color: #000 !important;
}
/* Home product pagination contract. New is native and capped at twenty cards;
 * the recommendation list is empty until its first official batch arrives. */
#sec5-new .shopbrand-products[data-home-product-list]:not(.is-home-more-ready) > .product_item:nth-child(n+21),
#sec33 .shopbrand-products[data-home-product-list]:not(.is-home-more-ready) > .product_item:nth-child(n+21){
    display: none !important;
}

.home-products .sec_inner a.sec3more[data-home-more-control]{
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 180px !important;
    max-width: 52vw;
    height: auto !important;
    min-height: 0 !important;
    margin: 20px auto 30px !important;
    padding: 0 !important;
    float: none !important;
    overflow: visible;
    transform: none !important;
    line-height: 0;
    clear: both !important;
}

.home-products .sec_inner a.sec3more[data-home-more-control][aria-hidden="true"]{
    display: none !important;
}

.home-products .sec_inner a.sec3more[data-home-more-control] img[data-home-more-image]{
    display: block !important;
    width: 180px !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    object-fit: contain;
    transform: none !important;
}

.home-products .shopbrand-products .home-ajax-product-item{
    list-style: none !important;
}

.home-products .shopbrand-products .home-ajax-product-item > a{
    display: block;
    width: 100%;
    color: inherit;
    text-decoration: none;
}
/* Homepage hero arrows: keep the invisible hit target, but show only the
 * supplied arrow glyph.  The old circular border, translucent fill, blur,
 * and hover fill made the controls read like unrelated buttons over the art. */
#sec1#sec1[data-home-hero-schedule] .home-hero-slide-controls button,
body.succubus-home-page #sec1[data-home-hero-schedule] .home-hero-slide-controls button,
html.succubus-home-page #sec1[data-home-hero-schedule] .home-hero-slide-controls button{
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    color: var(--hero-ink) !important;
    text-shadow: 0 1px 4px rgba(255,255,255,.58);
}

#sec1#sec1[data-home-hero-schedule] .home-hero-slide-controls button:hover,
#sec1#sec1[data-home-hero-schedule] .home-hero-slide-controls button:focus-visible,
body.succubus-home-page #sec1[data-home-hero-schedule] .home-hero-slide-controls button:hover,
body.succubus-home-page #sec1[data-home-hero-schedule] .home-hero-slide-controls button:focus-visible,
html.succubus-home-page #sec1[data-home-hero-schedule] .home-hero-slide-controls button:hover,
html.succubus-home-page #sec1[data-home-hero-schedule] .home-hero-slide-controls button:focus-visible{
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: var(--hero-ink) !important;
    outline: none;
}


/* Place the two editorial overlays in the left and right image pockets.  The
 * JavaScript syncs their vertical center to the same visible-image midpoint
 * as the arrows; these offsets keep the invisible arrow hit targets clear. */
#sec1#sec1[data-home-hero-schedule] .home-hero-copy__eyebrow,
body.succubus-home-page #sec1[data-home-hero-schedule] .home-hero-copy__eyebrow,
html.succubus-home-page #sec1[data-home-hero-schedule] .home-hero-copy__eyebrow{
    left: 64px !important;
    z-index: 1;
}

#sec1#sec1[data-home-hero-schedule] .home-hero-mode-switch,
body.succubus-home-page #sec1[data-home-hero-schedule] .home-hero-mode-switch,
html.succubus-home-page #sec1[data-home-hero-schedule] .home-hero-mode-switch{
    right: 64px !important;
}
/* A previously saved Makeshop fragment can still contain the old CTA even
 * after the current homepage source has removed it. Keep that stale fragment
 * from covering the category artwork or changing the rail's geometry. */
#sec1#sec1[data-home-hero-schedule] .home-hero-product-entry,
body.succubus-home-page #sec1[data-home-hero-schedule] .home-hero-product-entry,
html.succubus-home-page #sec1[data-home-hero-schedule] .home-hero-product-entry{
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
}
/* Let the first event poster grow out of the homepage's white content cloth
 * instead of starting after a hard, empty seam.  The small overlap is
 * intentionally responsive: it is stronger on the wide composition and
 * restrained on narrow mobile screens.  The feather stays white so the page
 * surface and the content cloth do not change color. */
body.succubus-home-page #sec6,
html.succubus-home-page #sec6{
    position: relative;
    z-index: 2;
    margin-top: clamp(-32px, -3.5vw, -18px);
}

body.succubus-home-page #sec6::before,
html.succubus-home-page #sec6::before{
    content: "";
    position: absolute;
    z-index: 2;
    top: -22px;
    left: 0;
    right: 0;
    height: 52px;
    pointer-events: none;
    background: linear-gradient(to bottom, rgba(255,255,255,0), #fff 78%);
}

body.succubus-home-page #sec6 .sec_inner,
html.succubus-home-page #sec6 .sec_inner{
    position: relative;
    z-index: 1;
}
/* The homepage product grids should use the full white content surface.  The
 * generic mobile skin adds 15px padding to every section inner, which leaves
 * a visible unused strip on both sides of the two-column product cards. Keep
 * the small inter-card gap, but remove only the outer product-section gutter. */
body.succubus-home-page #sec3 .sec_inner,
body.succubus-home-page #sec33 .sec_inner,
html.succubus-home-page #sec3 .sec_inner,
html.succubus-home-page #sec33 .sec_inner{
    padding-left: 0 !important;
    padding-right: 0 !important;
}

body.succubus-home-page #sec3 .sec3_cont,
body.succubus-home-page #sec33 .sec3_cont,
html.succubus-home-page #sec3 .sec3_cont,
html.succubus-home-page #sec33 .sec3_cont,
body.succubus-home-page #sec3 .product_list_wrap.shopbrand-products,
body.succubus-home-page #sec33 .product_list_wrap.shopbrand-products,
html.succubus-home-page #sec3 .product_list_wrap.shopbrand-products,
html.succubus-home-page #sec33 .product_list_wrap.shopbrand-products{
    width: 100% !important;
}
/* 2026-09-15: Shop the Look and the homepage hero keep the DAY surface in
 * NIGHT. Only the selected image resource is allowed to change. */
html.succubus-preload-night body.succubus-home-page #contents,
html.succubus-night body.succubus-home-page #contents,
body.succubus-night.succubus-home-page #contents,
html.succubus-preload-night body.succubus-home-page #container,
html.succubus-night body.succubus-home-page #container,
body.succubus-night.succubus-home-page #container,
html.succubus-preload-night body.succubus-home-page #contents section,
html.succubus-night body.succubus-home-page #contents section,
body.succubus-night.succubus-home-page #contents section,
html.succubus-preload-night body.succubus-home-page #contents .sec_inner,
html.succubus-night body.succubus-home-page #contents .sec_inner,
body.succubus-night.succubus-home-page #contents .sec_inner{
    background-color: #fff !important;
    color: #000 !important;
}

html.succubus-preload-night body.succubus-home-page #sec1[data-home-hero-schedule],
html.succubus-night body.succubus-home-page #sec1[data-home-hero-schedule],
body.succubus-night.succubus-home-page #sec1[data-home-hero-schedule]{
    --hero-bg: #fff !important;
    --hero-ink: #000 !important;
    --hero-muted: #666 !important;
    --hero-sheet-bg: #fff !important;
    --hero-sheet-ink: #000 !important;
    --hero-sheet-muted: #666 !important;
    --hero-sheet-line: rgba(0, 0, 0, .16) !important;
    --hero-sheet-circle: #fff !important;
    --hero-nav-bg: #fff !important;
    --hero-nav-line: rgba(0, 0, 0, .16) !important;
    --hero-nav-muted: #666 !important;
    --hero-nav-active-bg: #000 !important;
    --hero-nav-active-ink: #fff !important;
    --hero-nav-dot: #000 !important;
    background-color: #fff !important;
}

html.succubus-preload-night body.succubus-home-page #sec1[data-home-hero-schedule] .sec_inner::after,
html.succubus-night body.succubus-home-page #sec1[data-home-hero-schedule] .sec_inner::after,
body.succubus-night.succubus-home-page #sec1[data-home-hero-schedule] .sec_inner::after{
    background: rgba(0, 0, 0, .18) !important;
}
/* Homepage reference alignment: the editorial controls sit on the visible
 * image midpoint, while the white sheet begins below them.  The JS keeps the
 * midpoint accurate when the header or viewport changes; these rules provide
 * the stable left/right lanes before that first measurement. */
#sec1[data-home-hero-schedule] .home-hero-copy{
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    pointer-events: none;
}

#sec1[data-home-hero-schedule] .home-hero-copy__eyebrow{
    left: 18px !important;
    top: 50% !important;
    margin: 0 !important;
    pointer-events: none;
}

#sec1[data-home-hero-schedule] .home-hero-mode-switch{
    top: 50% !important;
    right: 18px !important;
    bottom: auto !important;
    z-index: 12 !important;
}
/* The mood row starts at the left edge.  Keep FIND YOUR SIDE as the small
 * eyebrow, but remove the extra divider that used to cut through this label. */
#sec1[data-home-hero-schedule] .home-hero-lower-ui > #sec24.category-rail .category-rail__header{
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: end !important;
    gap: 10px !important;
    margin: 7px 0 0 !important;
    padding: 0 !important;
    border-top: 0 !important;
    border-bottom: 0 !important;
}

#sec1[data-home-hero-schedule] .home-hero-lower-ui > #sec24.category-rail .category-rail__header > div{
    min-width: 0;
}

#sec1[data-home-hero-schedule] .home-hero-lower-ui > #sec24.category-rail .category-rail__eyebrow{
    margin: 0 0 3px !important;
}

#sec1[data-home-hero-schedule] .home-hero-lower-ui > #sec24.category-rail .category-rail__header h2,
#sec1[data-home-hero-schedule] .home-hero-lower-ui > #sec24.category-rail .category-rail__all{
    position: relative !important;
    z-index: 1 !important;
}

#sec1[data-home-hero-schedule] .home-hero-lower-ui > #sec24.category-rail .category-rail__all{
    min-height: 22px !important;
    padding-bottom: 4px !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: .12em !important;
}

#sec1[data-home-hero-schedule] .home-hero-lower-ui > #sec24.category-rail .category-rail__viewport{
    margin-top: 11px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

#sec1[data-home-hero-schedule] .home-hero-lower-ui > #sec24.category-rail .category-rail__list{
    justify-content: flex-start !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
}

#sec1[data-home-hero-schedule] .home-hero-lower-ui > #sec24.category-rail .category-rail__footer{
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 8px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    padding: 8px 0 0 !important;
}

#sec1[data-home-hero-schedule] .home-hero-lower-ui > #sec24.category-rail .category-rail__line{
    width: auto !important;
    min-width: 0 !important;
}
/* One typography system for both homepage product shelves.  Korean labels
 * stay in the readable sans face; prices use Jost's clean numeric forms. */
#sec3.home-products .sec_inner h2,
#sec33.home-products .sec_inner h2{
    color: var(--shopbrand-ink) !important;
    font-family: 'Noto Sans KR', 'Jost', Arial, sans-serif !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    letter-spacing: .04em !important;
    line-height: 1.35 !important;
    margin-left: 15px !important;
}

#sec3.home-products .shopbrand-products .prdname,
#sec33.home-products .shopbrand-products .prdname,
#sec3.home-products .shopbrand-products .shopbrand-sale-status,
#sec33.home-products .shopbrand-products .shopbrand-sale-status{
    font-family: 'Noto Sans KR', 'Jost', Arial, sans-serif !important;
    font-weight: 500 !important;
    letter-spacing: .01em !important;
}

#sec3.home-products .shopbrand-products .prdprice,
#sec33.home-products .shopbrand-products .prdprice,
#sec3.home-products .shopbrand-products .shopbrand-price-row,
#sec33.home-products .shopbrand-products .shopbrand-price-row,
#sec3.home-products .shopbrand-products .shopbrand-price-replace,
#sec33.home-products .shopbrand-products .shopbrand-price-replace{
    font-family: 'Jost', 'Noto Sans KR', Arial, sans-serif !important;
    font-variant-numeric: tabular-nums !important;
    letter-spacing: .01em !important;
}

#sec3.home-products .shopbrand-products .shopbrand-price-row--sale .price,
#sec33.home-products .shopbrand-products .shopbrand-price-row--sale .price{
    font-weight: 700 !important;
    letter-spacing: .02em !important;
}
/* The fixed header is transparent, so this first header-height slice of the
 * hero must remain a real white surface.  The supplied DAY/NIGHT image starts
 * immediately below it and keeps the same top edge when the artwork changes. */
body.succubus-home-page #sec1[data-home-hero-schedule],
html.succubus-home-page #sec1[data-home-hero-schedule],
body.succubus-home-page #sec1[data-home-hero-schedule] .sec_inner,
html.succubus-home-page #sec1[data-home-hero-schedule] .sec_inner{
    background: #fff !important;
    background-color: #fff !important;
}

body.succubus-home-page #sec1[data-home-hero-schedule] .sec_inner > div.sec1_1,
html.succubus-home-page #sec1[data-home-hero-schedule] .sec_inner > div.sec1_1{
    top: var(--store-header-height, 70px) !important;
}

body.succubus-home-page #sec1[data-home-hero-schedule] .sec_inner::after,
html.succubus-home-page #sec1[data-home-hero-schedule] .sec_inner::after{
    /* Do not tint the reserved white strip above the photo. */
    inset: var(--store-header-height, 70px) 0 0 !important;
}
/* Same me and DAY/NIGHT share the lower editorial baseline just above the
 * white content cloth.  JS updates the exact vertical position from the
 * visible image edge; these are the stable horizontal lanes and fallback. */
#sec1#sec1[data-home-hero-schedule] .home-hero-copy__eyebrow,
body.succubus-home-page #sec1[data-home-hero-schedule] .home-hero-copy__eyebrow,
html.succubus-home-page #sec1[data-home-hero-schedule] .home-hero-copy__eyebrow{
    left: clamp(18px, 8vw, 64px) !important;
    top: calc(100% - 76px) !important;
    z-index: 13 !important;
    pointer-events: none !important;
}

#sec1#sec1[data-home-hero-schedule] .home-hero-mode-switch,
body.succubus-home-page #sec1[data-home-hero-schedule] .home-hero-mode-switch,
html.succubus-home-page #sec1[data-home-hero-schedule] .home-hero-mode-switch{
    top: calc(100% - 76px) !important;
    right: clamp(18px, 8vw, 64px) !important;
    bottom: auto !important;
    z-index: 14 !important;
}
/* Restore the visible capsule behind the supplied sun/moon artwork.  The
 * moving plum thumb is intentionally CSS-rendered so the two supplied icons
 * remain unchanged; its transition plus the icon fade/scale creates the
 * small DAY <-> NIGHT motion requested for each click. */
#sec1#sec1[data-home-hero-schedule] .home-hero-mode-toggle,
body.succubus-home-page #sec1[data-home-hero-schedule] .home-hero-mode-toggle,
html.succubus-home-page #sec1[data-home-hero-schedule] .home-hero-mode-toggle{
    position: relative !important;
    display: block !important;
    width: 92px !important;
    height: 42px !important;
    padding: 3px !important;
    box-sizing: border-box !important;
    border: 1px solid rgba(38, 28, 37, .42) !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, .9) !important;
    background-color: rgba(255, 255, 255, .9) !important;
    box-shadow: 0 6px 16px rgba(31, 21, 28, .18), inset 0 1px 0 rgba(255, 255, 255, .96) !important;
    color: #221b25 !important;
    overflow: hidden !important;
    isolation: isolate !important;
    font-size: 0 !important;
}

#sec1#sec1[data-home-hero-schedule] .home-hero-mode-toggle::before,
body.succubus-home-page #sec1[data-home-hero-schedule] .home-hero-mode-toggle::before,
html.succubus-home-page #sec1[data-home-hero-schedule] .home-hero-mode-toggle::before{
    content: "" !important;
    position: absolute !important;
    z-index: 1 !important;
    top: 3px !important;
    left: 3px !important;
    width: calc(50% - 3px) !important;
    height: calc(100% - 6px) !important;
    border-radius: 999px !important;
    background: #3b1f32 !important;
    box-shadow: 0 2px 7px rgba(44, 13, 34, .3), 0 0 8px rgba(226, 88, 146, .16) !important;
    transform: translateX(0) !important;
    transition: transform .58s cubic-bezier(.22, .61, .36, 1), box-shadow .32s ease !important;
    pointer-events: none !important;
}

#sec1#sec1[data-home-hero-schedule] .home-hero-mode-toggle.is-active::before,
body.succubus-home-page #sec1[data-home-hero-schedule] .home-hero-mode-toggle.is-active::before,
html.succubus-home-page #sec1[data-home-hero-schedule] .home-hero-mode-toggle.is-active::before{
    transform: translateX(100%) !important;
    background: #7c315f !important;
    box-shadow: 0 2px 7px rgba(44, 13, 34, .34), 0 0 10px rgba(238, 92, 157, .3) !important;
}

#sec1#sec1[data-home-hero-schedule] .home-hero-mode-toggle__icons,
body.succubus-home-page #sec1[data-home-hero-schedule] .home-hero-mode-toggle__icons,
html.succubus-home-page #sec1[data-home-hero-schedule] .home-hero-mode-toggle__icons{
    position: absolute !important;
    z-index: 2 !important;
    inset: 0 !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    align-items: center !important;
    justify-items: center !important;
    width: auto !important;
    height: auto !important;
    gap: 0 !important;
    pointer-events: none !important;
}

#sec1#sec1[data-home-hero-schedule] .home-hero-mode-toggle__image,
body.succubus-home-page #sec1[data-home-hero-schedule] .home-hero-mode-toggle__image,
html.succubus-home-page #sec1[data-home-hero-schedule] .home-hero-mode-toggle__image{
    display: block !important;
    width: 22px !important;
    height: 22px !important;
    object-fit: contain !important;
    opacity: .48 !important;
    filter: drop-shadow(0 1px 1px rgba(22, 12, 15, .22)) !important;
    transform: scale(.94) !important;
    transition: opacity .42s ease, transform .58s cubic-bezier(.22, .61, .36, 1), filter .42s ease !important;
}

#sec1#sec1[data-home-hero-schedule] .home-hero-mode-toggle:not(.is-active) .home-hero-mode-toggle__image--day,
body.succubus-home-page #sec1[data-home-hero-schedule] .home-hero-mode-toggle:not(.is-active) .home-hero-mode-toggle__image--day,
html.succubus-home-page #sec1[data-home-hero-schedule] .home-hero-mode-toggle:not(.is-active) .home-hero-mode-toggle__image--day,
#sec1#sec1[data-home-hero-schedule] .home-hero-mode-toggle.is-active .home-hero-mode-toggle__image--night,
body.succubus-home-page #sec1[data-home-hero-schedule] .home-hero-mode-toggle.is-active .home-hero-mode-toggle__image--night,
html.succubus-home-page #sec1[data-home-hero-schedule] .home-hero-mode-toggle.is-active .home-hero-mode-toggle__image--night{
    opacity: 1 !important;

    filter: drop-shadow(0 1px 2px rgba(22, 12, 15, .28)) !important;
}

#sec1#sec1[data-home-hero-schedule] .home-hero-mode-toggle__option,
body.succubus-home-page #sec1[data-home-hero-schedule] .home-hero-mode-toggle__option,
html.succubus-home-page #sec1[data-home-hero-schedule] .home-hero-mode-toggle__option,
#sec1#sec1[data-home-hero-schedule] .home-hero-mode-toggle__thumb,
body.succubus-home-page #sec1[data-home-hero-schedule] .home-hero-mode-toggle__thumb,
html.succubus-home-page #sec1[data-home-hero-schedule] .home-hero-mode-toggle__thumb{
    display: none !important;
}

@media (prefers-reduced-motion: reduce) {

#sec1#sec1[data-home-hero-schedule] .home-hero-mode-toggle::before,
#sec1#sec1[data-home-hero-schedule] .home-hero-mode-toggle__image{
        transition: none !important;
    }
}
/* The NIGHT switch uses exactly the DAY white control surface.  Add a thin
   dark edge plus a soft white halo to the supplied artwork so the white rays
   of the sun do not vanish against that white surface or the dark hero. */
html.succubus-preload-night body.succubus-home-page #sec1#sec1[data-home-hero-schedule] .home-hero-mode-toggle.home-hero-mode-toggle .home-hero-mode-toggle__image,
html.succubus-night body.succubus-home-page #sec1#sec1[data-home-hero-schedule] .home-hero-mode-toggle.home-hero-mode-toggle .home-hero-mode-toggle__image,
body.succubus-night.succubus-home-page #sec1#sec1[data-home-hero-schedule] .home-hero-mode-toggle.home-hero-mode-toggle .home-hero-mode-toggle__image{
    opacity: .82 !important;
    filter:
        drop-shadow(0 0 1px rgba(255, 255, 255, .96))
        drop-shadow(0 0 2px rgba(47, 37, 45, .88))
        drop-shadow(0 1px 2px rgba(22, 12, 15, .28)) !important;
}

html.succubus-preload-night body.succubus-home-page #sec1#sec1[data-home-hero-schedule] .home-hero-mode-toggle.home-hero-mode-toggle.is-active .home-hero-mode-toggle__image--night,
html.succubus-night body.succubus-home-page #sec1#sec1[data-home-hero-schedule] .home-hero-mode-toggle.home-hero-mode-toggle.is-active .home-hero-mode-toggle__image--night,
body.succubus-night.succubus-home-page #sec1#sec1[data-home-hero-schedule] .home-hero-mode-toggle.home-hero-mode-toggle.is-active .home-hero-mode-toggle__image--night,
html.succubus-preload-night body.succubus-home-page #sec1#sec1[data-home-hero-schedule] .home-hero-mode-toggle.home-hero-mode-toggle:not(.is-active) .home-hero-mode-toggle__image--day,
html.succubus-night body.succubus-home-page #sec1#sec1[data-home-hero-schedule] .home-hero-mode-toggle.home-hero-mode-toggle:not(.is-active) .home-hero-mode-toggle__image--day,
body.succubus-night.succubus-home-page #sec1#sec1[data-home-hero-schedule] .home-hero-mode-toggle.home-hero-mode-toggle:not(.is-active) .home-hero-mode-toggle__image--day{
    opacity: 1 !important;

}
/* Align the right edge of the DAY/NIGHT control with the right edge of the
   white content cloth below the hero. */
body.succubus-home-page #sec1#sec1[data-home-hero-schedule] .home-hero-mode-switch,
html.succubus-home-page #sec1#sec1[data-home-hero-schedule] .home-hero-mode-switch{
    right: 5px !important;
}
/* 2026-09-16 NIGHT hero-copy correction.  The monochrome homepage contract
   below the mode rules intentionally makes shared UI ink black, but the
   bottom-left Same me, different you. caption sits directly on the dark
   NIGHT artwork.  Keep its placement unchanged and restore a readable
   light/pink halo only in NIGHT mode. */
html.succubus-preload-night body.succubus-home-page #sec1#sec1[data-home-hero-schedule] .home-hero-copy__eyebrow,
html.succubus-night body.succubus-home-page #sec1#sec1[data-home-hero-schedule] .home-hero-copy__eyebrow,
body.succubus-night.succubus-home-page #sec1#sec1[data-home-hero-schedule] .home-hero-copy__eyebrow{
    color: #fff1f6 !important;
    text-shadow:
        0 1px 2px rgba(0, 0, 0, .92),
        0 0 5px rgba(255, 255, 255, .96),
        0 0 12px rgba(255, 190, 214, .94),
        0 0 20px rgba(255, 100, 168, .72) !important;
}

/* 2026-09-16 home section breathing room.  The mood rail is mounted inside
   the hero's white cloth; keep the rail intact and give the following content
   blocks enough vertical air to read as deliberate sections. */
@media (max-width: 599px) {

body.succubus-home-page #sec1#sec1[data-home-hero-schedule] .home-hero-lower-ui,
html.succubus-home-page #sec1#sec1[data-home-hero-schedule] .home-hero-lower-ui{
        padding-bottom: 0 !important;
    }
}
/* The right chevron is guidance only.  It is intentionally a non-interactive
 * span so the customer still swipes the rail instead of accidentally opening
 * a second navigation action. */
body.succubus-home-page #sec24.category-rail .category-rail__viewport-shell,
html.succubus-home-page #sec24.category-rail .category-rail__viewport-shell{
    position: relative !important;
}

body.succubus-home-page #sec24.category-rail .category-rail__next-indicator,
html.succubus-home-page #sec24.category-rail .category-rail__next-indicator{
    display: none;
    position: absolute;
    z-index: 4;
    top: 50%;
    right: 0;
    width: 34px;
    height: 76px;
    align-items: center;
    justify-content: flex-end;
    box-sizing: border-box;
    padding-right: 4px;
    transform: translateY(-50%);
    pointer-events: none !important;
    color: var(--category-ink);
    background: linear-gradient(90deg, rgba(255,255,255,0), var(--category-bg) 54%);
}

body.succubus-home-page #sec24.category-rail.has-horizontal-content .category-rail__next-indicator,
html.succubus-home-page #sec24.category-rail.has-horizontal-content .category-rail__next-indicator{
    display: flex;
}

body.succubus-home-page #sec24.category-rail .category-rail__next-indicator::before,
html.succubus-home-page #sec24.category-rail .category-rail__next-indicator::before{
    content: "›";
    display: block;
    color: currentColor;
    font-family: 'Jost', 'Noto Sans KR', sans-serif;
    font-size: 28px;
    font-weight: 400;
    line-height: 1;
    text-shadow: 0 1px 3px rgba(255,255,255,.65);
}

body.succubus-night.succubus-home-page #sec24.category-rail .category-rail__next-indicator,
html.succubus-night body.succubus-home-page #sec24.category-rail .category-rail__next-indicator{
        background: linear-gradient(90deg, rgba(26,17,26,0), var(--category-bg) 54%);
        }

/* Makeshop official homepage v2.1: four complete items per row, then horizontal swipe. */
@media (max-width: 599px){

#sec24.category-rail .category-rail__viewport{
        overflow-x: auto !important;
        overflow-y: hidden !important;
        -webkit-overflow-scrolling: touch;
    }

#sec24.category-rail .category-rail__list{
        display: grid !important;
        grid-template-rows: repeat(2, minmax(0, auto)) !important;
        grid-auto-flow: column !important;
        grid-auto-columns: calc((100vw - 96px) / 4) !important;
        column-gap: 8px !important;
        row-gap: 8px !important;
        width: max-content !important;
    }

#sec24.category-rail .category-rail__list > li{
        width: calc((100vw - 96px) / 4) !important;
        flex: none !important;
    }

#sec24.category-rail .category-rail__icon{
        width: 60px !important;
        height: 60px !important;
    }

body.succubus-home-page #sec1[data-home-hero-schedule] .home-hero-lower-ui > #sec24.category-rail,
html.succubus-home-page #sec1[data-home-hero-schedule] .home-hero-lower-ui > #sec24.category-rail{
        min-height: 252px !important;
        padding-top: 21px !important;
    }
}
/* Consolidated Shop by Mood brand card rules. */
#sec1[data-home-hero-schedule] .home-hero-look[data-home-shop-look]{
    /* The mood rail is lifted 28px; keep it behind the profile card. */
    z-index: 2;
    display: grid;
    grid-template-columns: 98px minmax(0, 1fr);
    align-items: center;
    gap: 12px;
    flex: 0 0 88px;
    min-height: 88px;
    box-sizing: border-box;
    padding: 0 0 12px;
    border-bottom: 0 !important;
    color: #000 !important;
    text-decoration: none;
    cursor: pointer;
}

#sec1[data-home-hero-schedule] .home-hero-look[data-home-shop-look] .home-hero-look__image{
    display: block;
    width: 98px;
    height: 68px;
    overflow: hidden;
    border-radius: 7px;
    border: 1px solid var(--hero-sheet-line);
    background: var(--hero-sheet-circle);
}

#sec1[data-home-hero-schedule] .home-hero-look[data-home-shop-look] .home-hero-look__image--label{
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    color: #000 !important;
}

#sec1[data-home-hero-schedule] .home-hero-look[data-home-shop-look] .home-hero-look__image img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: transform .45s ease;
}

#sec1[data-home-hero-schedule] .home-hero-look[data-home-shop-look] .home-hero-look__image--profile{
    color: #000 !important;
    text-decoration: none;
    cursor: pointer;
}

#sec1[data-home-hero-schedule] .home-hero-look[data-home-shop-look] .home-hero-look__image--profile:focus-visible{
    outline: 2px solid #000;
    outline-offset: 3px;
}

#sec1[data-home-hero-schedule] .home-hero-look[data-home-shop-look]:hover .home-hero-look__image img,
#sec1[data-home-hero-schedule] .home-hero-look[data-home-shop-look]:focus-visible .home-hero-look__image img,
#sec1[data-home-hero-schedule] .home-hero-look[data-home-shop-look] .home-hero-look__image--profile:hover img,
#sec1[data-home-hero-schedule] .home-hero-look[data-home-shop-look] .home-hero-look__image--profile:focus-visible img{
    transform: scale(1.05);
}

#sec1[data-home-hero-schedule] .home-hero-look[data-home-shop-look] .home-hero-look__copy{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
    min-width: 0;
    color: #000 !important;
    border-left: 2px solid transparent !important;
    border-image: linear-gradient(180deg, #f14d8c 0%, #d69ab7 52%, #000 100%) 1 !important;
    padding-left: 10px !important;
    box-sizing: border-box;
}

#sec1[data-home-hero-schedule] .home-hero-look[data-home-shop-look] .home-hero-look__eyebrow,
#sec1[data-home-hero-schedule] .home-hero-look[data-home-shop-look] .home-hero-look__copy strong{
    color: #000 !important;
}

#sec1[data-home-hero-schedule] .home-hero-look[data-home-shop-look] .home-hero-look__eyebrow{
    font-family: 'Jost', sans-serif;
    font-size: 8px;
    font-weight: 600;
    letter-spacing: .18em;
    line-height: 1.2;
}

#sec1[data-home-hero-schedule] .home-hero-look[data-home-shop-look] .home-hero-look__copy strong{
    font-family: 'Jost', sans-serif;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: .14em;
    line-height: 1.2;
    max-width: 100% !important;
    white-space: normal !important;
    overflow-wrap: anywhere;
}
@media (max-width: 359px) {

#sec1[data-home-hero-schedule] .home-hero-look[data-home-shop-look]{
        grid-template-columns: 82px minmax(0, 1fr);
        gap: 9px;
    }

#sec1[data-home-hero-schedule] .home-hero-look[data-home-shop-look] .home-hero-look__image{
        width: 82px;
        height: 62px;
    }
}
/* Night mode mirrors the day brand-card contract exactly. */
html.succubus-preload-night #sec1[data-home-hero-schedule] .home-hero-look[data-home-shop-look],
html.succubus-night #sec1[data-home-hero-schedule] .home-hero-look[data-home-shop-look],
body.succubus-night #sec1[data-home-hero-schedule] .home-hero-look[data-home-shop-look],
body.succubus-art-night #sec1[data-home-hero-schedule] .home-hero-look[data-home-shop-look]{
    display: grid;
    grid-template-columns: 98px minmax(0, 1fr);
    align-items: center;
    gap: 12px;
    flex: 0 0 88px;
    min-height: 88px;
    box-sizing: border-box;
    padding: 0 0 12px;
    border-bottom: 0 !important;
    color: #000 !important;
    text-decoration: none;
    cursor: pointer;
}

html.succubus-preload-night #sec1[data-home-hero-schedule] .home-hero-look[data-home-shop-look] .home-hero-look__image,
html.succubus-night #sec1[data-home-hero-schedule] .home-hero-look[data-home-shop-look] .home-hero-look__image,
body.succubus-night #sec1[data-home-hero-schedule] .home-hero-look[data-home-shop-look] .home-hero-look__image,
body.succubus-art-night #sec1[data-home-hero-schedule] .home-hero-look[data-home-shop-look] .home-hero-look__image{
    display: block;
    width: 98px;
    height: 68px;
    overflow: hidden;
    border-radius: 7px;
    border: 1px solid var(--hero-sheet-line);
    background: var(--hero-sheet-circle);
}

html.succubus-preload-night #sec1[data-home-hero-schedule] .home-hero-look[data-home-shop-look] .home-hero-look__image--label,
html.succubus-night #sec1[data-home-hero-schedule] .home-hero-look[data-home-shop-look] .home-hero-look__image--label,
body.succubus-night #sec1[data-home-hero-schedule] .home-hero-look[data-home-shop-look] .home-hero-look__image--label,
body.succubus-art-night #sec1[data-home-hero-schedule] .home-hero-look[data-home-shop-look] .home-hero-look__image--label{
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    color: #000 !important;
}

html.succubus-preload-night #sec1[data-home-hero-schedule] .home-hero-look[data-home-shop-look] .home-hero-look__image img,
html.succubus-night #sec1[data-home-hero-schedule] .home-hero-look[data-home-shop-look] .home-hero-look__image img,
body.succubus-night #sec1[data-home-hero-schedule] .home-hero-look[data-home-shop-look] .home-hero-look__image img,
body.succubus-art-night #sec1[data-home-hero-schedule] .home-hero-look[data-home-shop-look] .home-hero-look__image img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: transform .45s ease;
}

html.succubus-preload-night #sec1[data-home-hero-schedule] .home-hero-look[data-home-shop-look] .home-hero-look__image--profile,
html.succubus-night #sec1[data-home-hero-schedule] .home-hero-look[data-home-shop-look] .home-hero-look__image--profile,
body.succubus-night #sec1[data-home-hero-schedule] .home-hero-look[data-home-shop-look] .home-hero-look__image--profile,
body.succubus-art-night #sec1[data-home-hero-schedule] .home-hero-look[data-home-shop-look] .home-hero-look__image--profile{
    color: #000 !important;
    text-decoration: none;
    cursor: pointer;
}

html.succubus-preload-night #sec1[data-home-hero-schedule] .home-hero-look[data-home-shop-look] .home-hero-look__image--profile:focus-visible,
html.succubus-night #sec1[data-home-hero-schedule] .home-hero-look[data-home-shop-look] .home-hero-look__image--profile:focus-visible,
body.succubus-night #sec1[data-home-hero-schedule] .home-hero-look[data-home-shop-look] .home-hero-look__image--profile:focus-visible,
body.succubus-art-night #sec1[data-home-hero-schedule] .home-hero-look[data-home-shop-look] .home-hero-look__image--profile:focus-visible{
    outline: 2px solid #000;
    outline-offset: 3px;
}

html.succubus-preload-night #sec1[data-home-hero-schedule] .home-hero-look[data-home-shop-look]:hover .home-hero-look__image img,
html.succubus-preload-night #sec1[data-home-hero-schedule] .home-hero-look[data-home-shop-look]:focus-visible .home-hero-look__image img,
html.succubus-preload-night #sec1[data-home-hero-schedule] .home-hero-look[data-home-shop-look] .home-hero-look__image--profile:hover img,
html.succubus-preload-night #sec1[data-home-hero-schedule] .home-hero-look[data-home-shop-look] .home-hero-look__image--profile:focus-visible img,
html.succubus-night #sec1[data-home-hero-schedule] .home-hero-look[data-home-shop-look]:hover .home-hero-look__image img,
html.succubus-night #sec1[data-home-hero-schedule] .home-hero-look[data-home-shop-look]:focus-visible .home-hero-look__image img,
html.succubus-night #sec1[data-home-hero-schedule] .home-hero-look[data-home-shop-look] .home-hero-look__image--profile:hover img,
html.succubus-night #sec1[data-home-hero-schedule] .home-hero-look[data-home-shop-look] .home-hero-look__image--profile:focus-visible img,
body.succubus-night #sec1[data-home-hero-schedule] .home-hero-look[data-home-shop-look]:hover .home-hero-look__image img,
body.succubus-night #sec1[data-home-hero-schedule] .home-hero-look[data-home-shop-look]:focus-visible .home-hero-look__image img,
body.succubus-night #sec1[data-home-hero-schedule] .home-hero-look[data-home-shop-look] .home-hero-look__image--profile:hover img,
body.succubus-night #sec1[data-home-hero-schedule] .home-hero-look[data-home-shop-look] .home-hero-look__image--profile:focus-visible img,
body.succubus-art-night #sec1[data-home-hero-schedule] .home-hero-look[data-home-shop-look]:hover .home-hero-look__image img,
body.succubus-art-night #sec1[data-home-hero-schedule] .home-hero-look[data-home-shop-look]:focus-visible .home-hero-look__image img,
body.succubus-art-night #sec1[data-home-hero-schedule] .home-hero-look[data-home-shop-look] .home-hero-look__image--profile:hover img,
body.succubus-art-night #sec1[data-home-hero-schedule] .home-hero-look[data-home-shop-look] .home-hero-look__image--profile:focus-visible img{
    transform: scale(1.05);
}

html.succubus-preload-night #sec1[data-home-hero-schedule] .home-hero-look[data-home-shop-look] .home-hero-look__copy,
html.succubus-night #sec1[data-home-hero-schedule] .home-hero-look[data-home-shop-look] .home-hero-look__copy,
body.succubus-night #sec1[data-home-hero-schedule] .home-hero-look[data-home-shop-look] .home-hero-look__copy,
body.succubus-art-night #sec1[data-home-hero-schedule] .home-hero-look[data-home-shop-look] .home-hero-look__copy{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
    min-width: 0;
    color: #000 !important;
    border-left: 2px solid transparent !important;
    border-image: linear-gradient(180deg, #f14d8c 0%, #d69ab7 52%, #000 100%) 1 !important;
    padding-left: 10px !important;
    box-sizing: border-box;
}

html.succubus-preload-night #sec1[data-home-hero-schedule] .home-hero-look[data-home-shop-look] .home-hero-look__eyebrow,
html.succubus-preload-night #sec1[data-home-hero-schedule] .home-hero-look[data-home-shop-look] .home-hero-look__copy strong,
html.succubus-night #sec1[data-home-hero-schedule] .home-hero-look[data-home-shop-look] .home-hero-look__eyebrow,
html.succubus-night #sec1[data-home-hero-schedule] .home-hero-look[data-home-shop-look] .home-hero-look__copy strong,
body.succubus-night #sec1[data-home-hero-schedule] .home-hero-look[data-home-shop-look] .home-hero-look__eyebrow,
body.succubus-night #sec1[data-home-hero-schedule] .home-hero-look[data-home-shop-look] .home-hero-look__copy strong,
body.succubus-art-night #sec1[data-home-hero-schedule] .home-hero-look[data-home-shop-look] .home-hero-look__eyebrow,
body.succubus-art-night #sec1[data-home-hero-schedule] .home-hero-look[data-home-shop-look] .home-hero-look__copy strong{
    color: #000 !important;
}

html.succubus-preload-night #sec1[data-home-hero-schedule] .home-hero-look[data-home-shop-look] .home-hero-look__eyebrow,
html.succubus-night #sec1[data-home-hero-schedule] .home-hero-look[data-home-shop-look] .home-hero-look__eyebrow,
body.succubus-night #sec1[data-home-hero-schedule] .home-hero-look[data-home-shop-look] .home-hero-look__eyebrow,
body.succubus-art-night #sec1[data-home-hero-schedule] .home-hero-look[data-home-shop-look] .home-hero-look__eyebrow{
    font-family: 'Jost', sans-serif;
    font-size: 8px;
    font-weight: 600;
    letter-spacing: .18em;
    line-height: 1.2;
}

html.succubus-preload-night #sec1[data-home-hero-schedule] .home-hero-look[data-home-shop-look] .home-hero-look__copy strong,
html.succubus-night #sec1[data-home-hero-schedule] .home-hero-look[data-home-shop-look] .home-hero-look__copy strong,
body.succubus-night #sec1[data-home-hero-schedule] .home-hero-look[data-home-shop-look] .home-hero-look__copy strong,
body.succubus-art-night #sec1[data-home-hero-schedule] .home-hero-look[data-home-shop-look] .home-hero-look__copy strong{
    font-family: 'Jost', sans-serif;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: .14em;
    line-height: 1.2;
    max-width: 100% !important;
    white-space: normal !important;
    overflow-wrap: anywhere;
}

@media (max-width: 359px) {

html.succubus-preload-night #sec1[data-home-hero-schedule] .home-hero-look[data-home-shop-look],
html.succubus-night #sec1[data-home-hero-schedule] .home-hero-look[data-home-shop-look],
body.succubus-night #sec1[data-home-hero-schedule] .home-hero-look[data-home-shop-look],
body.succubus-art-night #sec1[data-home-hero-schedule] .home-hero-look[data-home-shop-look]{
        grid-template-columns: 82px minmax(0, 1fr);
        gap: 9px;
    }

html.succubus-preload-night #sec1[data-home-hero-schedule] .home-hero-look[data-home-shop-look] .home-hero-look__image,
html.succubus-night #sec1[data-home-hero-schedule] .home-hero-look[data-home-shop-look] .home-hero-look__image,
body.succubus-night #sec1[data-home-hero-schedule] .home-hero-look[data-home-shop-look] .home-hero-look__image,
body.succubus-art-night #sec1[data-home-hero-schedule] .home-hero-look[data-home-shop-look] .home-hero-look__image{
        width: 82px;
        height: 62px;
    }
}
/* Night-only lower-edge parity is covered by the complete selectors above and
 * the runtime night parity block below.  Keep this area free of partial
 * selectors: a truncated selector can invalidate the rest of the stylesheet. */
/* Night profile parity: the runtime night attribute keeps the Day brand card visible. */
html[data-succubus-theme-mode="night"] #sec1[data-home-hero-schedule] .home-hero-look[data-home-shop-look]{
    display: grid !important;
    visibility: visible !important;
    opacity: 1 !important;
}
/* The PNG has transparent corners. Keep only this profile frame on the white
 * sheet palette, regardless of the shared Top's night/beige theme variables. */
body.succubus-home-page #sec1[data-home-hero-schedule] .home-hero-look[data-home-shop-look] > .home-hero-look__image.home-hero-look__image--profile{
    background: #fff;
    border-color: rgba(0, 0, 0, .12);
}

html[data-succubus-theme-mode="night"] #sec1[data-home-hero-schedule] [data-hero-mode-slot="night"] .thumb img{
    display: block !important;
    object-fit: cover !important;
    object-position: 50% 50% !important;
    background: #fff !important;
    background-color: #fff !important;
}
/* Audit fix: NIGHT hero fills the same box as DAY; remove contain side bars without changing DAY. */
html.succubus-home-page[data-succubus-theme-mode="night"] body.succubus-art-night #contents #sec1[data-home-hero-schedule] .sec_inner > div.sec1_1[data-hero-mode-slot="night"]{
    top: var(--store-header-height, 70px) !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: calc(100% - var(--store-header-height, 70px)) !important;
    min-height: 0 !important;
    overflow: hidden !important;
}

html.succubus-home-page[data-succubus-theme-mode="night"] body.succubus-art-night #contents #sec1[data-home-hero-schedule] .sec_inner > div.sec1_1[data-hero-mode-slot="night"] .thumb{
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    overflow: hidden !important;
}

html.succubus-home-page[data-succubus-theme-mode="night"] body.succubus-art-night #contents #sec1[data-home-hero-schedule] .sec_inner > div.sec1_1[data-hero-mode-slot="night"] .thumb img{
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: 50% 50% !important;
    background: transparent !important;
}
/* Audit repair 3.1: final specificity for card names, selling status, and category gestures. */
.home-products .shopbrand-products .product_item .desc_container .info .prdname{
    display: block !important;
    max-width: 100% !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    text-overflow: clip !important;
    white-space: nowrap !important;
    touch-action: pan-x pan-y !important;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-inline: contain;
}

.home-products .shopbrand-products .product_item .desc_container .info .prdname::-webkit-scrollbar{
    display: none;
}

#sec3#sec3.home-products.home-products .shopbrand-products .product_item .desc_container .info .shopbrand-sale-status--selling,
#sec33#sec33.home-products.home-products .shopbrand-products .product_item .desc_container .info .shopbrand-sale-status--selling,
#sec5-sales#sec5-sales.home-products.home-products .shopbrand-products .product_item .desc_container .info .shopbrand-sale-status--selling,
#sec5-hits#sec5-hits.home-products.home-products .shopbrand-products .product_item .desc_container .info .shopbrand-sale-status--selling,
#sec5-new#sec5-new.home-products.home-products .shopbrand-products .product_item .desc_container .info .shopbrand-sale-status--selling,
#sec5-reviews#sec5-reviews.home-products.home-products .shopbrand-products .product_item .desc_container .info .shopbrand-sale-status--selling{
    color: #218739 !important;
    font-weight: 700 !important;
}

#sec24#sec24.category-rail .category-rail__viewport{
    overflow-x: auto !important;
    overflow-y: hidden !important;
    touch-action: pan-x pan-y !important;
    overscroll-behavior-x: contain !important;
    overscroll-behavior-y: auto !important;
    -webkit-overflow-scrolling: touch;
}
/* Audit repair 3.2: align saved-heart and discount-chip visuals. */
#sec5-sales#sec5-sales.home-products.home-products-stage31,
#sec5-new#sec5-new.home-products.home-products-stage31{
    margin-bottom: 0 !important;
}

#sec3#sec3.home-products.home-products,
#sec33#sec33.home-products.home-products,
#sec5-sales#sec5-sales.home-products.home-products,
#sec5-hits#sec5-hits.home-products.home-products,
#sec5-new#sec5-new.home-products.home-products,
#sec5-reviews#sec5-reviews.home-products.home-products{
    --shopbrand-wish-active: #ee5a7d !important;
    --shopbrand-discount: #ee5a7d !important;
}

#sec3#sec3.home-products.home-products .shopbrand-products .product_item .prdprice .shopbrand-price-row--sale-discount .percent,
#sec33#sec33.home-products.home-products .shopbrand-products .product_item .prdprice .shopbrand-price-row--sale-discount .percent,
#sec5-sales#sec5-sales.home-products.home-products .shopbrand-products .product_item .prdprice .shopbrand-price-row--sale-discount .percent,
#sec5-hits#sec5-hits.home-products.home-products .shopbrand-products .product_item .prdprice .shopbrand-price-row--sale-discount .percent,
#sec5-new#sec5-new.home-products.home-products .shopbrand-products .product_item .prdprice .shopbrand-price-row--sale-discount .percent,
#sec5-reviews#sec5-reviews.home-products.home-products .shopbrand-products .product_item .prdprice .shopbrand-price-row--sale-discount .percent{
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 30px !important;
    min-height: 17px !important;
    padding: 0 6px !important;
    box-sizing: border-box !important;
    background: var(--shopbrand-discount) !important;
    background-color: #ee5a7d !important;
    border-radius: 6px !important;
    overflow: hidden !important;
}

#sec3#sec3.home-products.home-products .shopbrand-products .product_item .shopbrand-product-wish[aria-pressed="true"] i.fa-heart,
#sec3#sec3.home-products.home-products .shopbrand-products .product_item .shopbrand-product-wish.is-saved i.fa-heart,
#sec3#sec3.home-products.home-products .shopbrand-products .product_item .shopbrand-product-wish.wish-on i.fa-heart,
#sec33#sec33.home-products.home-products .shopbrand-products .product_item .shopbrand-product-wish[aria-pressed="true"] i.fa-heart,
#sec33#sec33.home-products.home-products .shopbrand-products .product_item .shopbrand-product-wish.is-saved i.fa-heart,
#sec33#sec33.home-products.home-products .shopbrand-products .product_item .shopbrand-product-wish.wish-on i.fa-heart,
#sec5-sales#sec5-sales.home-products.home-products .shopbrand-products .product_item .shopbrand-product-wish[aria-pressed="true"] i.fa-heart,
#sec5-sales#sec5-sales.home-products.home-products .shopbrand-products .product_item .shopbrand-product-wish.is-saved i.fa-heart,
#sec5-sales#sec5-sales.home-products.home-products .shopbrand-products .product_item .shopbrand-product-wish.wish-on i.fa-heart,
#sec5-hits#sec5-hits.home-products.home-products .shopbrand-products .product_item .shopbrand-product-wish[aria-pressed="true"] i.fa-heart,
#sec5-hits#sec5-hits.home-products.home-products .shopbrand-products .product_item .shopbrand-product-wish.is-saved i.fa-heart,
#sec5-hits#sec5-hits.home-products.home-products .shopbrand-products .product_item .shopbrand-product-wish.wish-on i.fa-heart,
#sec5-new#sec5-new.home-products.home-products .shopbrand-products .product_item .shopbrand-product-wish[aria-pressed="true"] i.fa-heart,
#sec5-new#sec5-new.home-products.home-products .shopbrand-products .product_item .shopbrand-product-wish.is-saved i.fa-heart,
#sec5-new#sec5-new.home-products.home-products .shopbrand-products .product_item .shopbrand-product-wish.wish-on i.fa-heart,
#sec5-reviews#sec5-reviews.home-products.home-products .shopbrand-products .product_item .shopbrand-product-wish[aria-pressed="true"] i.fa-heart,
#sec5-reviews#sec5-reviews.home-products.home-products .shopbrand-products .product_item .shopbrand-product-wish.is-saved i.fa-heart,
#sec5-reviews#sec5-reviews.home-products.home-products .shopbrand-products .product_item .shopbrand-product-wish.wish-on i.fa-heart{
    color: var(--shopbrand-wish-active) !important;
    -webkit-text-stroke: 1px var(--shopbrand-wish-active) !important;
}
/* AUDIT DRAFT 2026-09-21: keep DAY/NIGHT artwork at a stable scale during mode changes. */
#sec1#sec1[data-home-hero-schedule] .sec_inner > div.sec1_1,
#sec1#sec1[data-home-hero-schedule] .sec_inner > div.sec1_1.is-active{
  transform: none !important;
  transition: opacity 1.15s ease, visibility 1.15s ease !important;
}

#sec1#sec1[data-home-hero-schedule] .home-hero-mode-toggle.home-hero-mode-toggle .home-hero-mode-toggle__image--day,
#sec1#sec1[data-home-hero-schedule] .home-hero-mode-toggle.home-hero-mode-toggle .home-hero-mode-toggle__image--night,
#sec1#sec1[data-home-hero-schedule] .home-hero-mode-toggle.home-hero-mode-toggle.is-active .home-hero-mode-toggle__image--night,
#sec1#sec1[data-home-hero-schedule] .home-hero-mode-toggle.home-hero-mode-toggle:not(.is-active) .home-hero-mode-toggle__image--day{
  transform: none !important;
  transition: opacity .25s ease, filter .25s ease !important;
}


/* Candidate rework 2026-09-21: restore the continuous Shop by Mood gesture. */
@keyframes succubus-category-rail-arrow-nudge {
    0%, 100% { opacity: .48; transform: translate3d(0, -50%, 0); }
    42% { opacity: 1; transform: translate3d(5px, -50%, 0); }
    68% { opacity: .72; transform: translate3d(2px, -50%, 0); }
}
@keyframes succubus-category-rail-arrow-glyph-nudge {
    0%, 100% { opacity: .56; transform: translateX(0); }
    42% { opacity: 1; transform: translateX(5px); }
    68% { opacity: .76; transform: translateX(2px); }
}

body.succubus-home-page #sec24.category-rail[data-category-has-overflow="true"][data-category-at-end="false"] .category-rail__next-indicator,
html.succubus-home-page #sec24.category-rail[data-category-has-overflow="true"][data-category-at-end="false"] .category-rail__next-indicator{
    display: flex !important;
    animation: succubus-category-rail-arrow-nudge 1.55s ease-in-out infinite;
}

body.succubus-home-page #sec24.category-rail[data-category-has-overflow="true"][data-category-at-end="false"] .category-rail__next-indicator::before,
html.succubus-home-page #sec24.category-rail[data-category-has-overflow="true"][data-category-at-end="false"] .category-rail__next-indicator::before{
    animation: succubus-category-rail-arrow-glyph-nudge 1.55s ease-in-out infinite;
}

body.succubus-home-page #sec24.category-rail[data-category-has-overflow="false"] .category-rail__next-indicator,
body.succubus-home-page #sec24.category-rail[data-category-at-end="true"] .category-rail__next-indicator,
html.succubus-home-page #sec24.category-rail[data-category-has-overflow="false"] .category-rail__next-indicator,
html.succubus-home-page #sec24.category-rail[data-category-at-end="true"] .category-rail__next-indicator{
    display: none !important;
    animation: none !important;
}
/* A failed/empty image must remove the whole card instead of leaving a blank
 * two-column tile or an artificial fallback card. */
.home-products[data-home-product-shelf] .shopbrand-products .product_item[data-succubus-product-state="image-error"],
.home-products[data-home-product-shelf] .shopbrand-products .product_item[data-succubus-product-state="empty"]{
    display: none !important;
}

.home-products[data-home-product-shelf].is-empty{
    display: none !important;
}

.home-products[data-home-product-state="blocked"]{
    display: none !important;
}

@media (prefers-reduced-motion: reduce) {

body.succubus-home-page #sec24.category-rail .category-rail__next-indicator,
html.succubus-home-page #sec24.category-rail .category-rail__next-indicator,
body.succubus-home-page #sec24.category-rail .category-rail__next-indicator::before,
html.succubus-home-page #sec24.category-rail .category-rail__next-indicator::before{
        animation: none !important;
    }
}
/* Main 3.5 final event-spacing override. */
body.succubus-home-page #sec6,
html.succubus-home-page #sec6{
    margin-top: 60px !important;
    margin-bottom: 60px !important;
}

body.succubus-home-page #sec6::before,
html.succubus-home-page #sec6::before{
    display: none !important;
    content: none !important;
}

/* Mobile Hero regression repair 2026-09-22.
 * The 3.5 flow-reservation rule moved the mounted Shop by Mood sheet into
 * normal flow.  On a real refresh that exposes the whole portrait Hero and
 * pushes the white rounded sheet below it, unlike the established mobile
 * composition.  Keep the sheet over the lower Hero frame; this changes only
 * its mobile positioning and leaves the image source, product shelves, and
 * DAY/NIGHT state logic untouched.  This must remain last so it wins over the
 * earlier flow-reservation rule. */
@media (max-width: 599px) {

html.succubus-home-page #contents #sec1#sec1[data-home-hero-schedule] .home-hero-lower-ui,
body.succubus-home-page #contents #sec1#sec1[data-home-hero-schedule] .home-hero-lower-ui{
        position: absolute !important;
        /* The surrounding #sec1 keeps a lower spacer so the next shelves do
         * not collide with the mounted sheet.  Do not resolve this percentage
         * against that expanded section; anchor the sheet to the actual
         * mobile viewport frame and let its content determine its end. */
        top: calc(54svh + 33px) !important;
        right: 8px !important;
        bottom: auto !important;
        left: 8px !important;
        width: auto !important;
        height: auto !important;
        min-height: 250px !important;
        max-height: none !important;
        z-index: 5 !important;
        overflow: hidden !important;
    }
}

/* The mounted category rail is inside #sec1, so the broad Hero descendant
 * rule also matches its own .sec_inner and gives the white sheet a full
 * viewport height.  Let the rail use its content height; the Hero spacer
 * still reserves the separation before the following homepage sections. */
@media (max-width: 599px) {

html.succubus-home-page #contents #sec1#sec1[data-home-hero-schedule] .home-hero-lower-ui > #sec24.category-rail > .sec_inner,
body.succubus-home-page #contents #sec1#sec1[data-home-hero-schedule] .home-hero-lower-ui > #sec24.category-rail > .sec_inner{
        height: auto !important;
        min-height: 0 !important;
        overflow: visible !important;
    }
}

/* Spacing and discount-label cleanup 2026-09-22.
 * The mounted Shop by Mood sheet is already positioned inside the Hero flow.
 * Do not add a second artificial spacer here: the lower UI's own padding and
 * the Renewer section's margin provide the intended breathing room.  The old
 * 150px reservation created the oversized white void shown on the public
 * mobile page.  Keep the line as a visible, continuous track and let the
 * progress segment remain readable on the white DAY/NIGHT surface. */
@media (max-width: 599px) {

html.succubus-home-page #contents #sec1#sec1[data-home-hero-schedule],
body.succubus-home-page #contents #sec1#sec1[data-home-hero-schedule]{
        padding-bottom: 0 !important;
    }

html.succubus-home-page #sec24.category-rail .category-rail__line,
body.succubus-home-page #sec24.category-rail .category-rail__line{
        height: 1px !important;
        background: rgba(0, 0, 0, .18) !important;
        border: 0 !important;
    }

html.succubus-home-page #sec24.category-rail .category-rail__line span,
body.succubus-home-page #sec24.category-rail .category-rail__line span{
        background: rgba(0, 0, 0, .46) !important;
        border: 0 !important;
    }
}

/* iOS mobile viewport-chrome repair.  The shared Top/Bottom sources already
 * use fixed positioning, but a Makeshop page shell can create a containing
 * block for fixed descendants.  The homepage JS mounts the real header/dock
 * at body level; this narrow-only contract removes the remaining shell and
 * element transforms, uses the viewport edges directly, and reserves the
 * dock's full safe-area height in the document flow.  Desktop behavior and
 * product-card rules remain outside this media query. */
@media (max-width: 599px) {

html.succubus-home-page body.succubus-home-page,
body.succubus-home-page,
html.succubus-home-page body.succubus-home-page > #container,
body.succubus-home-page > #container,
html.succubus-home-page body.succubus-home-page > #container > #contents,
body.succubus-home-page > #container > #contents{
        transform: none !important;
        -webkit-transform: none !important;
        filter: none !important;
        -webkit-filter: none !important;
        perspective: none !important;
        -webkit-perspective: none !important;
        contain: none !important;
        will-change: auto !important;
    }

html.succubus-home-page body.succubus-home-page > #container > #contents,
body.succubus-home-page > #container > #contents{
        scroll-padding-top: var(--store-header-height, 70px);
        scroll-padding-bottom: var(--store-functional-dock-height, 96px);
        padding-bottom: var(--store-functional-dock-height, 96px) !important;
    }
}
/* Keep the original storefront face only where the recent font override made
 * the homepage visibly inconsistent.  This is deliberately scoped to the
 * Same-me / Seoyun card and every product shelf; sizes, weights, spacing,
 * colors, and responsive layout remain unchanged. */
html.succubus-home-page #sec1[data-home-hero-schedule] .home-hero-copy,
body.succubus-home-page #sec1[data-home-hero-schedule] .home-hero-copy,
html.succubus-home-page #sec1[data-home-hero-schedule] .home-hero-copy *,
body.succubus-home-page #sec1[data-home-hero-schedule] .home-hero-copy *,
html.succubus-home-page #sec1[data-home-hero-schedule] .home-hero-look__eyebrow,
body.succubus-home-page #sec1[data-home-hero-schedule] .home-hero-look__eyebrow,
html.succubus-home-page #sec1[data-home-hero-schedule] .home-hero-look__copy *,
body.succubus-home-page #sec1[data-home-hero-schedule] .home-hero-look__copy *,
html.succubus-home-page #sec1[data-home-hero-schedule] .home-hero-look__copy strong,
body.succubus-home-page #sec1[data-home-hero-schedule] .home-hero-look__copy strong,
html.succubus-home-page .home-products .sec_inner h2,
body.succubus-home-page .home-products .sec_inner h2,
html.succubus-home-page .home-products .shopbrand-products,
body.succubus-home-page .home-products .shopbrand-products,
html.succubus-home-page .home-products .shopbrand-products .prdname,
body.succubus-home-page .home-products .shopbrand-products .prdname,
html.succubus-home-page .home-products .shopbrand-products .prdetc,
body.succubus-home-page .home-products .shopbrand-products .prdetc,
html.succubus-home-page .home-products .shopbrand-products .prdprice,
body.succubus-home-page .home-products .shopbrand-products .prdprice,
html.succubus-home-page .home-products .shopbrand-products .prdprice *,
body.succubus-home-page .home-products .shopbrand-products .prdprice *,
html.succubus-home-page .home-products .shopbrand-products .shopbrand-sale-status,
body.succubus-home-page .home-products .shopbrand-products .shopbrand-sale-status{
    font-family: Arial, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif !important;
}
/* The homepage catalog / Shop by Mood rail keeps the storefront's original
 * inherited face.  The product-shelf font repair above must not spill into
 * this catalog component. */
html.succubus-home-page #sec24.category-rail,
body.succubus-home-page #sec24.category-rail,
html.succubus-home-page #sec24.category-rail *,
body.succubus-home-page #sec24.category-rail *{
    font-family: inherit !important;
}
/* Keep the hero quiet when its private image fails.  The decorative hero has
 * no useful alt copy in the image box, and the editorial caption should not
 * float by itself over a missing main image. */
#sec1[data-home-hero-schedule] .sec_inner > div.sec1_1 .thumb img[data-succubus-critical="hero"]{
    color: transparent !important;
    font-size: 0 !important;
}

#sec1[data-home-hero-schedule][data-succubus-hero-error="true"] .home-hero-copy{
    visibility: hidden !important;
    opacity: 0 !important;
}
/* Same me uses the same free serif face as the footer tagline. */
html.succubus-home-page #sec1[data-home-hero-schedule] .home-hero-copy__eyebrow,
body.succubus-home-page #sec1[data-home-hero-schedule] .home-hero-copy__eyebrow{
    font-family: Georgia, 'Times New Roman', serif !important;
}
/* All homepage product-shelf subtitles share one size, including Hot Deal. */
html.succubus-home-page #sec5-sales.home-products .sec_inner h2,
body.succubus-home-page #sec5-sales.home-products .sec_inner h2,
html.succubus-home-page #sec5-new.home-products .sec_inner h2,
body.succubus-home-page #sec5-new.home-products .sec_inner h2,
html.succubus-home-page #sec5-reviews.home-products .sec_inner h2,
body.succubus-home-page #sec5-reviews.home-products .sec_inner h2,
html.succubus-home-page #sec3.home-products .sec_inner h2,
body.succubus-home-page #sec3.home-products .sec_inner h2,
html.succubus-home-page #sec33.home-products .sec_inner h2,
body.succubus-home-page #sec33.home-products .sec_inner h2{
    font-size: 18px !important;
}
/* Match the reference card treatment: bold text after the shelf marker and
 * bold numeric prices, including the trailing Korean won unit.  Keep this
 * scoped to the five homepage product shelves so Shop by Mood and the hero
 * typography are not changed. */
html.succubus-home-page #sec5-sales.home-products .sec_inner h2,
body.succubus-home-page #sec5-sales.home-products .sec_inner h2,
html.succubus-home-page #sec5-new.home-products .sec_inner h2,
body.succubus-home-page #sec5-new.home-products .sec_inner h2,
html.succubus-home-page #sec5-reviews.home-products .sec_inner h2,
body.succubus-home-page #sec5-reviews.home-products .sec_inner h2,
html.succubus-home-page #sec3.home-products .sec_inner h2,
body.succubus-home-page #sec3.home-products .sec_inner h2,
html.succubus-home-page #sec33.home-products .sec_inner h2,
body.succubus-home-page #sec33.home-products .sec_inner h2{
    font-weight: 700 !important;
}

html.succubus-home-page #sec5-sales.home-products .prdprice .price,
body.succubus-home-page #sec5-sales.home-products .prdprice .price,
html.succubus-home-page #sec5-sales.home-products .prdprice .shopbrand-price-replace,
body.succubus-home-page #sec5-sales.home-products .prdprice .shopbrand-price-replace,
html.succubus-home-page #sec5-sales.home-products .prdprice .shopbrand-price-row--regular strike,
body.succubus-home-page #sec5-sales.home-products .prdprice .shopbrand-price-row--regular strike,
html.succubus-home-page #sec5-new.home-products .prdprice .price,
body.succubus-home-page #sec5-new.home-products .prdprice .price,
html.succubus-home-page #sec5-new.home-products .prdprice .shopbrand-price-replace,
body.succubus-home-page #sec5-new.home-products .prdprice .shopbrand-price-replace,
html.succubus-home-page #sec5-new.home-products .prdprice .shopbrand-price-row--regular strike,
body.succubus-home-page #sec5-new.home-products .prdprice .shopbrand-price-row--regular strike,
html.succubus-home-page #sec5-reviews.home-products .prdprice .price,
body.succubus-home-page #sec5-reviews.home-products .prdprice .price,
html.succubus-home-page #sec5-reviews.home-products .prdprice .shopbrand-price-replace,
body.succubus-home-page #sec5-reviews.home-products .prdprice .shopbrand-price-replace,
html.succubus-home-page #sec5-reviews.home-products .prdprice .shopbrand-price-row--regular strike,
body.succubus-home-page #sec5-reviews.home-products .prdprice .shopbrand-price-row--regular strike,
html.succubus-home-page #sec3.home-products .prdprice .price,
body.succubus-home-page #sec3.home-products .prdprice .price,
html.succubus-home-page #sec3.home-products .prdprice .shopbrand-price-replace,
body.succubus-home-page #sec3.home-products .prdprice .shopbrand-price-replace,
html.succubus-home-page #sec3.home-products .prdprice .shopbrand-price-row--regular strike,
body.succubus-home-page #sec3.home-products .prdprice .shopbrand-price-row--regular strike,
html.succubus-home-page #sec33.home-products .prdprice .price,
body.succubus-home-page #sec33.home-products .prdprice .price,
html.succubus-home-page #sec33.home-products .prdprice .shopbrand-price-replace,
body.succubus-home-page #sec33.home-products .prdprice .shopbrand-price-replace,
html.succubus-home-page #sec33.home-products .prdprice .shopbrand-price-row--regular strike,
body.succubus-home-page #sec33.home-products .prdprice .shopbrand-price-row--regular strike{
    font-weight: 700 !important;
}

/* 2026-09-27 desktop composition repair.
 *
 * At the 600px breakpoint the shared mobile skin used to leave the white
 * Shop by Mood sheet in a relatively-positioned, translated box.  The box
 * then disappeared behind the hero on the first paint and later floated over
 * the Popular shelf as the page scrolled.  Keep the phone contract above
 * untouched, but give tablet/desktop one independent document-flow contract:
 * the hero owns a fixed artwork frame, the white sheet follows it with a
 * controlled overlap, and the next shelf starts only after that sheet ends.
 * The header is explicitly above the artwork so a wider viewport cannot
 * paint the hero over the top chrome. */
@media (min-width: 600px) {

html.succubus-home-page,
body.succubus-home-page{
        --succubus-desktop-hero-frame-height: clamp(680px, 88svh, 920px);
        --succubus-desktop-sheet-overlap: clamp(104px, 13svh, 156px);
    }

html.succubus-home-page #contents #sec1#sec1[data-home-hero-schedule],
body.succubus-home-page #contents #sec1#sec1[data-home-hero-schedule]{
        height: auto !important;
        min-height: 0 !important;
        margin-bottom: 0 !important;
        overflow: visible !important;
    }

html.succubus-home-page #contents #sec1#sec1[data-home-hero-schedule] > .sec_inner,
body.succubus-home-page #contents #sec1#sec1[data-home-hero-schedule] > .sec_inner{
        position: relative !important;
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        padding-top: var(--succubus-desktop-hero-frame-height) !important;
        box-sizing: border-box !important;
        overflow: visible !important;
    }

html.succubus-home-page #contents #sec1#sec1[data-home-hero-schedule] > .sec_inner > div.sec1_1,
body.succubus-home-page #contents #sec1#sec1[data-home-hero-schedule] > .sec_inner > div.sec1_1{
        top: var(--store-header-height) !important;
        right: 0 !important;
        bottom: auto !important;
        left: 0 !important;
        width: 100% !important;
        height: calc(var(--succubus-desktop-hero-frame-height) - var(--store-header-height)) !important;
        min-height: 0 !important;
        max-height: none !important;
        box-sizing: border-box !important;
    }
/* Keep the desktop focal point at the top of the source artwork.  The
     * mobile contract is intentionally untouched; on the wider frame the
     * previous centered crop removed the subject's head. */
html.succubus-home-page #contents #sec1#sec1[data-home-hero-schedule] > .sec_inner > div.sec1_1 .thumb a img,
body.succubus-home-page #contents #sec1#sec1[data-home-hero-schedule] > .sec_inner > div.sec1_1 .thumb a img{
        object-fit: cover !important;
        object-position: 50% 0% !important;
    }

html.succubus-home-page #contents #sec1#sec1[data-home-hero-schedule] .home-hero-lower-ui,
body.succubus-home-page #contents #sec1#sec1[data-home-hero-schedule] .home-hero-lower-ui{
        position: relative !important;
        inset: auto !important;
        z-index: 5 !important;
        width: min(calc(100% - 32px), 1280px) !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        margin: calc(-1 * var(--succubus-desktop-sheet-overlap)) auto 0 !important;
        padding: 26px 34px 34px !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

html.succubus-home-page #contents #sec1#sec1[data-home-hero-schedule] .home-hero-look[data-home-shop-look],
body.succubus-home-page #contents #sec1#sec1[data-home-hero-schedule] .home-hero-look[data-home-shop-look]{
        flex: 0 0 auto !important;
        min-height: 88px !important;
        padding-bottom: 20px !important;
    }

html.succubus-home-page #contents #sec1#sec1[data-home-hero-schedule] .home-hero-lower-ui > #sec24.category-rail,
body.succubus-home-page #contents #sec1#sec1[data-home-hero-schedule] .home-hero-lower-ui > #sec24.category-rail{
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        margin: 0 !important;
        padding: 8px 0 0 !important;
        transform: none !important;
        overflow: visible !important;
    }
/* #sec24 is mounted inside #sec1.  Without this reset it inherits the
     * hero's viewport-height .sec_inner contract and stretches the white
     * sheet into a blank panel on desktop. */
html.succubus-home-page #contents #sec1#sec1[data-home-hero-schedule] .home-hero-lower-ui > #sec24.category-rail > .sec_inner,
body.succubus-home-page #contents #sec1#sec1[data-home-hero-schedule] .home-hero-lower-ui > #sec24.category-rail > .sec_inner{
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        padding: 0 !important;
        overflow: visible !important;
    }

html.succubus-home-page #contents #sec1#sec1[data-home-hero-schedule] .home-hero-lower-ui > #sec24.category-rail .category-rail__header,
body.succubus-home-page #contents #sec1#sec1[data-home-hero-schedule] .home-hero-lower-ui > #sec24.category-rail .category-rail__header{
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

html.succubus-home-page #contents #sec1#sec1[data-home-hero-schedule] .home-hero-lower-ui > #sec24.category-rail .category-rail__header h2,
body.succubus-home-page #contents #sec1#sec1[data-home-hero-schedule] .home-hero-lower-ui > #sec24.category-rail .category-rail__header h2{
        font-size: clamp(14px, 1.7vw, 18px) !important;
    }

html.succubus-home-page #contents #sec1#sec1[data-home-hero-schedule] .home-hero-lower-ui > #sec24.category-rail .category-rail__viewport,
body.succubus-home-page #contents #sec1#sec1[data-home-hero-schedule] .home-hero-lower-ui > #sec24.category-rail .category-rail__viewport{
        margin-top: 18px !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

html.succubus-home-page #contents #sec1#sec1[data-home-hero-schedule] .home-hero-lower-ui > #sec24.category-rail .category-rail__list,
body.succubus-home-page #contents #sec1#sec1[data-home-hero-schedule] .home-hero-lower-ui > #sec24.category-rail .category-rail__list{
        gap: clamp(12px, 1.5vw, 22px) !important;
    }

html.succubus-home-page #contents #sec1#sec1[data-home-hero-schedule] .home-hero-lower-ui > #sec24.category-rail .category-rail__list li,
html.succubus-home-page #contents #sec1#sec1[data-home-hero-schedule] .home-hero-lower-ui > #sec24.category-rail .category-rail__icon,
body.succubus-home-page #contents #sec1#sec1[data-home-hero-schedule] .home-hero-lower-ui > #sec24.category-rail .category-rail__list li,
body.succubus-home-page #contents #sec1#sec1[data-home-hero-schedule] .home-hero-lower-ui > #sec24.category-rail .category-rail__icon{
        width: clamp(68px, 8vw, 92px) !important;
    }

html.succubus-home-page #contents #sec1#sec1[data-home-hero-schedule] .home-hero-lower-ui > #sec24.category-rail .category-rail__icon,
body.succubus-home-page #contents #sec1#sec1[data-home-hero-schedule] .home-hero-lower-ui > #sec24.category-rail .category-rail__icon{
        height: clamp(68px, 8vw, 92px) !important;
    }

html.succubus-home-page #contents #sec1#sec1[data-home-hero-schedule] .home-hero-lower-ui > #sec24.category-rail .category-rail__footer,
body.succubus-home-page #contents #sec1#sec1[data-home-hero-schedule] .home-hero-lower-ui > #sec24.category-rail .category-rail__footer{
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}

/* The /m/ page is still the mobile storefront even when it is opened in a
 * desktop browser or enlarged by browser zoom.  Keep that route on the
 * mobile composition: only the artwork focal point and the mounted category
 * rail's accidental viewport-height inheritance need to change here. */
@media (min-width: 600px) {

html.succubus-home-page.succubus-mobile-home #contents #sec1#sec1[data-home-hero-schedule],
body.succubus-home-page.succubus-mobile-home #contents #sec1#sec1[data-home-hero-schedule]{
        height: 100svh !important;
        min-height: 680px !important;
        margin-bottom: 0 !important;
    }

html.succubus-home-page.succubus-mobile-home #contents #sec1#sec1[data-home-hero-schedule] > .sec_inner,
body.succubus-home-page.succubus-mobile-home #contents #sec1#sec1[data-home-hero-schedule] > .sec_inner{
        height: 100svh !important;
        min-height: 680px !important;
        padding-top: 0 !important;
    }

html.succubus-home-page.succubus-mobile-home #contents #sec1#sec1[data-home-hero-schedule] > .sec_inner > div.sec1_1,
body.succubus-home-page.succubus-mobile-home #contents #sec1#sec1[data-home-hero-schedule] > .sec_inner > div.sec1_1{
        top: var(--store-header-height, 70px) !important;
        right: 0 !important;
        bottom: 0 !important;
        left: 0 !important;
        height: auto !important;
    }

html.succubus-home-page.succubus-mobile-home #contents #sec1#sec1[data-home-hero-schedule] > .sec_inner > div.sec1_1 .thumb img,
body.succubus-home-page.succubus-mobile-home #contents #sec1#sec1[data-home-hero-schedule] > .sec_inner > div.sec1_1 .thumb img{
        object-fit: cover !important;
        object-position: 50% 0% !important;
    }

html.succubus-home-page.succubus-mobile-home #contents #sec1#sec1[data-home-hero-schedule] .home-hero-lower-ui,
body.succubus-home-page.succubus-mobile-home #contents #sec1#sec1[data-home-hero-schedule] .home-hero-lower-ui{
        position: absolute !important;
        top: calc(54% + 33px) !important;
        right: 8px !important;
        bottom: 0 !important;
        left: 8px !important;
        width: auto !important;
        height: auto !important;
        min-height: 250px !important;
        max-height: none !important;
        margin: 0 !important;
        padding: 11px 13px 78px !important;
        overflow: hidden !important;
    }

html.succubus-home-page.succubus-mobile-home #contents #sec1#sec1[data-home-hero-schedule] .home-hero-lower-ui > #sec24.category-rail,
body.succubus-home-page.succubus-mobile-home #contents #sec1#sec1[data-home-hero-schedule] .home-hero-lower-ui > #sec24.category-rail{
        height: auto !important;
        min-height: 252px !important;
        max-height: none !important;
        margin: 0 !important;
        padding: 21px 0 0 !important;
        transform: none !important;
        overflow: visible !important;
    }

html.succubus-home-page.succubus-mobile-home #contents #sec1#sec1[data-home-hero-schedule] .home-hero-lower-ui > #sec24.category-rail > .sec_inner,
body.succubus-home-page.succubus-mobile-home #contents #sec1#sec1[data-home-hero-schedule] .home-hero-lower-ui > #sec24.category-rail > .sec_inner{
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        padding: 0 !important;
        overflow: visible !important;
    }
}
/* Relocated Main HTML styles: preserve the original paint gate and hearts. */
html.succubus-home-pending body > *{visibility:hidden!important}

html.succubus-home-pending{background:#fff!important}

#sec1[data-home-hero-schedule] .home-hero-look__image--profile{
        position: relative !important;
    }

#sec1[data-home-hero-schedule] .home-hero-look__image--profile .home-hero-look__heart-motion{
        position: absolute !important;
        z-index: 3 !important;
        right: 7px !important;
        top: 12px !important;
        display: block !important;
        width: auto !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        
        color: #984c56 !important;
        font-family: Arial, sans-serif !important;
        font-size: 14px !important;
        font-weight: 700 !important;
        line-height: 1 !important;
        letter-spacing: 0 !important;
        text-align: center !important;
        text-shadow: 0 1px 2px rgba(255,255,255,.9), 0 0 7px rgba(152,76,86,.34) !important;
        pointer-events: none !important;
        transform-origin: center !important;
        animation: home-look-heart-float-inline 1.3s ease-in-out infinite !important;
        will-change: transform, opacity;
    }
    @keyframes home-look-heart-float-inline {
        0%, 100% {
            opacity: .62;
            transform: translate3d(0, 2px, 0) scale(.82) rotate(-6deg);
        }
        45% {
            opacity: 1;
            transform: translate3d(1px, -3px, 0) scale(1.16) rotate(5deg);
        }
        72% {
            opacity: .86;
            transform: translate3d(-1px, -1px, 0) scale(1) rotate(-2deg);
        }
    }
/* Rules migrated from shared panes: Main owns its surfaces. */
body.search-panel-closing.succubus-home-page #sec1[data-home-hero-schedule] .home-hero-lower-ui{
    display:flex !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
}
/* Keep the hero silhouette visible behind the translucent search layer and mascot. */
body.search-panel-open.succubus-home-page #sec1[data-home-hero-schedule],
body.search-panel-open.succubus-home-page #sec1[data-home-hero-schedule] .sec_inner{
    --hero-bg:rgba(255,248,243,.28);
    background:rgba(255,248,243,.28);
    -webkit-backdrop-filter:blur(16px) saturate(1.06);
    backdrop-filter:blur(16px) saturate(1.06);
}

body.search-panel-open.succubus-home-page #sec1[data-home-hero-schedule] .sec_inner>div.sec1_1 .thumb a img{opacity:.34;transition:opacity .25s ease;}

body.search-panel-open.succubus-home-page #sec1[data-home-hero-schedule] .sec_inner::after{opacity:.22;transition:opacity .25s ease;}

body.search-panel-open.succubus-home-page #sec1[data-home-hero-schedule] .home-hero-copy,
body.search-panel-open.succubus-home-page #sec1[data-home-hero-schedule] .home-hero-meta,
body.search-panel-open.succubus-home-page #sec1[data-home-hero-schedule] .home-hero-lower-ui{opacity:0;visibility:hidden;transition:opacity .25s ease,visibility 0s linear .25s;}

body.search-panel-open.succubus-night.succubus-home-page #sec1[data-home-hero-schedule],
body.search-panel-open.succubus-night.succubus-home-page #sec1[data-home-hero-schedule] .sec_inner{
    --hero-bg:rgba(27,18,28,.3);
    background:rgba(27,18,28,.3);
}

body #container,
body #contents{
    background-color: var(--succubus-page-bg, #fff) !important;
    color: var(--succubus-ink, #000) !important;
}

html[data-succubus-theme-mode="night"] #container,
body[data-succubus-theme-mode="night"] #container,
html[data-succubus-theme-mode="night"] #contents,
body[data-succubus-theme-mode="night"] #contents{
    background-color: #fff !important;
    color: #000 !important;
}
/* Homepage controls are authored in the main pane, which is loaded after the
 * shared Top CSS. Use a deliberately stronger selector here so an older main
 * stylesheet cannot reintroduce a black sheet when the moon artwork is active. */
html[data-succubus-theme-mode="night"][data-mascot-mode="succubus"] body[data-succubus-theme-mode="night"][data-mascot-mode="succubus"] #sec1#sec1[data-home-hero-schedule] .home-hero-lower-ui,
html[data-succubus-theme-mode="night"][data-mascot-mode="succubus"] body[data-succubus-theme-mode="night"][data-mascot-mode="succubus"] #sec1#sec1[data-home-hero-schedule] .home-hero-lower-ui::before{
    --hero-sheet-bg: rgba(255, 250, 246, .97) !important;
    --hero-sheet-ink: #302526 !important;
    --hero-sheet-muted: #907f79 !important;
    --hero-sheet-line: rgba(74, 57, 48, .16) !important;
    --hero-sheet-circle: #efe3da !important;
    background: #fff !important;
    background-color: #fff !important;
    background-image: none !important;
    color: #302526 !important;
    box-shadow: 0 -16px 32px rgba(35, 23, 25, .16) !important;
}

html[data-succubus-theme-mode="night"][data-mascot-mode="succubus"] body[data-succubus-theme-mode="night"][data-mascot-mode="succubus"] #sec1#sec1[data-home-hero-schedule] .home-hero-mode-toggle,
html[data-succubus-theme-mode="night"][data-mascot-mode="succubus"] body[data-succubus-theme-mode="night"][data-mascot-mode="succubus"] #sec1#sec1[data-home-hero-schedule] .home-hero-bottom-nav{
    --hero-nav-bg: rgba(255, 250, 246, .88) !important;
    --hero-nav-line: rgba(74, 57, 48, .18) !important;
    --hero-nav-muted: rgba(74, 57, 48, .64) !important;
    --hero-nav-active-bg: #372b2d !important;
    --hero-nav-active-ink: #fff8f4 !important;
    --hero-nav-dot: #c78986 !important;
    background-color: rgba(255, 250, 246, .88) !important;
    border-color: rgba(74, 57, 48, .18) !important;
    color: #302526 !important;
    box-shadow: 0 11px 25px rgba(56, 39, 38, .14), inset 0 1px 0 rgba(255,255,255,.78), inset 0 -1px 0 rgba(74,57,48,.08) !important;
}

html[data-succubus-theme-mode="night"][data-mascot-mode="succubus"] body[data-succubus-theme-mode="night"][data-mascot-mode="succubus"] #sec1#sec1[data-home-hero-schedule] .home-hero-mode-toggle{
    background: rgba(255, 255, 255, .9) !important;
    color: #241d25 !important;
}

html[data-succubus-theme-mode="night"][data-mascot-mode="succubus"] body[data-succubus-theme-mode="night"][data-mascot-mode="succubus"] #sec24#sec24.category-rail{
    --category-bg: #fff !important;
    --category-ink: #2f2526 !important;
    --category-muted: #9a8882 !important;
    --category-line: #e8ddd6 !important;
    --category-circle: #f0e4dc !important;
    background: #fff !important;
    background-color: #fff !important;
    color: #2f2526 !important;
}

html[data-succubus-theme-mode="night"][data-mascot-mode="succubus"] body[data-succubus-theme-mode="night"][data-mascot-mode="succubus"] .home-products.home-products{
    --shopbrand-bg: #fff !important;
    --shopbrand-card: #fff !important;
    --shopbrand-ink: #111 !important;
    --shopbrand-muted: #707070 !important;
    --shopbrand-line: rgba(0, 0, 0, .14) !important;
    --shopbrand-thumb-bg: #f4f4f4 !important;
    --shopbrand-old-price: #777 !important;
    --shopbrand-wish-ink: #111 !important;
    --shopbrand-wish-outline: #111 !important;
    background: #fff !important;
    background-color: #fff !important;
    color: #111 !important;
}

html[data-succubus-theme-mode="night"][data-mascot-mode="succubus"] body[data-succubus-theme-mode="night"][data-mascot-mode="succubus"] #mascot-reveal#mascot-reveal{
    --mascot-bg: #f4efe8 !important;
    --mascot-panel: rgba(255,255,255,.78) !important;
    --mascot-text: #322a2a !important;
    --mascot-muted: #8d7e78 !important;
    --mascot-line: rgba(74,57,48,.22) !important;
    background: #f4efe8 !important;
    background-color: #f4efe8 !important;
    color: #322a2a !important;
}

html[data-succubus-ui-palette="light"] #container,
html[data-succubus-ui-palette="light"] #contents,
html[data-succubus-theme-mode="night"] #container,
html[data-succubus-theme-mode="night"] #contents{
    background: #fff !important;
    background-color: #fff !important;
    background-image: none !important;
    color: #111 !important;
    color-scheme: light !important;
}
/* Rules migrated from shared panes: Main owns its surfaces. */
/* Optional remote artwork must never leave the browser's broken-image glyph,
   alt text, or question-mark placeholder in the mobile layout. */
:where(#contents) :where(#contents) img.succubus-image-failed{display:none!important;}
/*
 * Global night-resource fallback contract.
 *
 * A one-source UI asset can stay in use when its night counterpart is not
 * available. The fallback is deliberately opt-in: transparent UI artwork is
 * made readable with a soft logo-like halo, while product photos, homepage
 * marketing banners, and the paired search mascots are never swept into this
 * rule.
 */
html.succubus-preload-night :where(#contents) :where(#contents) img[data-succubus-night-fallback="glow"],
html.succubus-night :where(#contents) :where(#contents) img[data-succubus-night-fallback="glow"],
body.succubus-night :where(#contents) :where(#contents) img[data-succubus-night-fallback="glow"]{
    filter:
        drop-shadow(0 0 3px rgba(255, 255, 255, .78))
        drop-shadow(0 0 9px rgba(255, 255, 255, .28)) !important;
}

html[data-succubus-theme-mode="night"] :where(#contents) :where(#contents) img[data-succubus-night-fallback],
body[data-succubus-theme-mode="night"] :where(#contents) :where(#contents) img[data-succubus-night-fallback]{
    filter: none !important;
}

html:where(.succubus-home-page),
body:where(.succubus-home-page){
    background-color: var(--succubus-page-bg, #fff) !important;
    color: var(--succubus-ink, #000) !important;
}

html[data-succubus-theme-mode="night"] body:where(.succubus-home-page),
body[data-succubus-theme-mode="night"]:where(.succubus-home-page){
    background-color: #fff !important;
    color: #000 !important;
}

html[data-succubus-ui-palette="light"] body:where(.succubus-home-page),
body[data-succubus-ui-palette="light"]:where(.succubus-home-page),
html[data-succubus-theme-mode="night"] body:where(.succubus-home-page),
body[data-succubus-theme-mode="night"]:where(.succubus-home-page){
    background: #fff !important;
    background-color: #fff !important;
    color: #111 !important;
}
/* BASIC css end */