/* DSC final identity layer. Keep commerce behavior and status labels intact. */
:root{--dsc-black:#000;--dsc-white:#fff;--dsc-yellow:#f6cf1f;--dsc-pearl:#f2f2f2;--dsc-line:#d2d2d2;--dsc-muted:#595959}
html body :is(.app,.creator-shell,.creator-landing,.dual-landing,.dual-apply-dialog,.cl-dialog,.dsc-pin-dialog,.account-cancel-dialog,#commerce-checkout,#commerce-review) *,html body :is(.home-checkout,.cl-dialog,.dual-apply-dialog,.dsc-pin-dialog,.account-cancel-dialog,#commerce-checkout,#commerce-review){border-radius:0!important}
html body :is(.creator-shell,.creator-landing,.dual-landing,.dual-apply-dialog){--red:#000;--cl-red:#000;--ink:#000;--muted:#595959;--cl-muted:#595959;font-family:Inter,Arial,sans-serif!important;color:#000}
html body :is(.creator-shell,.creator-landing,.dual-landing) :is(p,button,input,select,textarea){font-family:inherit!important}
html body :is(a,button,input,select,textarea,summary):focus-visible{outline:2px solid #000!important;outline-offset:4px!important}
html body :is(.app>header,.cms-footer,.site-menu) :focus-visible{outline-color:#f6cf1f!important}
html body .homepage .hero-copy .eyebrow{display:none!important}
/* Catalog: black controls, yellow quantity markers, neutral removal actions. */
html body .home-checkout{background:#f6cf1f!important;color:#000!important;border:1px solid #000!important;box-shadow:none!important;font:600 14px/1.3 Inter,Arial,sans-serif!important;height:52px;letter-spacing:.01em}
html body .home-checkout:hover{background:#000!important;color:#fff!important}
html body .home-checkout:disabled{opacity:.55;cursor:not-allowed}
html body .add-cart.in-cart{background:#000!important;color:#f6cf1f!important;border-color:#000!important;box-shadow:none!important}
html body .add-cart.in-cart:before{background:#f6cf1f!important;color:#000!important;border:1px solid #000!important;border-radius:0!important;font-weight:600}
html body :is(.category-product-card,.catalog-card):has(.add-cart.in-cart){border-color:#000!important;box-shadow:none!important}
html body .cart-card-remove{background:#fff!important;color:#000!important;border:1px solid #a2a2a2!important;min-height:44px;font-weight:500;font-size:12px;box-shadow:none!important}
html body .cart-card-remove:hover{background:#f2f2f2!important;border-color:#000!important}
html body .cart-add-confirmation{color:#000!important;font-weight:500}
html body :is(.category-rating span,.product-rating span,#v1 .product-info>.product-rating span,#v1 .review-stars,#v1 .review-comment-rating){color:#000!important}
html body #v1 :is(.product-media .gallery-thumb.active,.price-tiers .active){border-color:#000!important;color:#000!important}
html body #v1 .detail-badge{background:#000!important;color:#fff!important}
html body #v1 .product-lower .trust-h h2{border-bottom-color:#000!important;font-weight:600}
html body #v1 .review-bars em,html body #v1 .review-bars progress::-webkit-progress-value{background:#000!important}
html body #v1 .review-bars progress::-moz-progress-bar{background:#000!important}
html body :is(#bulk-pricing,.phone-verification-status.needs-verification){background:#f2f2f2!important;border-color:#d2d2d2!important;color:#000!important}
html body :is(.spec-help a,.price-tiers .active,.phone-verify-prompt,#v2 .remove-item){color:#000!important;border-color:#a2a2a2!important}
html body #bulk-pricing progress{accent-color:#000!important}
html body #product-review-disclosure>summary{color:#000!important;background:#fff!important;border-color:#a2a2a2!important;min-height:48px;box-shadow:none!important}
html body #product-review-disclosure>summary:hover{background:#f2f2f2!important}
/* Cart, checkout and dialogs can be mounted outside .app. */
html body :is(#commerce-checkout,#commerce-review,.dsc-pin-dialog,.account-cancel-dialog,.cl-dialog,.dual-apply-dialog){background:#fff!important;color:#000!important;border:1px solid #a2a2a2!important;box-shadow:0 16px 64px #0003!important;font-family:Inter,Arial,sans-serif!important}
html body :is(.dsc-pin-actions .dsc-pin-confirm,.paymongo-action,.phone-verification-status button,.phone-verification-editor button[type=submit],.account-redesign .account-contact-form button[type=submit]){background:#f6cf1f!important;color:#000!important;border:1px solid #f6cf1f!important;min-height:44px;box-shadow:none!important}
html body :is(.dsc-pin-actions .dsc-pin-confirm,.paymongo-action,.phone-verification-status button,.phone-verification-editor button[type=submit]):hover{background:#000!important;color:#fff!important;border-color:#000!important}
html body #commerce-checkout .commerce-close{background:#000!important;color:#fff!important;box-shadow:none!important;border:1px solid #000!important}
html body #commerce-checkout .commerce-close:hover{background:#f6cf1f!important;color:#000!important}
html body #discount-controls #apply-discount{background:#fff!important;color:#000!important;border-color:#000!important;font-weight:600}
html body #address-results :is(button:hover,button.active){border-left-color:#000!important;background:#f2f2f2!important}
html body :is(.account-redesign .profile-inline-link,.account-redesign .creator-profile-banner small,.contact-order-help a){color:#000!important}
html body .account-redesign .creator-profile-banner:after{color:#d2d2d2!important;transform:none}
html body .customer-order-status[data-stage=cancelled]{background:#f2f2f2!important;color:#000!important;border:1px solid #a2a2a2}
html body :is(.account-cancellation-notice,.google-account-notice){background:#f2f2f2!important;border-color:#d2d2d2!important;color:#000!important}
html body .google-notice-icon{color:#000!important;border-color:#000!important}
html body .tracking-page{--track-red:#000;color:#000}
html body .tracking-page :is(.tracking-summary,.tracking-card,.tracking-alert,.tracking-payment){border-radius:0!important;box-shadow:none!important}
html body .tracking-page .tracking-summary{background:#000!important;border-top:3px solid #f6cf1f}
html body .tracking-page h1{font-weight:600;letter-spacing:-.04em;line-height:1.12}
html body .tracking-page .eyebrow{color:#000!important;font-weight:600}
html body .tracking-summary .eyebrow{color:#f6cf1f!important}
html body .tracking-progress .current i{background:#f6cf1f!important;color:#000!important;border:1px solid #000}
html body .tracking-progress .done i{background:#000!important;color:#fff!important}
html body .tracking-alert{background:#f2f2f2!important;color:#000!important;border-left:3px solid #000}
/* Shared document/service pages: restrained type scale and readable measure. */
html body .cms-page:not(:has(.contact-page,.loyalty-page)){max-width:1200px;margin:auto;padding:64px 32px 80px!important}
html body .cms-page>h1{font-size:clamp(32px,4.5vw,56px);font-weight:500;letter-spacing:-.045em;line-height:1.08;margin:0 0 32px}
html body .cms-page>.cms-copy{max-width:760px;font-size:16px;line-height:1.8;color:#595959}
html body :is(.cms-service-grid .card,.cms-customer-form,.commerce-panel){box-shadow:none!important;border-color:#d2d2d2!important}
html body .cms-service-grid h3{font-size:22px;font-weight:500;letter-spacing:-.03em}
/* Contact: an editorial two-column layout, open information and a quiet form. */
html body .cms-page:has(.contact-page){padding:0!important;max-width:none!important}
html body .contact-page{max-width:1344px!important;padding:0 40px 64px!important;background:#fff!important;color:#000!important;overflow:visible}
html body .contact-hero{display:grid!important;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important;padding:64px 0!important;gap:64px;background:#fff!important;border-bottom:1px solid #d2d2d2}
html body .contact-hero h1{font-size:clamp(44px,5.5vw,76px)!important;font-weight:500!important;letter-spacing:-.055em!important;line-height:1.02!important;margin:12px 0 24px!important}
html body .contact-hero h1 em{color:#000!important;text-decoration:none!important;font-weight:inherit!important}
html body .contact-page .contact-kicker{color:#595959!important;letter-spacing:.14em!important;font-size:11px;font-weight:600}
html body .contact-hero p:last-child{font-size:16px;max-width:490px;line-height:1.7}
html body .contact-hero>img{height:230px;object-fit:cover;border-radius:0!important}
html body .contact-layout{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)!important;gap:0 64px!important;margin-top:48px!important;align-items:start}
html body .contact-card{padding:0!important;border:0!important;background:#fff!important;box-shadow:none!important}
html body .contact-card h2{font-size:28px!important;line-height:1.18;letter-spacing:-.04em;font-weight:500!important;margin:0 0 16px!important;color:#000!important}
html body .contact-card>p{font-size:14px;line-height:1.7;max-width:480px;margin-bottom:24px!important}
html body .contact-method{grid-template-columns:minmax(0,1fr)!important;gap:0;padding:20px 0;border-bottom-color:#d2d2d2!important}
html body .contact-method .contact-icon{display:none!important}
html body .contact-method small{font-size:11px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;margin-bottom:8px;color:#595959}
html body .contact-method :is(a,strong){font-size:16px!important;line-height:1.5;font-weight:500!important;color:#000!important}
html body .contact-method span:not(.contact-icon){font-size:13px;line-height:1.6;margin:4px 0 0}
html body .contact-method button{min-height:44px;font-size:12px;font-weight:500}
html body .contact-map{height:220px;margin-top:28px;filter:grayscale(1);background:#f2f2f2!important}
html body .contact-map>a{min-height:44px;display:flex;align-items:center;border:1px solid #a2a2a2;font-weight:500;box-shadow:none!important}
html body .contact-form-panel{border-left:1px solid #d2d2d2!important;padding-left:40px!important}
html body .contact-form-panel .contact-kicker{margin-bottom:12px!important}
html body .contact-page .cms-customer-form{border:0!important;padding:0!important;background:none;margin-top:28px!important;gap:22px}
html body .contact-field-grid{gap:22px 20px}
html body .contact-page label{display:block;font-size:13px;font-weight:500;gap:8px;color:#000}
html body .contact-page label :is(input,select,textarea){display:block;margin-top:8px}
html body .contact-page label b{color:#000!important}
html body .contact-page :is(input,select,textarea){min-height:48px;border-color:#a2a2a2!important;font-size:14px;color:#000;box-shadow:none!important}
html body .contact-page textarea{min-height:150px;line-height:1.7}
html body .contact-page .contact-consent{font-size:12px;line-height:1.7;gap:12px}
html body .contact-page .contact-consent input{min-height:18px;height:18px;width:18px;flex:none;margin-top:3px}
html body .contact-page .btn{min-height:52px;font-size:13px;font-weight:600!important;margin-top:4px;letter-spacing:.02em}
html body .contact-page .btn>span[aria-hidden]{display:none}
html body .contact-store{grid-column:1/-1!important;display:grid!important;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)!important;gap:64px!important;border-top:1px solid #d2d2d2!important;margin-top:56px;padding-top:40px!important}
html body .contact-store-visual{background:#fff!important;color:#000!important;padding:0!important;min-height:0!important;overflow:visible;justify-content:flex-start}
html body .contact-store-visual:before,html body .contact-store-visual>img{display:none!important}
html body .contact-store-visual h2{color:#000!important}
html body .contact-store-visual p{font-size:14px!important;line-height:1.8!important;color:#595959!important;max-width:330px;margin:0 0 20px}
html body .contact-store-visual a{display:inline-flex;align-items:center;min-height:48px;background:#000!important;color:#fff!important;padding:12px 20px;font-weight:500}
html body .contact-benefits{padding:0 0 0 40px!important;background:#fff!important;border-left:1px solid #d2d2d2}
html body .contact-benefits h2{font-size:22px!important}
html body .contact-benefits ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px;padding:0;margin:0}
html body .contact-benefits li{padding:16px 0!important;border-top:1px solid #d2d2d2}
html body .contact-benefits li:before{display:none!important}
html body .contact-benefits strong{font-size:13px;line-height:1.5;font-weight:600}
html body .contact-benefits span{font-size:12px;line-height:1.7;color:#595959!important;margin-top:4px}
html body .contact-info-strip{margin-top:48px;padding:24px 0;background:#fff!important;border:0;border-top:1px solid #d2d2d2}
html body .contact-info-strip>div{padding:0 20px;border-color:#d2d2d2}
html body .contact-info-strip>div:first-child{padding-left:0}
html body .contact-info-strip strong{font-size:12px;font-weight:600}
html body .contact-info-strip span{font-size:12px;color:#595959;line-height:1.7}
/* Creator and affiliate surfaces use the same identity, including charts. */
html body :is(.creator-shell,.dual-landing){background:#f2f2f2!important}
html body .creator-sidebar nav button[aria-current=page]{background:#000!important;color:#fff!important;box-shadow:inset 3px 0 #f6cf1f!important}
html body .creator-sidebar nav button[aria-current=page]>span{color:#f6cf1f!important}
html body :is(.creator-toolbar .calendar-icon svg,.text-button,.cl-heading a,.cl-perks svg,.cl-float svg,.dual-table a){color:#000!important}
html body :is(.metric-icon,.heading-icon,.funnel-icon,.campaign-illustration,.conversion-box){background:#f2f2f2!important;color:#000!important;transform:none!important}
html body :is(.dual-stat,.dual-card,.metric-card,.dashboard-card,.cl-panel,.cl-float){border-color:#d2d2d2!important;box-shadow:none!important}
html body :is(.creator-button,.dual-form button[type=submit],.dual-button,.dual-path-grid button,.dual-apply-dialog button[type=submit],.creator-hero button,.creator-program form>button){background:#f6cf1f!important;color:#000!important;border-color:#f6cf1f!important;min-height:48px;box-shadow:none!important}
html body :is(.creator-button,.dual-button,.dual-path-grid button,.dual-form button[type=submit]):hover{background:#000!important;color:#fff!important;border-color:#000!important}
html body :is(.creator-button.secondary,.dual-card button,.dual-copy button,.dual-pager button){background:#fff!important;color:#000!important;border-color:#a2a2a2!important}
html body :is(.dual-card button,.dual-copy button,.dual-pager button):hover{background:#f2f2f2!important;border-color:#000!important;color:#000!important}
html body .chart-legend span:before,html body .funnel-track i{background:#000!important}
html body .chart-legend span+span:before{background:#a2a2a2!important}
html body .trend-revenue{stroke:#000!important}
html body .trend-earnings{stroke:#a2a2a2!important;stroke-dasharray:5 4}
html body .earnings-card li{border-color:#d2d2d2!important}
html body .earnings-card li:before{color:#000!important;border-color:#000!important;background:#f6cf1f!important}
html body :is(.dual-feedback,.badge.reversed,.badge.rejected,.badge.canceled,.dual-rejected,.dual-reversed,.dual-cancelled,.cl-review){background:#f2f2f2!important;color:#000!important;border-color:#a2a2a2!important}
html body :is(.badge.pending,.badge.requested,.dual-pending,.dual-pendingreview,.dual-new){background:#f2f2f2!important;color:#000!important;border-color:#d2d2d2!important}
html body .cl-contact:hover{background:#f2f2f2!important}
html body:has(.actions>.button) .eyebrow{color:#595959!important;font-weight:600}
html body:has(.actions>.button) .button{background:#f6cf1f!important;color:#000!important;border-radius:0!important;font-weight:600}
html body:has(.actions>.button) .button.secondary{background:#fff!important;border-color:#000!important}
html body:has(.actions>.button) :is(.steps article,.note){border-radius:0!important;border-color:#d2d2d2!important;background:#fff!important;box-shadow:none!important}
html body:has(.actions>.button) .steps strong{color:#000!important;font-weight:500}
html body:has(.actions>.button) .steps h2{font-size:24px;font-weight:500}
html body:has(.site-header) :is(.eyebrow,.section-label,.hero h1 em,.brand-mark span,.art-spark){color:#f6cf1f!important;font-family:Inter,Arial,sans-serif!important}
html body:has(.site-header) .section-label{color:#595959!important}
html body:has(.site-header) :is(a,article,.art-card,.primary-link,.step-number){border-radius:0!important;font-family:Inter,Arial,sans-serif!important}
html body:has(.site-header) :is(.site-header nav a,.footer-inner a):hover{color:#f6cf1f!important}
html body:has(.site-header) *{border-radius:0!important;font-family:Inter,Arial,sans-serif!important}
/* Actual validation errors remain distinct from the brand and include text. */
html body :is(.err,.field-error,#tracking-error,.cancellation-error,#dual-apply-error,#creator-feedback.dual-error,[role=alert]){color:#b42318!important}
html body :is(#creator-feedback.dual-error,[aria-invalid=true]){border-color:#b42318!important}
html body #creator-feedback.dual-error{background:#fff!important}
@media(max-width:900px){html body .contact-page{padding:0 24px 48px!important}html body .contact-hero{gap:32px;padding:40px 0!important}html body .contact-layout,html body .contact-store{gap:0 32px!important}html body .contact-form-panel,html body .contact-benefits{padding-left:24px!important}html body .contact-benefits ul{grid-template-columns:1fr}html body .contact-info-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}html body .contact-info-strip>div{padding:0!important;border:0}}
@media(max-width:700px){html body .cms-page:not(:has(.contact-page,.loyalty-page)){padding:40px 20px 56px!important}html body .contact-page{padding:0 20px 40px!important}html body .contact-hero{grid-template-columns:1fr;gap:28px;padding:40px 0 32px!important}html body .contact-hero h1{font-size:48px!important}html body .contact-hero>img{height:190px}html body .contact-layout{grid-template-columns:1fr!important;gap:40px!important;margin-top:32px!important}html body .contact-form-panel{border-left:0!important;padding-left:0!important;border-top:1px solid #d2d2d2!important;padding-top:32px!important}html body .contact-store{grid-column:auto!important;grid-template-columns:1fr!important;gap:32px!important;margin-top:0!important;padding-top:32px!important}html body .contact-benefits{border-left:0!important;padding-left:0!important}html body .contact-benefits ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}html body .contact-info-strip{margin-top:32px;gap:24px 20px}html body .contact-field-grid{grid-template-columns:1fr}html body .contact-page .contact-card h2{font-size:26px!important}}

/* Contact banner removed at the brand owner's request. */
html body .contact-page .contact-hero{display:none!important}

/* Remove global header search; retain catalog search and filters. */
html body .app>header .header-search{display:none!important}
@media(max-width:800px){html body .app>header{grid-template-rows:68px!important;min-height:68px!important;padding-bottom:0!important}}