/* =========================================================
   VANCE CEYLON — TEMPLATE 02 / DAYLIGHT LAUNCH
   Safe final override. Load AFTER every other customer CSS.
   ========================================================= */

html[data-vance-template="daylight"]{
    color-scheme:light;
    --bg:#f7f7f4;
    --surface:#ffffff;
    --surface2:#f0f0ec;
    --text:#111111;
    --muted:#6f6f6b;
    --line:rgba(17,17,17,.12);
    --day-shadow:0 18px 50px rgba(17,17,17,.08);
    --day-radius:22px;
}

html[data-vance-template="daylight"],
html[data-vance-template="daylight"] body,
html[data-vance-template="daylight"] .app{
    background:var(--bg) !important;
    color:var(--text) !important;
}

html[data-vance-template="daylight"] #vanceThemeButton{
    display:none !important;
}

/* ---------------------------------------------------------
   ANNOUNCEMENT + HEADER
   --------------------------------------------------------- */
html[data-vance-template="daylight"] #vanceAnnouncementBar{
    background:#111 !important;
    color:#fff !important;
    border-bottom:0 !important;
}

html[data-vance-template="daylight"] .header,
html[data-vance-template="daylight"] .header.scrolled{
    position:absolute !important;
    top:32px !important;
    left:0 !important;
    right:0 !important;
    width:100% !important;
    height:76px !important;
    padding:0 clamp(18px,3vw,42px) !important;
    background:rgba(255,255,255,.98) !important;
    color:#111 !important;
    border-bottom:1px solid rgba(17,17,17,.10) !important;
    box-shadow:0 10px 32px rgba(17,17,17,.04) !important;
    backdrop-filter:blur(18px) !important;
    -webkit-backdrop-filter:blur(18px) !important;
}

html[data-vance-template="daylight"] .logo{
    color:#111 !important;
    white-space:nowrap !important;
    font-size:17px !important;
    font-weight:900 !important;
    letter-spacing:.16em !important;
    line-height:1 !important;
}

html[data-vance-template="daylight"] :is(
    .nav button,
    .tools button,
    .icon-btn,
    .account-trigger-text
){
    color:#111 !important;
}

html[data-vance-template="daylight"] .nav button:after{
    background:#111 !important;
}

html[data-vance-template="daylight"] .mobile-menu-btn span{
    background:#111 !important;
}

/* ---------------------------------------------------------
   HERO
   --------------------------------------------------------- */
html[data-vance-template="daylight"] .hero{
    margin-top:76px !important;
    height:calc(100svh - 108px) !important;
    min-height:620px !important;
    background:#e9e9e5 !important;
    border-radius:0 0 28px 28px !important;
    overflow:hidden !important;
}

html[data-vance-template="daylight"] .hero-video{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
}

html[data-vance-template="daylight"] .hero .video-overlay{
    background:linear-gradient(
        90deg,
        rgba(0,0,0,.48) 0%,
        rgba(0,0,0,.20) 44%,
        rgba(0,0,0,.06) 72%,
        rgba(0,0,0,.10) 100%
    ) !important;
}

html[data-vance-template="daylight"] .hero-content{
    max-width:760px !important;
    padding-left:clamp(24px,6vw,92px) !important;
    padding-right:24px !important;
}

html[data-vance-template="daylight"] .hero-content .kicker{
    color:rgba(255,255,255,.82) !important;
    letter-spacing:.22em !important;
}

html[data-vance-template="daylight"] .hero-content h1{
    color:#fff !important;
    font-size:clamp(58px,9vw,138px) !important;
    line-height:.82 !important;
    letter-spacing:-.065em !important;
    text-transform:uppercase !important;
}

html[data-vance-template="daylight"] .hero-content p{
    color:rgba(255,255,255,.85) !important;
    max-width:520px !important;
    line-height:1.65 !important;
}

html[data-vance-template="daylight"] .hero .primary,
html[data-vance-template="daylight"] .hero .secondary{
    min-height:48px !important;
    padding:0 22px !important;
    border-radius:999px !important;
}

html[data-vance-template="daylight"] .hero .primary{
    background:#fff !important;
    color:#111 !important;
}

html[data-vance-template="daylight"] .hero .secondary{
    background:rgba(255,255,255,.10) !important;
    color:#fff !important;
    border:1px solid rgba(255,255,255,.35) !important;
    backdrop-filter:blur(10px) !important;
}

/* ---------------------------------------------------------
   MAIN SECTIONS
   --------------------------------------------------------- */
html[data-vance-template="daylight"] .section,
html[data-vance-template="daylight"] .brand-section,
html[data-vance-template="daylight"] .store-view,
html[data-vance-template="daylight"] .store-top,
html[data-vance-template="daylight"] .footer{
    background:var(--bg) !important;
    color:var(--text) !important;
}

html[data-vance-template="daylight"] .section-head .eyebrow,
html[data-vance-template="daylight"] .vance-new-arrivals-head .eyebrow,
html[data-vance-template="daylight"] .brand-section .eyebrow,
html[data-vance-template="daylight"] .store-top .eyebrow{
    color:#777772 !important;
}

html[data-vance-template="daylight"] .section-title,
html[data-vance-template="daylight"] .vance-new-arrivals-head h2,
html[data-vance-template="daylight"] .store-top h1,
html[data-vance-template="daylight"] .brand-section h2{
    color:#111 !important;
}

html[data-vance-template="daylight"] .section-note,
html[data-vance-template="daylight"] .brand-section p,
html[data-vance-template="daylight"] .store-top-row p{
    color:#73736f !important;
}

/* ---------------------------------------------------------
   EVERYTHING / STORE PRODUCT CARDS
   --------------------------------------------------------- */
html[data-vance-template="daylight"] :is(#landingProducts,#storeProducts).product-grid{
    gap:clamp(14px,2vw,26px) !important;
}

html[data-vance-template="daylight"] :is(#landingProducts,#storeProducts) .card{
    background:transparent !important;
    border-radius:0 !important;
    box-shadow:none !important;
    color:#111 !important;
    overflow:visible !important;
}

html[data-vance-template="daylight"] :is(#landingProducts,#storeProducts) .card:hover{
    transform:translateY(-6px) !important;
    background:transparent !important;
    box-shadow:none !important;
}

html[data-vance-template="daylight"] :is(#landingProducts,#storeProducts) .card-img{
    aspect-ratio:4 / 5 !important;
    background:#ecece8 !important;
    border-radius:20px !important;
    overflow:hidden !important;
    box-shadow:0 8px 28px rgba(17,17,17,.05) !important;
}

html[data-vance-template="daylight"] :is(#landingProducts,#storeProducts) .card-img img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    object-position:center !important;
    transition:transform .45s ease !important;
}

html[data-vance-template="daylight"] :is(#landingProducts,#storeProducts) .card:hover .card-img img{
    transform:scale(1.025) !important;
}

html[data-vance-template="daylight"] :is(#landingProducts,#storeProducts) .card-info{
    padding:14px 3px 4px !important;
    background:transparent !important;
    color:#111 !important;
}

html[data-vance-template="daylight"] :is(#landingProducts,#storeProducts) .card-name{
    color:#111 !important;
    font-size:13px !important;
    font-weight:850 !important;
    text-transform:uppercase !important;
    letter-spacing:.035em !important;
}

html[data-vance-template="daylight"] :is(#landingProducts,#storeProducts) .card-category{
    color:#74746f !important;
    margin-top:5px !important;
    font-size:10px !important;
    letter-spacing:.10em !important;
}

html[data-vance-template="daylight"] :is(#landingProducts,#storeProducts) .card-price{
    color:#111 !important;
    margin-top:7px !important;
    font-size:13px !important;
}

/* ---------------------------------------------------------
   NEW ARRIVALS — no black bottom / full photo card
   --------------------------------------------------------- */
html[data-vance-template="daylight"] .vance-new-arrivals{
    background:var(--bg) !important;
    color:#111 !important;
    padding-top:74px !important;
}

html[data-vance-template="daylight"] .vance-slider-set > .card{
    background:transparent !important;
    color:#111 !important;
    box-shadow:none !important;
    overflow:visible !important;
}

html[data-vance-template="daylight"] .vance-slider-set > .card .card-img{
    background:#ecece8 !important;
    border-radius:20px !important;
    overflow:hidden !important;
    box-shadow:0 8px 28px rgba(17,17,17,.05) !important;
}

html[data-vance-template="daylight"] .vance-slider-set > .card .card-info{
    background:transparent !important;
    color:#111 !important;
    padding:14px 3px 2px !important;
}

html[data-vance-template="daylight"] .vance-slider-set > .card :is(.card-name,.card-price){
    color:#111 !important;
}

html[data-vance-template="daylight"] .vance-slider-set > .card .card-category{
    color:#757570 !important;
    opacity:1 !important;
}

/* ---------------------------------------------------------
   MADE FOR EVERY DAY / COLLECTIONS
   --------------------------------------------------------- */
html[data-vance-template="daylight"] .video-panel{
    border-radius:28px !important;
    margin:0 clamp(12px,2.5vw,38px) !important;
    width:auto !important;
    overflow:hidden !important;
}

html[data-vance-template="daylight"] .collections{
    gap:clamp(12px,1.5vw,20px) !important;
}

html[data-vance-template="daylight"] .collection{
    border-radius:22px !important;
    overflow:hidden !important;
    box-shadow:0 12px 34px rgba(17,17,17,.06) !important;
}

html[data-vance-template="daylight"] .collection:hover{
    transform:translateY(-6px) !important;
    box-shadow:0 18px 42px rgba(17,17,17,.12) !important;
}

html[data-vance-template="daylight"] .collection-content{
    padding:26px !important;
}

html[data-vance-template="daylight"] .collection-content h3{
    color:#fff !important;
}

html[data-vance-template="daylight"] .collection-content span{
    color:rgba(255,255,255,.82) !important;
}

/* ---------------------------------------------------------
   PRODUCT DETAIL — white premium card
   --------------------------------------------------------- */
html[data-vance-template="daylight"] #productModal{
    background:rgba(17,17,17,.28) !important;
    backdrop-filter:blur(14px) !important;
    -webkit-backdrop-filter:blur(14px) !important;
}

html[data-vance-template="daylight"] #productModal .modal{
    width:min(1180px,94vw) !important;
    max-height:92dvh !important;
    margin:4dvh auto !important;
    padding:22px !important;
    border-radius:28px !important;
    background:#fff !important;
    color:#111 !important;
    box-shadow:0 30px 100px rgba(17,17,17,.22) !important;
}

html[data-vance-template="daylight"] #productModal .product-detail{
    grid-template-columns:minmax(0,1.08fr) minmax(330px,.82fr) !important;
    gap:clamp(28px,4vw,52px) !important;
    background:#fff !important;
    color:#111 !important;
}

html[data-vance-template="daylight"] #productModal .detail-main{
    aspect-ratio:4 / 5 !important;
    min-height:0 !important;
    background:#efefeb !important;
    border-radius:22px !important;
    overflow:hidden !important;
}

html[data-vance-template="daylight"] #productModal .detail-main img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    object-position:center !important;
    transition:transform .30s ease, opacity .30s ease !important;
}

html[data-vance-template="daylight"] #productModal .detail-main img.vance-image-pop{
    animation:vanceDaylightImagePop .38s cubic-bezier(.2,.8,.2,1) both !important;
}

@keyframes vanceDaylightImagePop{
    0%{opacity:.36;transform:scale(.965)}
    65%{opacity:1;transform:scale(1.015)}
    100%{opacity:1;transform:scale(1)}
}

html[data-vance-template="daylight"] #productModal .thumbs{
    display:grid !important;
    grid-template-columns:repeat(5,minmax(0,1fr)) !important;
    gap:9px !important;
    margin-top:10px !important;
    overflow-x:auto !important;
}

html[data-vance-template="daylight"] #productModal .thumb{
    width:100% !important;
    height:auto !important;
    aspect-ratio:4 / 5 !important;
    min-width:62px !important;
    border:1px solid transparent !important;
    border-radius:13px !important;
    background:#efefeb !important;
    opacity:.76 !important;
    overflow:hidden !important;
    transition:opacity .2s ease, border-color .2s ease, transform .2s ease !important;
}

html[data-vance-template="daylight"] #productModal .thumb:hover{
    opacity:1 !important;
    transform:translateY(-2px) !important;
}

html[data-vance-template="daylight"] #productModal .thumb.active{
    opacity:1 !important;
    border-color:#111 !important;
}

html[data-vance-template="daylight"] #productModal .thumb img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
}

html[data-vance-template="daylight"] #productModal .detail-copy{
    padding:clamp(12px,2vw,30px) 0 !important;
}

html[data-vance-template="daylight"] #productModal .detail-copy .eyebrow,
html[data-vance-template="daylight"] #productModal .option-label{
    color:#777772 !important;
}

html[data-vance-template="daylight"] #productModal .detail-copy h2{
    color:#111 !important;
    font-size:clamp(34px,4vw,58px) !important;
    line-height:.94 !important;
    letter-spacing:-.05em !important;
    text-transform:uppercase !important;
}

html[data-vance-template="daylight"] #productModal .detail-price{
    color:#111 !important;
    font-size:22px !important;
    margin:16px 0 18px !important;
}

html[data-vance-template="daylight"] #productModal .detail-desc{
    color:#6f6f6b !important;
    line-height:1.65 !important;
}

html[data-vance-template="daylight"] #productModal .options{
    gap:8px !important;
}

html[data-vance-template="daylight"] #sizeOptions .opt{
    min-width:52px !important;
    min-height:44px !important;
    padding:0 14px !important;
    border:1px solid #d8d8d3 !important;
    border-radius:10px !important;
    background:#fff !important;
    color:#111 !important;
    font-weight:800 !important;
}

html[data-vance-template="daylight"] #sizeOptions .opt.selected{
    background:#111 !important;
    color:#fff !important;
    border-color:#111 !important;
    box-shadow:0 8px 20px rgba(17,17,17,.14) !important;
}

html[data-vance-template="daylight"] #colorOptions .opt.vance-swatch-option{
    width:40px !important;
    height:40px !important;
    min-width:40px !important;
    min-height:40px !important;
    padding:0 !important;
    border:0 !important;
    outline:0 !important;
    border-radius:50% !important;
    background:transparent !important;
    color:transparent !important;
    font-size:0 !important;
    line-height:0 !important;
    position:relative !important;
    box-shadow:none !important;
    overflow:hidden !important;
}

html[data-vance-template="daylight"] #colorOptions .opt.vance-swatch-option .vance-color-dot{
    width:40px !important;
    height:40px !important;
    min-width:40px !important;
    min-height:40px !important;
    border-radius:50% !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    outline:0 !important;
    display:block !important;
    box-shadow:none !important;
}

html[data-vance-template="daylight"] #colorOptions .opt.vance-swatch-option.selected,
html[data-vance-template="daylight"] #colorOptions .opt.vance-swatch-option[aria-pressed="true"],
html[data-vance-template="daylight"] #colorOptions .opt.vance-swatch-option:hover,
html[data-vance-template="daylight"] #colorOptions .opt.vance-swatch-option:focus,
html[data-vance-template="daylight"] #colorOptions .opt.vance-swatch-option:active{
    border:0 !important;
    outline:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    transform:none !important;
}

html[data-vance-template="daylight"] #colorOptions .account-status{
    color:#6f6f6b !important;
    margin:0 !important;
    padding:10px 0 !important;
}

html[data-vance-template="daylight"] #productModal .primary{
    min-height:52px !important;
    border-radius:999px !important;
    background:#111 !important;
    color:#fff !important;
    font-weight:850 !important;
    letter-spacing:.08em !important;
}

html[data-vance-template="daylight"] #productModal .close{
    background:#fff !important;
    color:#111 !important;
    border:1px solid #e0e0da !important;
    box-shadow:0 8px 24px rgba(17,17,17,.10) !important;
}

/* ---------------------------------------------------------
   CART
   --------------------------------------------------------- */
html[data-vance-template="daylight"] #cartDrawer{
    background:#fff !important;
    color:#111 !important;
    border:1px solid #e4e4df !important;
    box-shadow:0 26px 80px rgba(17,17,17,.18) !important;
}

html[data-vance-template="daylight"] #cartDrawer :is(h2,.vance-cart-name,.vance-cart-line-total,#cartTotal){
    color:#111 !important;
}

html[data-vance-template="daylight"] #cartDrawer :is(#cartSummary,.vance-cart-variant,.vance-cart-delivery,.vance-cart-saved,.vance-cart-eyebrow){
    color:#6f6f6b !important;
}

html[data-vance-template="daylight"] #cartDrawer .cart-item{
    border-bottom:1px solid #ecece7 !important;
}

html[data-vance-template="daylight"] #cartDrawer .vance-cart-image{
    border-radius:12px !important;
    overflow:hidden !important;
    background:#efefeb !important;
}

html[data-vance-template="daylight"] #cartDrawer .vance-cart-image img,
html[data-vance-template="daylight"] #cartDrawer .cart-item > img{
    object-fit:cover !important;
    background:#efefeb !important;
    border-radius:12px !important;
}

html[data-vance-template="daylight"] #cartDrawer .vance-cart-variant{
    font-weight:700 !important;
    line-height:1.5 !important;
}

html[data-vance-template="daylight"] #cartDrawer .vance-cart-quantity{
    background:#f5f5f2 !important;
    border:1px solid #e4e4df !important;
}

html[data-vance-template="daylight"] #cartDrawer .vance-cart-quantity button,
html[data-vance-template="daylight"] #cartDrawer .remove,
html[data-vance-template="daylight"] #cartDrawer .vance-cart-close,
html[data-vance-template="daylight"] #cartDrawer .vance-cart-continue{
    color:#111 !important;
}

html[data-vance-template="daylight"] #cartDrawer .vance-cart-checkout{
    min-height:48px !important;
    border-radius:999px !important;
    background:#111 !important;
    color:#fff !important;
}

/* ---------------------------------------------------------
   CHECKOUT / ACCOUNT / ORDERS
   --------------------------------------------------------- */
html[data-vance-template="daylight"] :is(
    #vanceCheckout,
    .account-box.vance-auth-glass,
    .vance-order-dialog,
    .search-box
){
    background:#fff !important;
    color:#111 !important;
    border-color:#e1e1dc !important;
    box-shadow:0 30px 100px rgba(17,17,17,.20) !important;
}

html[data-vance-template="daylight"] #vanceCheckout :is(h2,h3,p,label,strong,small,legend,.vc-brand,.vc-eyebrow),
html[data-vance-template="daylight"] .account-box :is(h1,h2,h3,p,strong,small,label,.vance-account-logo,.vance-account-tagline),
html[data-vance-template="daylight"] .vance-order-dialog :is(h2,h3,p,strong,small){
    color:#111 !important;
}

html[data-vance-template="daylight"] #vanceCheckout :is(input,select,textarea),
html[data-vance-template="daylight"] .account-box input,
html[data-vance-template="daylight"] .search-input{
    background:#f7f7f4 !important;
    color:#111 !important;
    border:1px solid #deded8 !important;
}

html[data-vance-template="daylight"] #vanceCheckout :is(.vc-summary,.vc-method,.vc-notice),
html[data-vance-template="daylight"] .vance-bank-islandwide-note,
html[data-vance-template="daylight"] .vance-bank-courier-breakdown{
    background:#f7f7f4 !important;
    color:#111 !important;
    border-color:#deded8 !important;
}

html[data-vance-template="daylight"] #vanceCheckout .vc-method:has(input:checked){
    border-color:#111 !important;
    background:#f0f0ec !important;
}

html[data-vance-template="daylight"] #vanceCheckout .vc-primary{
    background:#111 !important;
    color:#fff !important;
    border-radius:999px !important;
}

html[data-vance-template="daylight"] :is(
    #vanceCheckout .vc-back,
    #vanceCheckout .vc-close,
    .vance-account-close,
    .vance-order-close,
    #vanceBackToCart
){
    background:#f0f0ec !important;
    color:#111 !important;
    border-color:#deded8 !important;
}

html[data-vance-template="daylight"] .vance-account-logo,
html[data-vance-template="daylight"] .vc-brand{
    white-space:nowrap !important;
    letter-spacing:.16em !important;
    font-weight:900 !important;
}

html[data-vance-template="daylight"] .vance-account-logo-sub,
html[data-vance-template="daylight"] .vc-brand small{
    display:none !important;
}

/* ---------------------------------------------------------
   DELIVERY / TRUST STRIP — NO RETURNS PROMISE
   --------------------------------------------------------- */
html[data-vance-template="daylight"] .vance-launch-service-strip{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:1px;
    margin:0;
    background:#ddddda;
    border-top:1px solid #ddddda;
    border-bottom:1px solid #ddddda;
}

html[data-vance-template="daylight"] .vance-launch-service-item{
    min-height:112px;
    padding:26px clamp(18px,3vw,42px);
    background:#fff;
    display:flex;
    flex-direction:column;
    justify-content:center;
    gap:7px;
}

html[data-vance-template="daylight"] .vance-launch-service-item strong{
    color:#111;
    font-size:12px;
    letter-spacing:.13em;
    text-transform:uppercase;
}

html[data-vance-template="daylight"] .vance-launch-service-item span{
    color:#70706b;
    font-size:11px;
    line-height:1.55;
}

/* ---------------------------------------------------------
   FOOTER
   --------------------------------------------------------- */
html[data-vance-template="daylight"] .footer{
    border-top:0 !important;
    background:#f1f1ed !important;
    color:#686864 !important;
}

html[data-vance-template="daylight"] .footer-brand .logo-text,
html[data-vance-template="daylight"] .footer-title{
    color:#111 !important;
}

html[data-vance-template="daylight"] .footer-links :is(a,button){
    color:#686864 !important;
}

html[data-vance-template="daylight"] .footer-links :is(a,button):hover{
    color:#111 !important;
}

html[data-vance-template="daylight"] .footer-bottom{
    border-top-color:#d7d7d1 !important;
    color:#777772 !important;
}

/* ---------------------------------------------------------
   STORE FILTERS
   --------------------------------------------------------- */
html[data-vance-template="daylight"] .filter{
    background:#fff !important;
    color:#62625e !important;
    border:1px solid #deded8 !important;
    border-radius:999px !important;
}

html[data-vance-template="daylight"] .filter.active,
html[data-vance-template="daylight"] .filter:hover{
    background:#111 !important;
    color:#fff !important;
    border-color:#111 !important;
}

/* ---------------------------------------------------------
   DOMEX CUSTOMER TRACKING IN DAYLIGHT
   --------------------------------------------------------- */
html[data-vance-template="daylight"] .vance-domex-customer{
    background:#f7f7f4 !important;
    color:#111 !important;
    border-color:#deded8 !important;
}

html[data-vance-template="daylight"] .vance-domex-step i{
    background:#fff !important;
    border-color:#999 !important;
}

html[data-vance-template="daylight"] .vance-domex-step.done i{
    background:#111 !important;
    border-color:#111 !important;
}

html[data-vance-template="daylight"] .vance-domex-step.current i{
    border-color:#111 !important;
}

html[data-vance-template="daylight"] .vance-domex-track{
    background:#111 !important;
    color:#fff !important;
    border-color:#111 !important;
}

html[data-vance-template="daylight"] .vance-domex-copy{
    color:#111 !important;
    border-color:#cfcfca !important;
}

/* ---------------------------------------------------------
   MOBILE
   --------------------------------------------------------- */
@media(max-width:900px){
    html[data-vance-template="daylight"] .header,
    html[data-vance-template="daylight"] .header.scrolled{
        top:28px !important;
        height:76px !important;
        display:grid !important;
        grid-template-columns:42px minmax(0,1fr) auto !important;
        align-items:center !important;
        gap:10px !important;
        padding:0 14px !important;
    }

    html[data-vance-template="daylight"] .mobile-menu-btn{
        position:static !important;
        justify-self:start !important;
    }

    html[data-vance-template="daylight"] .logo{
        justify-self:center !important;
        max-width:100% !important;
        font-size:14px !important;
        letter-spacing:.12em !important;
        overflow:hidden !important;
        text-overflow:ellipsis !important;
    }

    html[data-vance-template="daylight"] .tools{
        justify-self:end !important;
        gap:8px !important;
    }

    html[data-vance-template="daylight"] .account-trigger-text{
        display:none !important;
    }

    html[data-vance-template="daylight"] .hero{
        margin-top:76px !important;
        height:calc(100svh - 104px) !important;
        min-height:580px !important;
        border-radius:0 0 22px 22px !important;
    }

    html[data-vance-template="daylight"] .hero-content{
        padding-left:22px !important;
        padding-right:22px !important;
        max-width:94% !important;
    }

    html[data-vance-template="daylight"] .hero-content h1{
        font-size:clamp(54px,18vw,88px) !important;
    }

    html[data-vance-template="daylight"] .product-grid{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        gap:12px !important;
    }

    html[data-vance-template="daylight"] #productModal .modal{
        width:min(96vw,760px) !important;
        margin:2dvh auto !important;
        max-height:96dvh !important;
        padding:14px !important;
        border-radius:22px !important;
    }

    html[data-vance-template="daylight"] #productModal .product-detail{
        grid-template-columns:1fr !important;
        gap:18px !important;
    }

    html[data-vance-template="daylight"] #productModal .detail-main{
        aspect-ratio:4 / 5 !important;
        max-height:64dvh !important;
    }

    html[data-vance-template="daylight"] #productModal .detail-copy{
        padding:4px 2px 16px !important;
    }

    html[data-vance-template="daylight"] #productModal .detail-copy h2{
        font-size:36px !important;
    }

    html[data-vance-template="daylight"] .vance-launch-service-strip{
        grid-template-columns:1fr !important;
    }

    html[data-vance-template="daylight"] .vance-launch-service-item{
        min-height:88px !important;
    }

    html[data-vance-template="daylight"] .video-panel{
        margin:0 10px !important;
        border-radius:20px !important;
    }
}

@media(max-width:520px){
    html[data-vance-template="daylight"] .product-grid{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        gap:9px !important;
    }

    html[data-vance-template="daylight"] :is(#landingProducts,#storeProducts) .card-info{
        padding:10px 2px 2px !important;
    }

    html[data-vance-template="daylight"] :is(#landingProducts,#storeProducts) .card-name{
        font-size:11px !important;
    }

    html[data-vance-template="daylight"] :is(#landingProducts,#storeProducts) .card-category{
        font-size:8px !important;
    }

    html[data-vance-template="daylight"] :is(#landingProducts,#storeProducts) .card-price{
        font-size:11px !important;
    }

    html[data-vance-template="daylight"] #cartDrawer{
        top:72px !important;
        right:8px !important;
        width:calc(100vw - 16px) !important;
        height:calc(100dvh - 88px) !important;
        max-height:calc(100dvh - 88px) !important;
        border-radius:20px !important;
    }
}

@media(prefers-reduced-motion:reduce){
    html[data-vance-template="daylight"] #productModal .detail-main img.vance-image-pop{
        animation:none !important;
    }
}

/* =========================================================
   VANCE CEYLON — WHITE / BLACK GLASS FINAL POLISH
   2026-10 customer UI repair layer
   ========================================================= */

html[data-vance-template="daylight"]{
    --vc-white:#ffffff;
    --vc-ink:#0b0b0b;
    --vc-muted:#6b6b67;
    --vc-line:rgba(11,11,11,.18);
    --vc-glass:rgba(255,255,255,.72);
    --vc-glass-strong:rgba(255,255,255,.90);
    --vc-shadow:0 18px 50px rgba(11,11,11,.09);
}

html[data-vance-template="daylight"] body,
html[data-vance-template="daylight"] .app,
html[data-vance-template="daylight"] .section,
html[data-vance-template="daylight"] .store-view,
html[data-vance-template="daylight"] .brand-section,
html[data-vance-template="daylight"] .footer{
    background:#fff !important;
    color:var(--vc-ink) !important;
}

/* Primary actions: black button / white words */
html[data-vance-template="daylight"] :is(
    #productModal .primary,
    #vanceCheckout .vc-primary,
    #cartDrawer .vance-cart-checkout,
    .vance-sign-out,
    .vance-create-account-btn,
    .vance-email-signin,
    .vance-domex-track
){
    background:#0b0b0b !important;
    color:#fff !important;
    border:1px solid #0b0b0b !important;
    border-radius:14px !important;
    box-shadow:0 12px 28px rgba(0,0,0,.12) !important;
    position:relative;
    overflow:hidden;
    transition:transform .22s ease, box-shadow .22s ease, background .22s ease !important;
}

html[data-vance-template="daylight"] :is(
    #productModal .primary,
    #vanceCheckout .vc-primary,
    #cartDrawer .vance-cart-checkout,
    .vance-sign-out,
    .vance-create-account-btn,
    .vance-email-signin,
    .vance-domex-track
) :is(span,strong,small,svg,path){
    color:#fff !important;
    stroke:#fff !important;
}

html[data-vance-template="daylight"] :is(
    #productModal .primary,
    #vanceCheckout .vc-primary,
    #cartDrawer .vance-cart-checkout,
    .vance-sign-out,
    .vance-create-account-btn,
    .vance-email-signin,
    .vance-domex-track
)::after{
    content:"";
    position:absolute;
    inset:-40% auto -40% -45%;
    width:32%;
    transform:skewX(-18deg);
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent);
    transition:left .5s ease;
    pointer-events:none;
}

html[data-vance-template="daylight"] :is(
    #productModal .primary,
    #vanceCheckout .vc-primary,
    #cartDrawer .vance-cart-checkout,
    .vance-sign-out,
    .vance-create-account-btn,
    .vance-email-signin,
    .vance-domex-track
):hover{
    transform:translateY(-1px) !important;
    box-shadow:0 16px 34px rgba(0,0,0,.16) !important;
}

html[data-vance-template="daylight"] :is(
    #productModal .primary,
    #vanceCheckout .vc-primary,
    #cartDrawer .vance-cart-checkout,
    .vance-sign-out,
    .vance-create-account-btn,
    .vance-email-signin,
    .vance-domex-track
):hover::after{
    left:120%;
}

/* Account: visible glass cards + black icons/text */
html[data-vance-template="daylight"] .account-box.vance-auth-glass{
    background:rgba(255,255,255,.88) !important;
    border:1px solid rgba(11,11,11,.16) !important;
    box-shadow:0 28px 90px rgba(0,0,0,.14) !important;
    backdrop-filter:blur(24px) saturate(135%) !important;
    -webkit-backdrop-filter:blur(24px) saturate(135%) !important;
}

html[data-vance-template="daylight"] .vance-account-user,
html[data-vance-template="daylight"] .vance-account-option{
    background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(245,245,242,.76)) !important;
    color:#111 !important;
    border:1px solid rgba(11,11,11,.18) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 10px 28px rgba(0,0,0,.055) !important;
    backdrop-filter:blur(16px) !important;
    -webkit-backdrop-filter:blur(16px) !important;
}

html[data-vance-template="daylight"] .vance-account-option{
    transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease !important;
}

html[data-vance-template="daylight"] .vance-account-option:hover{
    transform:translateY(-2px) !important;
    border-color:#111 !important;
    box-shadow:0 14px 30px rgba(0,0,0,.09) !important;
}

html[data-vance-template="daylight"] .vance-option-icon{
    color:#111 !important;
    background:#fff !important;
    border:1px solid rgba(11,11,11,.18) !important;
}

html[data-vance-template="daylight"] .vance-option-icon svg,
html[data-vance-template="daylight"] .vance-option-icon path,
html[data-vance-template="daylight"] .vance-option-icon circle,
html[data-vance-template="daylight"] .vance-sign-out svg,
html[data-vance-template="daylight"] .vance-sign-out path{
    stroke:currentColor !important;
}

html[data-vance-template="daylight"] .vance-option-icon svg,
html[data-vance-template="daylight"] .vance-option-icon path,
html[data-vance-template="daylight"] .vance-option-icon circle{
    color:#111 !important;
    stroke:#111 !important;
    opacity:1 !important;
}

html[data-vance-template="daylight"] .vance-option-copy strong{
    color:#111 !important;
}

html[data-vance-template="daylight"] .vance-option-copy small{
    color:#686864 !important;
    opacity:1 !important;
}

html[data-vance-template="daylight"] .vance-sign-out{
    width:100% !important;
    min-height:48px !important;
    margin-top:14px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:10px !important;
    opacity:1 !important;
    visibility:visible !important;
}

/* Product cards: white transparent glass, never a black bottom block */
html[data-vance-template="daylight"] :is(#landingProducts,#storeProducts) .card,
html[data-vance-template="daylight"] .vance-slider-set > .card{
    background:rgba(255,255,255,.56) !important;
    border:1px solid rgba(11,11,11,.10) !important;
    border-radius:20px !important;
    overflow:hidden !important;
    box-shadow:0 12px 34px rgba(0,0,0,.055) !important;
    backdrop-filter:blur(10px) !important;
    -webkit-backdrop-filter:blur(10px) !important;
}

html[data-vance-template="daylight"] :is(#landingProducts,#storeProducts) .card-img,
html[data-vance-template="daylight"] .vance-slider-set > .card .card-img{
    background:rgba(245,245,242,.70) !important;
    border-radius:0 !important;
    box-shadow:none !important;
}

html[data-vance-template="daylight"] :is(#landingProducts,#storeProducts) .card-info,
html[data-vance-template="daylight"] .vance-slider-set > .card .card-info{
    background:rgba(255,255,255,.74) !important;
    padding:14px 14px 16px !important;
    color:#111 !important;
}

html[data-vance-template="daylight"] :is(#landingProducts,#storeProducts,.vance-slider-set) :is(.card-name,.card-price){
    color:#111 !important;
    opacity:1 !important;
}

html[data-vance-template="daylight"] :is(#landingProducts,#storeProducts,.vance-slider-set) .card-category{
    color:#6d6d69 !important;
    opacity:1 !important;
}

/* Product detail glass frame */
html[data-vance-template="daylight"] #productModal .modal,
html[data-vance-template="daylight"] #productModal .product-detail{
    background:rgba(255,255,255,.91) !important;
    border:1px solid rgba(11,11,11,.14) !important;
    backdrop-filter:blur(22px) saturate(130%) !important;
    -webkit-backdrop-filter:blur(22px) saturate(130%) !important;
}

html[data-vance-template="daylight"] #productModal .detail-main,
html[data-vance-template="daylight"] #productModal .thumb{
    background:rgba(247,247,244,.82) !important;
    border:1px solid rgba(11,11,11,.10) !important;
}

/* Cart glass panel */
html[data-vance-template="daylight"] #cartDrawer{
    background:rgba(255,255,255,.94) !important;
    border-left:1px solid rgba(11,11,11,.16) !important;
    backdrop-filter:blur(24px) saturate(130%) !important;
    -webkit-backdrop-filter:blur(24px) saturate(130%) !important;
}

html[data-vance-template="daylight"] #cartDrawer .vance-cart-continue,
html[data-vance-template="daylight"] #cartDrawer .vance-cart-close{
    background:#fff !important;
    color:#111 !important;
    border:1px solid rgba(11,11,11,.22) !important;
}

/* Checkout: clean white glass panel */
html[data-vance-template="daylight"] #vanceCheckout{
    width:min(620px,calc(100vw - 22px)) !important;
    max-height:min(92dvh,900px) !important;
    padding:clamp(20px,3vw,34px) !important;
    background:rgba(255,255,255,.94) !important;
    color:#111 !important;
    border:1px solid rgba(11,11,11,.18) !important;
    border-radius:26px !important;
    box-shadow:0 30px 100px rgba(0,0,0,.20) !important;
    backdrop-filter:blur(26px) saturate(140%) !important;
    -webkit-backdrop-filter:blur(26px) saturate(140%) !important;
    scrollbar-width:thin;
    scrollbar-color:#111 rgba(0,0,0,.08);
}

html[data-vance-template="daylight"] #vanceCheckout::backdrop{
    background:rgba(20,20,20,.28) !important;
    backdrop-filter:blur(12px) !important;
    -webkit-backdrop-filter:blur(12px) !important;
}

html[data-vance-template="daylight"] #vanceCheckout::-webkit-scrollbar,
html[data-vance-template="daylight"] #cartDrawer::-webkit-scrollbar,
html[data-vance-template="daylight"] #myOrdersSection::-webkit-scrollbar{
    width:9px;
}

html[data-vance-template="daylight"] #vanceCheckout::-webkit-scrollbar-track,
html[data-vance-template="daylight"] #cartDrawer::-webkit-scrollbar-track,
html[data-vance-template="daylight"] #myOrdersSection::-webkit-scrollbar-track{
    background:rgba(0,0,0,.06);
    border-radius:999px;
}

html[data-vance-template="daylight"] #vanceCheckout::-webkit-scrollbar-thumb,
html[data-vance-template="daylight"] #cartDrawer::-webkit-scrollbar-thumb,
html[data-vance-template="daylight"] #myOrdersSection::-webkit-scrollbar-thumb{
    background:#111;
    border-radius:999px;
    border:2px solid rgba(255,255,255,.92);
}

html[data-vance-template="daylight"] #vanceCheckout .vc-brand{
    color:#111 !important;
    white-space:nowrap !important;
    letter-spacing:.15em !important;
    font-size:20px !important;
    text-align:left !important;
    margin-bottom:8px !important;
}

html[data-vance-template="daylight"] #vanceCheckout .vc-eyebrow{
    color:#777772 !important;
    margin-bottom:22px !important;
}

html[data-vance-template="daylight"] #vanceCheckout fieldset{
    padding:18px !important;
    margin-bottom:16px !important;
    background:rgba(255,255,255,.58) !important;
    border:1px solid rgba(11,11,11,.12) !important;
    border-radius:18px !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.95) !important;
}

html[data-vance-template="daylight"] #vanceCheckout legend{
    padding:0 7px !important;
    color:#111 !important;
    font-weight:850 !important;
    letter-spacing:.08em !important;
}

html[data-vance-template="daylight"] #vanceCheckout .vc-fields label{
    color:#333 !important;
    font-weight:700 !important;
}

html[data-vance-template="daylight"] #vanceCheckout :is(input,select,textarea){
    background:rgba(255,255,255,.92) !important;
    color:#111 !important;
    border:1px solid rgba(11,11,11,.20) !important;
    border-radius:12px !important;
    min-height:46px !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.92) !important;
}

html[data-vance-template="daylight"] #vanceCheckout :is(input,select,textarea):focus{
    border-color:#111 !important;
    outline:none !important;
    box-shadow:0 0 0 3px rgba(11,11,11,.09) !important;
}

html[data-vance-template="daylight"] #vanceCheckout .vc-method{
    background:rgba(255,255,255,.68) !important;
    border:1px solid rgba(11,11,11,.16) !important;
    border-radius:15px !important;
    color:#111 !important;
    min-height:68px !important;
    transition:transform .18s ease,border-color .18s ease,background .18s ease !important;
}

html[data-vance-template="daylight"] #vanceCheckout .vc-method:hover{
    transform:translateY(-1px) !important;
    border-color:rgba(11,11,11,.38) !important;
}

html[data-vance-template="daylight"] #vanceCheckout .vc-method:has(input:checked){
    background:#111 !important;
    border-color:#111 !important;
    color:#fff !important;
    box-shadow:0 12px 28px rgba(0,0,0,.12) !important;
}

html[data-vance-template="daylight"] #vanceCheckout .vc-method:has(input:checked) :is(strong,small,span){
    color:#fff !important;
}

html[data-vance-template="daylight"] #vanceCheckout .vc-method input{
    min-height:auto !important;
    accent-color:#111 !important;
}

html[data-vance-template="daylight"] #vanceCheckout .vc-summary,
html[data-vance-template="daylight"] #vanceCheckout .vc-notice,
html[data-vance-template="daylight"] .vance-bank-islandwide-note{
    background:rgba(247,247,244,.76) !important;
    color:#111 !important;
    border:1px solid rgba(11,11,11,.13) !important;
    border-radius:15px !important;
}

html[data-vance-template="daylight"] .vance-bank-islandwide-note{
    padding:14px !important;
}

html[data-vance-template="daylight"] .vance-bank-islandwide-note :is(strong,span,small){
    color:#111 !important;
    opacity:1 !important;
}

html[data-vance-template="daylight"] #vanceCheckout :is(.vc-back,.vc-close,#vcReload,#vcEdit){
    background:#fff !important;
    color:#111 !important;
    border:1px solid rgba(11,11,11,.22) !important;
    border-radius:12px !important;
    box-shadow:0 7px 18px rgba(0,0,0,.045) !important;
}

html[data-vance-template="daylight"] #vanceCheckout .vc-close{
    border-radius:50% !important;
}

/* My Orders: visible white glass cards and solid scrollbar */
html[data-vance-template="daylight"] #myOrdersSection{
    background:rgba(255,255,255,.95) !important;
    color:#111 !important;
    border:1px solid rgba(11,11,11,.16) !important;
    backdrop-filter:blur(24px) !important;
    -webkit-backdrop-filter:blur(24px) !important;
    scrollbar-width:thin;
    scrollbar-color:#111 rgba(0,0,0,.08);
}

html[data-vance-template="daylight"] #myOrdersSection :is(.order-card,.vance-order-card,[class*="order-item"]){
    background:rgba(248,248,245,.86) !important;
    border-color:rgba(11,11,11,.14) !important;
    color:#111 !important;
}

/* Reduce New Arrivals heading from the previous oversized version */
html[data-vance-template="daylight"] .vance-new-arrivals-head h2{
    font-size:clamp(34px,5vw,72px) !important;
    line-height:.95 !important;
}

@media (max-width:700px){
    html[data-vance-template="daylight"] #vanceCheckout{
        width:calc(100vw - 12px) !important;
        max-height:96dvh !important;
        padding:18px !important;
        border-radius:22px !important;
    }

    html[data-vance-template="daylight"] #vanceCheckout fieldset{
        padding:14px !important;
    }

    html[data-vance-template="daylight"] #vanceCheckout .vc-grid{
        grid-template-columns:1fr !important;
        gap:0 !important;
    }
}