/* DACUI white studio redesign · 2026-11-03 */
:root{--ink:#24232b;--ink-dark:#24232b;--ink-2:#52505d;--muted:#777580;--cream:#fff;--paper:#fff;--line:#eae8ef;--clay:#7653a4;--gold:#7653a4;--forest:#7653a4;--forest-2:#64468b;--green:#7653a4;--green-dark:#583781;--lime:#e7ddf4;--orange:#7653a4;--sand:#fff;--serif:"DM Sans","Noto Sans SC","Noto Sans Arabic",sans-serif;--shadow:0 12px 40px #2920350b;background:#fff;color:#24232b}
html{background:#fff;scroll-padding-top:130px}
body.studio-white{background:#fff;color:#24232b;min-width:0}
.studio-white :is(h1,h2,h3){font-family:"DM Sans","Noto Sans SC","Noto Sans Arabic",sans-serif;letter-spacing:-.035em}
.studio-white :is(.shell,.container,.factory-wrap){width:min(1320px,calc(100% - 96px))}
.studio-white .site-header{background:#fff;border-bottom:1px solid #eae8ef;box-shadow:none}
.studio-white .header-inner{min-height:84px;height:auto;padding-block:20px;gap:28px}
.studio-white :is(.brand,.brand-type,.brand-text,.brand-seal,.brand-mark){color:#292332}
.studio-white :is(.brand-type strong,.brand-text strong){font-size:20px;letter-spacing:.06em}
.studio-white .announcement{background:#fff;color:#777580;border-bottom:1px solid #f0eef3;font-size:11px;letter-spacing:.07em;min-height:35px;height:auto;padding-block:5px}
.studio-white .announcement span{color:inherit}
.studio-white :is(.language-switch a,.language-switch button,.language-button){color:#60596a;background:#fff;border-color:#e8e2ee}
.studio-white :is(.language-switch [aria-pressed="true"],.language-switch .is-active,.language-switch .active){color:#69468f;background:#f4eff9;border-color:#ded0ee}
.studio-white :is(.header-contact,.header-action){background:#7653a4;color:#fff;border:1px solid #7653a4;border-radius:6px;min-height:40px;padding:11px 19px}
.studio-white :is(.main-nav,.site-nav,.header-nav){color:#5d5865;gap:26px;font-size:13px}
.studio-white .brand{min-width:0}
.studio-collections{display:flex;align-items:center;justify-content:center;gap:8px;max-width:100%;padding:10px 16px;border-bottom:1px solid #efedf2;background:#fff;overflow:auto;scrollbar-width:none}
.studio-collections a{flex:none;display:flex;align-items:center;gap:8px;padding:9px 24px;border-radius:5px;font-size:13px;color:#716b7c;transition:background .18s}
.studio-collections a:hover{background:#faf8fc;color:#7653a4}
.studio-collections a[aria-current="page"]{background:#f4eff9;color:#69478e;font-weight:600}
.studio-collections .collection-number{font-size:10px;letter-spacing:.08em;color:#a59aae}
.studio-white .studio-intro{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);align-items:center;gap:60px;padding-block:54px 46px;min-height:0;background:#fff}
.studio-white .studio-intro .hero-copy{padding:0;min-width:0}
.studio-white .hero h1,.studio-white .studio-intro h1{font-size:clamp(38px,3.65vw,59px);line-height:1.3;font-weight:600;margin:18px 0;max-width:none;color:#26222e;letter-spacing:-.035em}
.studio-white .hero h1 em{font-style:normal;color:#7653a4}
.studio-white .eyebrow,.studio-white .section-kicker{font-size:10px;letter-spacing:.16em;color:#8b75a1;font-weight:600}
.studio-white :is(.hero-description,.hero-copy>p:not(.eyebrow)){color:#79737f;font-size:14px;line-height:1.95;max-width:470px;margin-bottom:0}
.studio-white .hero-actions{gap:25px;margin-top:26px;flex-wrap:wrap}
.studio-white :is(.primary-button,.button-dark,.button-primary){background:#7653a4;border-color:#7653a4;color:#fff;border-radius:6px;box-shadow:none;font-size:13px;min-height:46px}
.studio-white :is(.primary-button,.button-dark,.button-primary):hover{background:#644489;border-color:#644489}
.studio-white :is(.secondary-button,.button-outline,.filter-select){background:#fff;border-color:#e5dfeb;color:#5f546b;border-radius:6px}
.studio-white :is(.hero-note,.hero-foot,.hero-meta){font-size:11px;color:#918a99;margin-top:25px;letter-spacing:.02em}
.studio-white .hero-meta b{color:#7653a4}
.studio-white :is(.hero-dot,.status-dot){background:#a18bb9;box-shadow:none}
.studio-showcase{display:grid;grid-template-columns:1.6fr 1fr;gap:14px;min-width:0}
.studio-shot{margin:0;position:relative;overflow:hidden;background:#fff;border:1px solid #efedf2;border-radius:12px;min-width:0;height:174px}
.studio-shot:first-child{grid-row:span 2;height:362px}
.studio-shot img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .4s}
.studio-shot:hover img{transform:scale(1.025)}
.studio-shot .hero-photo{width:100%;height:100%;aspect-ratio:auto;padding:0;background:#fff;position:relative;border:0}
.studio-shot .hero-photo .single-product-media{width:100%;height:100%}
.studio-shot .hero-photo img{object-fit:contain}
.studio-shot .hero-photo .hero-image-label{font-size:9px;background:#ffffffec;color:#8e8199;letter-spacing:0}
.studio-visual-note{font-size:10px;color:#a198aa;margin:10px 0 0}
.studio-white .studio-intro .hero-visual{margin:0;padding:0;min-width:0}
.studio-white .studio-intro .hero-visual::before,.studio-white .studio-intro .hero-visual::after{display:none}
.studio-white .hero-caption{margin:9px 0 0;color:#93899e;font-size:10px;display:flex;justify-content:space-between;gap:10px}
.studio-white :is(.spec-strip,.value-strip){background:#fff;border-top:1px solid #eae8ef;border-bottom:1px solid #eae8ef;color:#77717f}
.studio-white :is(.spec-inner,.value-inner){gap:0}
.studio-white :is(.value-inner>div,.spec-item){min-height:72px;border-color:#eeeaf3;color:#79717f;font-size:12px}
.studio-white :is(.value-num,.value-symbol,.strip-icon){color:#7653a4;font-family:inherit}
.studio-white .catalog-section{padding-block:62px 70px;background:#fff}
.studio-white :is(.section-heading,.section-head){margin-bottom:28px;gap:25px}
.studio-white :is(.section-heading h2,.section-head h2){font-family:inherit;color:#28232f;font-size:clamp(27px,2.6vw,38px);font-weight:600;margin:10px 0 12px;line-height:1.4}
.studio-white :is(.section-description,.section-heading p:last-child,.section-heading>p){color:#827a8b;font-size:13px;line-height:1.8}
.studio-white :is(.section-index,.collection-number){color:#b4a7bf;font-size:11px}
.studio-white .filter-panel{padding:22px 0;border:0;border-top:1px solid #eae8ef;border-bottom:1px solid #eae8ef;box-shadow:none;background:#fff}
.studio-white :is(.series-filter,.filter-chip,.category-tab){background:#fff;border:1px solid #e7e2ed;color:#7b6d88;padding:9px 16px;border-radius:5px;font-size:12px;min-height:39px}
.studio-white :is(.series-filter.active,.filter-chip.is-active,.category-tab.active,.category-tab[aria-pressed="true"]){background:#7653a4;border-color:#7653a4;color:#fff}
.studio-white :is(.filter-fields input,.filter-fields select,.search-field,.filter-select,.search-field input){background:#fff;border-color:#e7e2ed;color:#564f60;border-radius:6px;font-size:12px}
.studio-white :is(.toolbar,.catalog-toolbar){padding-block:20px;background:#fff;gap:14px;margin:0;border-color:#eae8ef}
.studio-white :is(.category-tabs,.series-filters,.filter-list){gap:8px}
.studio-white .visual-toolbar{padding-block:15px;border-color:#eae8ef}
.studio-white .result-bar,.studio-white .catalog-status{margin:22px 0 18px;color:#807786}
.studio-white .product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:34px 26px}
.studio-white .unified-category{margin-top:35px}
.studio-white .product-card{background:#fff;border:1px solid #eeebf2;border-radius:12px;overflow:hidden;box-shadow:none;transition:transform .2s,border-color .2s,box-shadow .2s}
.studio-white .product-card:hover{transform:translateY(-4px);border-color:#d4c3e6;box-shadow:0 12px 35px #3823480a}
.studio-white :is(.card-media,.card-image,.product-photo){background:#fff;aspect-ratio:1.13;height:auto;padding:0}
.studio-white .unified-category .card-media{background:#fff;aspect-ratio:1.13}
.studio-white .card-media::after{display:none}
.studio-white :is(.card-media .media-visual,.card-image img,.product-photo>img){object-fit:contain;width:100%;height:100%;padding:8px}
.studio-white :is(.card-tag,.card-category){border:1px solid #ece6f2;background:#ffffffed;color:#8d7d9b;border-radius:4px;font-size:10px}
.studio-white .card-body{padding:20px}
.studio-white :is(.card-body h3,.card-title h3,.product-name){font-family:inherit;color:#342d3e;font-weight:600;font-size:16px;line-height:1.5;min-height:0}
.studio-white :is(.card-kicker,.card-price,.product-price,.card-price strong,.card-price .price-amount){color:#7653a4}
.studio-white :is(.card-meta,.card-description,.card-price small,.catalog-footnote,.catalog-note){color:#968b9f}
.studio-white :is(.card-price strong,.product-price strong){font-size:23px}
.studio-white :is(.card-bottom,.card-price){border-color:#f0ecf5}
.studio-white :is(.card-indicator,.card-view){color:#7653a4}
.studio-white .card-media-caption{background:#fff;color:#a397ac;border-color:#f0ecf5}
.studio-white :is(.guide-section,.contact-section,.guide-grid,.contact-card){background:#fff;color:#2b2532}
.studio-white .guide-section{padding-block:60px;border-top:1px solid #eae8ef;border-bottom:1px solid #eae8ef}
.studio-white :is(.guide-inner,.guide-grid){grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:65px}
.studio-white :is(.guide-heading h2,.guide-title h2,.guide-section h2){color:#302836;font-family:inherit;font-size:34px;font-weight:600}
.studio-white :is(.guide-heading h2 em,.heading-dot,.guide-step>b,.guide-step .step-number,.step-number){color:#9476af}
.studio-white :is(.guide-heading>p:last-child,.guide-title>p,.guide-steps p,.guide-step p){color:#8a7f93;font-size:13px;line-height:1.9}
.studio-white :is(.guide-steps,.guide-steps article,.guide-step){border-color:#eae5f0;background:#fff}
.studio-white .guide-steps article>span{color:#a48bb9}
.studio-white .contact-section{padding-block:60px}
.studio-white .contact-card{padding:40px 0;border-top:1px solid #eae8ef;border-bottom:1px solid #eae8ef}
.studio-white .contact-card::after{display:none}
.studio-white .contact-card h2{font-family:inherit;color:#302836;font-size:35px}
.studio-white .contact-card .eyebrow{color:#967caf}
.studio-white .contact-links .button-light{background:#7653a4;color:#fff;border-radius:6px}
.studio-white .site-footer{background:#fff;color:#9c92a6;border-top:1px solid #eae8ef;padding-block:30px}
.studio-white .site-footer strong{color:#5b486a}
.studio-white .footer-brand{color:#675272}
.studio-white :is(.product-dialog,.selection-dialog,.detail-visual-side,.detail-info,.product-page,.pack-main-stage,.visual-stage,.product-overview,.product-layout,.product-media-column,.product-info,.product-detail,.product-details,.spec-table,.spec-row,.detail-panel,.detail-notice,.variant-picker,.variant-row,.product-summary,.price-box,.product-specs){background:#fff;color:#302937}
.studio-white.product-page .site-header{background:#fff}
.studio-white :is(.detail-price,.detail-price strong,.product-price,.price-panel,.variant-price){color:#7653a4}
.studio-white :is(.detail-tabs,.gallery-thumbs,.visual-thumbs,.pack-thumbnails,.variant-options,.detail-section){border-color:#eae5f0;background:#fff}
.studio-white .factory-sections{--factory-green:#6f4b94;--factory-ink:#302936;--factory-muted:#897e93;--factory-line:#eae5f0}
.studio-white .factory-sections :is(section,.factory-overview,.factory-production,.factory-order,.factory-enquiry,.factory-faq,.factory-cta,.factory-checklist,.factory-help-grid,.factory-faq-item,.factory-order-step,.factory-production-step,.factory-contact-details,.factory-cta-copy){background:#fff;color:#302936;border-color:#eae5f0}
.studio-white .factory-sections :is(h2,h3){font-family:inherit;color:#43334f}
.studio-white .factory-sections :is(p,li,.factory-intro){color:#887b93}
.studio-white .factory-sections :is(.factory-button-primary,.factory-button){background:#7653a4;color:#fff;border-color:#7653a4}
.studio-white .studio-intro-centered{grid-template-columns:1fr;gap:28px;padding-block:40px}
.studio-white .studio-intro-centered .hero-copy{text-align:center;max-width:760px;margin-inline:auto}
.studio-white .studio-intro-centered .hero h1,.studio-white .studio-intro-centered h1{font-size:46px;line-height:1.35;margin:12px 0 16px}
.studio-white .studio-intro-centered h1 br{display:none}
.studio-white .studio-intro-centered .hero-description{max-width:650px;margin-inline:auto}
.studio-white .studio-intro-centered .hero-actions,.studio-white .studio-intro-centered .hero-note{justify-content:center}
.studio-white .studio-intro-centered .studio-showcase{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.studio-white .studio-intro-centered .studio-shot,.studio-white .studio-intro-centered .studio-shot:first-child{grid-row:auto;height:260px}
.studio-white .studio-intro-centered .hero-visual{width:100%}
.studio-white .hero-bottom-line{display:none}
.studio-white .hero-grid{background:#fff}
.studio-white :is(button,a,input,select):focus-visible{outline:2px solid #9b7bb7;outline-offset:4px}
.studio-white :is(.pack-main-stage,.visual-stage){border-color:#eee8f3}
.studio-white .hero-art:empty{display:none}
.studio-white :is(.product-spec-section,.gallery-stage,.price-panel,.packing-section,.packing-card,.packing-large-image,.product-story,.product-bottom,.mobile-product-bar,.pack-story,.specifications-section){background:#fff;color:#302937;border-color:#eae5f0}
.studio-white :is(.product-bottom,.product-story,.product-spec-section) :is(h2,h3,p,.section-kicker){color:#65556f}
.studio-white .product-bottom .button{background:#7653a4;color:#fff}
html[dir="rtl"] .studio-white .studio-intro{text-align:right}
html[dir="rtl"] .studio-white .studio-intro-centered .hero-copy{text-align:center}
html[dir="rtl"] .studio-white :is(h1,h2,h3){letter-spacing:0;line-height:1.5}
@media(min-width:1000px){.studio-white .filter-fields{grid-template-columns:1.4fr 1fr 1fr 1fr}.studio-white .site-header{position:relative}}
@media(max-width:1000px){
.studio-white :is(.shell,.container,.factory-wrap){width:calc(100% - 48px)}
.studio-white .header-inner{gap:16px}
.studio-white :is(.main-nav,.site-nav,.header-nav){gap:16px}
.studio-white .studio-intro{gap:30px}
.studio-shot{height:144px}.studio-shot:first-child{height:302px}
.studio-white .product-grid{gap:22px 17px}
.studio-white .studio-intro-centered .studio-shot{height:220px}
.studio-white :is(.brand-type strong,.brand-text strong){font-size:17px}
}
@media(max-width:760px){
html{scroll-padding-top:24px}
.studio-white :is(.shell,.container,.factory-wrap){width:calc(100% - 36px)}
.studio-white .announcement{font-size:9px;letter-spacing:.03em}
.studio-white .header-inner{min-height:70px;padding-block:14px;gap:12px;flex-wrap:wrap}
.studio-white .brand{margin-inline-end:auto}
.studio-white :is(.main-nav,.site-nav,.header-nav){display:none}
.studio-white .header-contact{display:none}
.studio-white .header-action{display:none}
.studio-white .header-actions{gap:8px;margin:0}
.studio-white .language-button{font-size:11px;width:auto;padding:7px}
.studio-white .selection-button{padding:8px 10px;font-size:10px}
.studio-white .language-switch{margin:0;gap:2px}
.studio-collections{justify-content:flex-start;padding:9px 18px;gap:5px}
.studio-collections a{font-size:11px;padding:8px 13px}
.studio-white .studio-intro{display:grid;grid-template-columns:1fr;gap:25px;padding-block:30px}
.studio-white .hero h1,.studio-white .studio-intro h1,.studio-white .studio-intro-centered h1{font-size:34px;line-height:1.35;margin:12px 0 15px}
.studio-white :is(.hero-description,.hero-copy>p:not(.eyebrow)){font-size:12px;line-height:1.85;max-width:none}
.studio-white .hero-actions{gap:20px;margin-top:20px;flex-direction:row;align-items:center}
.studio-white .hero-actions .button{padding:12px 16px;gap:18px}
.studio-white :is(.hero-note,.hero-foot,.hero-meta){margin-top:18px;font-size:10px}
.studio-showcase{gap:10px;grid-template-columns:1.5fr 1fr}
.studio-shot{height:110px;border-radius:8px}.studio-shot:first-child{height:230px}
.studio-white .studio-intro-centered .hero-copy{text-align:start}
.studio-white .studio-intro-centered .hero-actions,.studio-white .studio-intro-centered .hero-note{justify-content:flex-start}
.studio-white .studio-intro-centered h1 br{display:block}
.studio-white .studio-intro-centered .studio-showcase{grid-template-columns:1.5fr 1fr;gap:10px}
.studio-white .studio-intro-centered .studio-shot{height:110px}
.studio-white .studio-intro-centered .studio-shot:first-child{height:230px;grid-row:span 2}
.studio-white .spec-inner,.studio-white .value-inner{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.studio-white :is(.value-inner>div,.spec-item){min-height:55px;gap:9px;font-size:10px;border:0}
.studio-white .value-num{font-size:24px}
.studio-white .catalog-section{padding-block:35px 45px}
.studio-white :is(.section-heading,.section-head){display:block;margin-bottom:20px}
.studio-white :is(.section-heading h2,.section-head h2){font-size:27px}
.studio-white :is(.section-index,.collection-number){display:none}
.studio-white .filter-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.studio-white .filter-panel{padding-block:18px}
.studio-white .catalog-toolbar{display:flex;flex-direction:column;align-items:stretch}
.studio-white .filter-list{flex-wrap:nowrap;overflow:auto;padding-bottom:5px}
.studio-white .filter-chip{flex:none}
.studio-white .search-field{width:100%;max-width:none}
.studio-white .toolbar{flex-wrap:wrap}
.studio-white .toolbar .search-field{flex-basis:100%}
.studio-white .toolbar .filter-select{flex:1;min-width:0}
.studio-white .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 12px}
.studio-white .product-card{border-radius:8px}
.studio-white :is(.card-media,.card-image,.product-photo,.unified-category .card-media){aspect-ratio:1}
.studio-white .card-body{padding:13px 11px}
.studio-white :is(.card-body h3,.card-title h3,.product-name){font-size:13px;line-height:1.55}
.studio-white .card-description{font-size:10px;line-height:1.65}
.studio-white :is(.card-meta,.card-kicker){font-size:9px}
.studio-white .card-price strong{font-size:19px}
.studio-white :is(.card-tag,.card-category){top:9px;left:9px;font-size:8px;padding:4px 6px}
.studio-white .card-bottom{gap:6px;flex-wrap:wrap}
.studio-white .card-view{font-size:10px}
.studio-white .guide-inner,.studio-white .guide-grid{display:grid;grid-template-columns:1fr;gap:25px}
.studio-white .guide-section{padding-block:35px}
.studio-white .guide-grid .guide-step{padding:18px 0}
.studio-white .contact-card{padding:25px 0;display:flex;flex-direction:column;align-items:stretch;gap:20px}
.studio-white .contact-card h2{font-size:28px}
.studio-white .site-footer{flex-wrap:wrap;gap:18px;font-size:10px}
.studio-white .site-footer>div{flex-wrap:wrap;gap:12px}
.studio-white .product-page .container,.studio-white.product-page .container{width:calc(100% - 36px)}
.studio-white .visual-toolbar{gap:12px}
html[dir="rtl"] .studio-white .studio-intro-centered .hero-copy{text-align:right}
}
@media(prefers-reduced-motion:reduce){.studio-white *{scroll-behavior:auto!important;transition:none!important}}