@charset "UTF-8";
:root{--paper:#f8f6f2;--white:#fffefa;--ink:#302923;--brown:#4f3930;--accent:#98685a;--muted:#827971;--line:#e7e1d9;--soft:#efebe4;--green:#47634f;--red:#a74439;--radius:3px;--font:"Segoe UI",Tahoma,Arial,sans-serif}
*{box-sizing:border-box}body{margin:0;background:#eae6df;color:var(--ink);font-family:var(--font);font-size:14px}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button{border:0;background:none}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}input:focus,select:focus,textarea:focus{outline:1px solid var(--accent);border-color:var(--accent)}button:disabled{opacity:.4;cursor:not-allowed}button:active:not(:disabled){transform:scale(.98)}svg{display:block;width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}h1,h2,h3,p{margin:0}small{font-size:11px}.muted{color:var(--muted)}.accent{color:var(--accent)}.ltr{direction:ltr;unicode-bidi:isolate}.green{color:var(--green)}
.studio-nav{position:fixed;left:0;top:0;bottom:0;width:260px;padding:28px 26px;background:#f7f5f0;border-right:1px solid #dcd6cb;overflow:auto}.studio-brand{display:flex;align-items:center;gap:9px;font-family:Georgia,serif;letter-spacing:1.4px;font-size:14px}.studio-brand small{display:block;margin-top:8px;font:8px var(--font);letter-spacing:1.6px;color:var(--muted)}.brandmark{display:inline-block;width:55px;height:48px;background:url('assets/logo.jpg') center 32%/190px 147px no-repeat;mix-blend-mode:multiply;filter:grayscale(1) contrast(2.2) brightness(1.04);flex-shrink:0}.studio-heading{margin-top:40px;border-top:1px solid var(--line);padding-top:22px;font-weight:600;font-size:13px;display:flex;justify-content:space-between}.studio-heading span{font-size:9px;color:var(--muted);letter-spacing:1px;font-weight:400}.studio-intro{color:var(--muted);line-height:1.9;font-size:11px;margin:15px 0 24px}.nav-group{font-size:9px;letter-spacing:1.4px;color:#92877d;margin:20px 0 9px}.studio-page{display:flex;align-items:center;width:100%;padding:10px 11px;gap:12px;text-align:left;font-size:11px;border-radius:2px;color:#73685e}.studio-page span{color:#ac9e90;font:10px Georgia,serif;min-width:18px}.studio-page.active{color:var(--brown);background:#eae3d9;font-weight:600}.studio-page:hover{background:#eee9e1}.studio-footer{margin-top:30px;padding-top:16px;border-top:1px solid var(--line);font-size:9px;color:var(--muted);display:flex;gap:7px;align-items:center}.studio-footer>span:last-child{margin-left:auto}.status-dot{width:5px;height:5px;background:var(--green);border-radius:50%}.stage{min-height:100vh;margin-left:260px;margin-right:320px;display:flex;flex-direction:column;align-items:center;padding:22px 20px 18px}.stage-heading{width:420px;display:flex;align-items:center;justify-content:space-between;font-size:8px;letter-spacing:1.7px;color:#766c62;margin-bottom:16px}.stage-heading button{font-size:10px;letter-spacing:0}.phone{width:420px;height:min(870px,calc(100vh - 94px));min-height:640px;background:var(--paper);border:7px solid #3d3732;border-radius:45px;box-shadow:0 20px 55px #4a3b2920,0 0 0 1px #c3baaf;position:relative;display:flex;flex-direction:column;overflow:hidden}.statusbar{height:40px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 22px;direction:ltr;position:relative;font-size:12px;font-weight:600}.island{position:absolute;left:50%;transform:translateX(-50%);top:7px;width:100px;height:24px;background:#302b27;border-radius:20px}.statusbar>span:last-child{font-size:11px}.app-scroll{flex:1;overflow:auto;overscroll-behavior:contain;scrollbar-width:none}.app-scroll::-webkit-scrollbar{display:none}.stage-caption{width:420px;display:flex;justify-content:space-between;margin-top:15px;color:#8b8176;font-size:9px}.stage-caption>span:first-child{letter-spacing:1px}.studio-notes{position:fixed;right:0;top:0;width:320px;height:100vh;padding:64px 38px 25px;overflow:auto}.edition{font:12px Georgia,serif;letter-spacing:3px;color:var(--accent);margin-bottom:24px}.studio-notes h1{font:38px/1.2 Georgia,serif;letter-spacing:-1.2px;color:var(--brown)}.notes-lead{font-size:13px;color:#75695e;line-height:1.9;margin-top:20px}.note-rule{height:1px;background:#d8cec1;margin:30px 0 23px}.eyebrow{font-size:8px;letter-spacing:1.5px;color:var(--accent)}.studio-notes>p:not(.notes-lead){font-size:11px;line-height:1.9;margin-top:12px;color:#827469}.swatch-row{display:flex;gap:9px;margin-top:16px}.swatch-row i{display:block;width:27px;height:27px;border:1px solid #d4c8ba;border-radius:50%}.flow-link{width:100%;padding:18px 0;display:flex;text-align:left;align-items:center;gap:13px;border-bottom:1px solid #dbd2c6;font-size:13px}.flow-link b{font:11px Georgia;color:var(--accent);font-weight:400}.flow-link span{flex:1;font-size:11px}.flow-link small{display:block;font-size:9px;margin-top:5px;color:#93877c}.demo-note{margin-top:32px;font-size:9px;line-height:1.9;color:#928579}
.announcement{text-align:center;font-size:10px;color:#7c6659;background:#ede7df;padding:8px 10px;border-bottom:3px double #a27a67}.home-header{padding:10px 18px 12px}.brand-row{display:flex;direction:ltr;align-items:center;justify-content:space-between;gap:8px;height:55px}.logo-block{display:flex;flex-direction:column;align-items:center}.logo-block .brandmark{width:66px;height:43px;background-size:160px 124px;background-position:center 34%}.logo-block small{font:7px Georgia;letter-spacing:2.3px;color:var(--brown);margin-top:1px}.icon-btn{display:inline-flex;position:relative;align-items:center;justify-content:center;width:42px;height:42px;flex-shrink:0}.icon-btn svg{width:22px;height:22px}.dot{width:5px;height:5px;background:var(--accent);border-radius:50%;position:absolute;top:9px;right:9px}.delivery{display:flex;align-items:center;justify-content:center;gap:6px;font-size:10px;margin-top:13px;color:#776b61}.delivery svg{width:13px;height:13px}.search-row{display:flex;gap:8px;margin-top:14px}.search-trigger{background:#fffefa;border:1px solid var(--line);height:42px;display:flex;align-items:center;gap:9px;padding:0 12px;flex:1;font-size:11px;color:#8b8176;text-align:right}.search-trigger svg{width:18px}.camera-trigger{display:flex;align-items:center;justify-content:center;gap:6px;min-width:81px;background:var(--brown);color:var(--paper);font-size:11px;padding:0 9px}.camera-trigger svg{width:19px}.home-tabs{display:flex;padding:0 18px;border-bottom:1px solid var(--line);justify-content:space-between;gap:5px}.home-tabs button{padding:12px 7px 13px;font-size:12px;position:relative;color:#81766d}.home-tabs button.selected{color:var(--brown);font-weight:600}.home-tabs button.selected:after{position:absolute;height:2px;bottom:0;left:4px;right:4px;content:"";background:var(--accent)}.editorial{height:145px;background:#e9e0d5;position:relative;overflow:hidden;margin:16px 18px 22px;display:flex;align-items:center}.editorial-copy{position:relative;z-index:1;width:60%;padding:16px 17px}.editorial-copy small{font-size:8px;letter-spacing:2.3px;color:#8d6c5d}.editorial-copy h1{font:27px/1.4 Georgia,"Times New Roman",serif;color:var(--brown);margin:4px 0}.text-link{display:inline-flex;gap:7px;align-items:center;font-size:10px;border-bottom:1px solid #9c7a66;padding-bottom:3px}.text-link svg{width:13px;height:13px}.editorial-photo{position:absolute;left:0;bottom:0;width:145px;height:145px;background-size:300% 200%;mix-blend-mode:multiply}.product-photo{background-image:url('assets/products-sheet.png');background-size:300% 200%;background-repeat:no-repeat;background-color:#f0ece5;position:relative}.img-0{background-position:0 0}.img-1{background-position:50% 0}.img-2{background-position:100% 0}.img-3{background-position:0 100%}.img-4{background-position:50% 100%}.img-5{background-position:100% 100%}.section-head{display:flex;justify-content:space-between;align-items:center;margin:0 18px 14px;gap:10px}.section-head h2{font-size:17px;font-weight:500}.section-head button{font-size:10px;color:var(--accent);display:flex;align-items:center;gap:5px}.section-head button svg{width:14px;height:14px}.product-grid{display:grid;grid-template-columns:1fr 1fr;gap:23px 10px;padding:0 14px 24px}.product-card{min-width:0;position:relative}.card-main{display:block;width:100%;padding:0;text-align:center}.card-image{width:100%;aspect-ratio:1/1.13}.card-image .product-photo{width:100%;height:100%;aspect-ratio:1}.card-image{overflow:hidden;background:#f0ece5}.favorite-btn{position:absolute;left:6px;top:6px;width:36px;height:36px;display:grid;place-items:center;background:#f8f6f2dd;border-radius:50%}.favorite-btn svg{width:18px;height:18px}.favorite-btn.saved{color:var(--accent)}.favorite-btn.saved svg{fill:#98685a22}.badge{position:absolute;right:8px;top:11px;font-size:8px;color:#7a5a48;letter-spacing:.3px;background:#fffefac9;padding:3px 5px}.product-card h3{font-size:12px;font-weight:500;margin:12px 3px 5px;line-height:1.5}.product-card .material{font-size:10px;color:var(--accent);margin-bottom:7px}.price{font-size:12px;font-weight:500;color:var(--brown);white-space:nowrap}.old-price{text-decoration:line-through;color:#9b9086;font-size:9px;margin-right:6px}.card-swatches{display:flex;gap:5px;justify-content:center;margin-top:8px}.card-swatches i{width:8px;height:8px;border-radius:50%;border:1px solid #b7ab9c}.benefits{display:flex;justify-content:space-around;margin:4px 18px 22px;border-block:1px solid var(--line);padding:18px 0}.benefits>div{display:flex;flex-direction:column;gap:7px;align-items:center;color:#817266;font-size:9px}.benefits svg{width:20px;height:20px}.journal{margin:0 18px 24px;padding:22px;background:#eae2d8;text-align:center}.journal h3{font:25px Georgia,"Times New Roman",serif;margin:8px 0 14px}.journal small{font-size:8px;letter-spacing:2px}.app-footer{text-align:center;font:9px Georgia;color:#988778;letter-spacing:2px;margin:24px 0}.bottom-nav{display:flex;flex-shrink:0;justify-content:space-around;padding:9px 7px 16px;border-top:1px solid var(--line);background:#fffefa;z-index:10}.bottom-nav button{display:flex;flex-direction:column;align-items:center;gap:5px;position:relative;min-width:54px;color:#9a8b7e;font-size:9px;padding:0 4px}.bottom-nav svg{width:21px;height:21px}.bottom-nav button.active{color:var(--brown);font-weight:600}.nav-badge{position:absolute;top:-4px;right:9px;min-width:14px;height:14px;border-radius:50%;background:var(--accent);color:white;font-size:8px;display:grid;place-items:center}.home-indicator{position:absolute;bottom:4px;left:50%;transform:translateX(-50%);height:4px;width:108px;border-radius:5px;background:#302b27;z-index:11}
.page-top{display:flex;align-items:center;gap:8px;padding:6px 12px 12px;border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--paper);z-index:6}.page-top h1{font-size:17px;font-weight:500;flex:1;text-align:center}.page-top>.spacer{width:42px}.page-top .icon-btn svg{width:21px}.page-content{padding:20px 20px 28px}.page-intro{font-size:12px;color:var(--muted);line-height:1.9;margin-bottom:20px}.overline{font-size:9px;letter-spacing:1.6px;color:var(--accent)}.page-subtitle{font:27px/1.6 Georgia,"Times New Roman",serif;margin:6px 0 15px}.primary,.secondary,.danger-btn{min-height:46px;display:flex;align-items:center;justify-content:center;gap:9px;width:100%;font-size:12px;padding:10px 16px}.primary{background:var(--brown);color:var(--paper);border:1px solid var(--brown)}.primary svg,.secondary svg{width:18px}.secondary{border:1px solid #d4c7b9;color:var(--brown);background:transparent}.danger-btn{border:1px solid #d9c4bb;color:var(--red)}.button-stack{display:grid;gap:11px;margin-top:22px}.inline-row{display:flex;justify-content:space-between;align-items:center;gap:12px}.divider{height:1px;background:var(--line);margin:20px 0}.empty{padding:65px 28px;text-align:center}.empty-icon{width:66px;height:66px;background:var(--soft);border-radius:50%;display:grid;place-items:center;margin:0 auto 22px;color:var(--accent)}.empty-icon svg{width:30px;height:30px}.empty h2{font-size:19px;font-weight:500;margin-bottom:12px}.empty p{font-size:12px;line-height:1.9;color:var(--muted);margin-bottom:24px}.empty .primary{max-width:240px;margin:auto}.pill-row{display:flex;gap:8px;flex-wrap:wrap}.pill{padding:9px 16px;border:1px solid var(--line);font-size:11px;min-height:38px}.pill.active{border-color:var(--brown);background:#ede5da;color:var(--brown)}.input-wrap{display:flex;align-items:center;border:1px solid var(--line);background:var(--white);padding:0 12px;gap:8px}.input-wrap input{border:0;background:transparent;height:43px;outline:none;width:100%;min-width:0;font-size:12px}.input-wrap svg{width:18px;color:#97897e}.field{display:block;margin-bottom:16px;font-size:11px}.field>span{display:block;margin-bottom:8px}.field input,.field select,.field textarea{width:100%;border:1px solid #dcd4ca;background:var(--white);border-radius:0;padding:12px;color:var(--ink);min-height:45px;font-size:12px}.field textarea{resize:vertical;min-height:80px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field-note{font-size:10px;color:var(--muted);line-height:1.8}.form-error{font-size:11px;line-height:1.8;color:var(--red);background:#f4e8e2;padding:10px 12px;display:none;margin-bottom:16px}.form-error.visible{display:block}.text-btn{font-size:11px;text-decoration:underline;text-underline-offset:4px;color:var(--accent);padding:10px 0}.info-box{display:flex;gap:10px;padding:14px;background:var(--soft);color:#796658;font-size:10px;line-height:1.8}.info-box svg{width:18px;margin-top:1px}.category-list{display:grid;grid-template-columns:1fr 1fr;gap:14px}.category-tile{padding:0;text-align:center}.category-tile>.product-photo{aspect-ratio:1;background-color:#f0ece5}.category-tile>span{display:block;font-size:12px;margin-top:11px}.filter-toolbar{padding:14px 18px;display:flex;justify-content:space-between;align-items:center;gap:10px}.filter-toolbar small{color:var(--muted);font-size:10px}.filter-toolbar button{display:flex;gap:7px;align-items:center;font-size:11px}.filter-toolbar svg{width:17px;height:17px}.applied-filter{margin:0 18px 15px;padding:8px 11px;font-size:10px;border:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.recent-item{display:flex;align-items:center;gap:12px;padding:16px 0;border-bottom:1px solid var(--line);width:100%;text-align:right;font-size:12px}.recent-item svg{width:17px;color:var(--muted)}.recent-item svg:last-child{margin-right:auto}
.camera-frame{aspect-ratio:1.16;position:relative;background:#eae3d8;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:20px 0;color:#987963;overflow:hidden}.camera-frame>svg{width:52px;height:52px;stroke-width:1}.camera-frame>p{font-size:11px;margin-top:17px;color:#876c57}.camera-frame:before,.camera-frame:after{content:"";position:absolute;width:45px;height:45px;border-color:#aa8f79;border-style:solid}.camera-frame:before{top:20px;right:20px;border-width:1px 1px 0 0}.camera-frame:after{bottom:20px;left:20px;border-width:0 0 1px 1px}.camera-preview{width:100%;height:100%;object-fit:contain}.camera-sample{width:100%;height:100%;background-size:300% 200%}.scan-line{position:absolute;height:1px;background:#98685a;left:20px;right:20px;box-shadow:0 0 16px 2px #98685a44;animation:scan 1.6s ease-in-out infinite}.scanning-label{position:absolute;bottom:25px;background:#fffcf5df;padding:9px 14px;font-size:11px}.sample-picks{display:flex;gap:10px;margin:15px 0}.sample-pick{width:70px;height:70px;border:1px solid var(--line);padding:0}.sample-pick .product-photo{width:100%;height:100%}.photo-results-head{display:flex;align-items:center;gap:12px;padding:16px 18px;border-bottom:1px solid var(--line)}.photo-results-head .product-photo,.photo-results-head img{width:62px;height:62px;object-fit:cover}.photo-results-head p{font-size:12px;margin-bottom:5px}.photo-results-head small{color:var(--muted);font-size:10px}.photo-results-head button{margin-right:auto}.product-hero{aspect-ratio:1;position:relative}.product-hero .product-photo{width:100%;height:100%}.product-hero .favorite-btn{top:13px;left:14px}.gallery-counter{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);display:flex;gap:7px}.gallery-counter button{width:25px;height:3px;background:#c8b9a7;padding:0}.gallery-counter button.active{background:var(--brown)}.product-detail{padding:22px 20px}.product-detail h1{font-size:21px;font-weight:400;line-height:1.6;margin:5px 0 8px}.product-detail .price{font-size:19px}.product-detail .old-price{font-size:12px}.rating{display:flex;align-items:center;gap:6px;font-size:10px;color:#877260}.rating svg{fill:#ac8d63;stroke:none;width:12px;height:12px}.option-label{font-size:11px;display:flex;justify-content:space-between;align-items:center;margin:22px 0 11px}.color-option{display:flex;align-items:center;gap:7px;font-size:10px;padding:9px 10px;border:1px solid var(--line)}.color-option i{width:14px;height:14px;border-radius:50%;border:1px solid #beafa1}.color-option.active{border-color:var(--brown)}.size-option{min-width:43px;height:40px;border:1px solid var(--line);font-size:11px}.size-option.active{border-color:var(--brown);background:var(--brown);color:var(--paper)}.size-option:disabled{text-decoration:line-through;background:repeating-linear-gradient(45deg,transparent,transparent 3px,#e6e0d7 4px)}.stock-note{font-size:10px;color:var(--green);margin:14px 0}.stock-note:before{content:"";display:inline-block;width:5px;height:5px;background:var(--green);border-radius:50%;margin-left:5px}.product-actions{position:sticky;bottom:0;padding:12px 18px;background:var(--paper);border-top:1px solid var(--line);z-index:5;display:flex;gap:10px}.product-actions .primary{flex:1}.product-actions .secondary{width:98px}.accordion{width:100%;text-align:right;border-top:1px solid var(--line);padding:17px 0;display:flex;justify-content:space-between;align-items:center;font-size:12px}.accordion svg{width:15px;height:15px}.accordion-body{font-size:11px;line-height:2;color:var(--muted);padding:0 0 18px}.mini-table{width:100%;border-collapse:collapse;font-size:11px;text-align:center}.mini-table td,.mini-table th{padding:12px 8px;border-bottom:1px solid var(--line);font-weight:400}.mini-table th{background:var(--soft)}
.cart-line{display:flex;gap:14px;padding:18px 0;border-bottom:1px solid var(--line)}.cart-line>.product-photo{width:94px;height:111px;flex-shrink:0}.cart-line-info{flex:1;min-width:0}.cart-line-info h3{font-size:12px;font-weight:500;margin:4px 0 6px}.cart-line-info p{font-size:10px;color:var(--muted);margin-bottom:10px}.quantity{display:flex;align-items:center;border:1px solid #dbd1c4;direction:ltr;height:30px}.quantity button{width:30px;height:28px;font-size:16px}.quantity span{width:27px;text-align:center;font-size:11px}.cart-line .icon-btn{width:30px;height:30px;color:var(--muted)}.cart-line .icon-btn svg{width:15px}.summary{padding:19px;background:#efe9e0;margin-top:20px}.summary-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px;font-size:11px;gap:10px}.summary-row:last-child{margin-bottom:0}.summary-row.total{padding-top:15px;border-top:1px solid #d9cdbc;font-size:15px}.summary-row.total b{font-weight:500}.checkout-bar{position:sticky;bottom:0;background:var(--paper);border-top:1px solid var(--line);padding:14px 18px;z-index:5}.coupon-inline{display:flex;margin-top:18px;gap:9px}.coupon-inline input{min-width:0;width:100%;border:1px solid var(--line);background:var(--white);padding:11px;font-size:11px;direction:ltr}.coupon-inline button{background:#e8dfd2;padding:10px 17px;font-size:11px;white-space:nowrap}.free-shipping{margin:14px 0;font-size:10px;color:var(--muted)}.progress{height:3px;background:#e4d9cb;margin-top:10px}.progress>span{height:100%;display:block;background:var(--accent)}.steps{display:flex;justify-content:center;gap:22px;font-size:10px;color:#a5988a;padding:20px 0 24px}.steps span{display:flex;gap:5px;align-items:center}.steps i{display:grid;place-items:center;width:18px;height:18px;border:1px solid #c6b8a5;border-radius:50%;font-style:normal;font-size:9px}.steps .current{color:var(--brown)}.steps .current i{background:var(--brown);border-color:var(--brown);color:var(--paper)}.address-card{padding:16px;border:1px solid #d6c6b4;background:#f2ede5;margin-bottom:15px}.address-card p{font-size:11px;color:var(--muted);line-height:1.9;margin-top:8px}.address-card b{font-size:12px;font-weight:500}.payment-option{border:1px solid var(--line);padding:16px;margin-bottom:12px;display:flex;align-items:center;gap:12px;width:100%;text-align:right;font-size:12px}.payment-option.active{border-color:var(--brown);background:#eee6db}.payment-option>span{flex:1}.payment-option small{display:block;margin-top:6px;font-size:10px;color:var(--muted)}.radio{width:16px;height:16px;border:1px solid #bcad9c;border-radius:50%;display:grid;place-items:center}.active .radio:after{content:"";width:8px;height:8px;background:var(--brown);border-radius:50%}.success-mark{display:grid;place-items:center;border:1px solid #b5bfaf;border-radius:50%;width:75px;height:75px;margin:20px auto;color:var(--green);background:#e8ede3}.success-mark svg{width:34px;height:34px;stroke-width:1.3}.success-content{text-align:center}.success-content h1{font:29px/1.6 Georgia,"Times New Roman",serif}.success-content p{font-size:12px;line-height:1.9;color:var(--muted);margin:12px 0}.order-id{border:1px dashed #c6b5a0;padding:13px;text-align:center;font-size:11px;letter-spacing:1px}.order-card{border:1px solid var(--line);padding:16px;margin-bottom:15px}.order-card .inline-row{font-size:12px}.order-card p{font-size:10px;color:var(--muted);line-height:1.8;margin-top:8px}.order-status{font-size:9px;padding:5px 8px;color:var(--green);background:#e5eadd}.order-status.cancelled{color:var(--red);background:#f2e0d8}.order-thumbs{display:flex;gap:7px;margin:14px 0}.order-thumbs .product-photo{width:53px;height:53px}.timeline{position:relative;margin:25px 5px}.timeline-step{position:relative;padding:0 32px 30px 0;min-height:65px}.timeline-step:not(:last-child):before{content:"";position:absolute;right:7px;top:18px;bottom:-1px;width:1px;background:#d7cbbb}.timeline-step .timeline-dot{position:absolute;right:0;top:1px;border:1px solid #cabca9;background:var(--paper);width:15px;height:15px;border-radius:50%}.timeline-step.done .timeline-dot{background:var(--brown);border-color:var(--brown)}.timeline-step.current .timeline-dot{box-shadow:0 0 0 5px #e7dbce;background:var(--accent);border-color:var(--accent)}.timeline-step h3{font-size:12px;font-weight:500}.timeline-step p{font-size:10px;color:var(--muted);line-height:1.8;margin-top:6px}.account-hero{padding:24px 20px;background:#eae1d5;display:flex;align-items:center;gap:15px}.avatar{width:53px;height:53px;border:1px solid #bda88e;border-radius:50%;display:grid;place-items:center;font:24px Georgia;color:var(--brown)}.account-hero h2{font-size:19px;font-weight:400}.account-hero p{font-size:10px;color:var(--muted);margin-top:6px}.account-hero button{margin-right:auto}.menu-item{display:flex;align-items:center;gap:13px;width:100%;text-align:right;padding:17px 0;border-bottom:1px solid var(--line);font-size:12px}.menu-item>svg:first-child{width:19px;color:#96755e}.menu-item>svg:last-child{width:16px;margin-right:auto;color:#b2a18e}.menu-item small{margin-right:auto;color:var(--muted)}.notification{display:flex;gap:13px;padding:18px 0;border-bottom:1px solid var(--line)}.notification>.empty-icon{margin:0;width:38px;height:38px;flex-shrink:0}.notification .empty-icon svg{width:18px;height:18px}.notification h3{font-size:12px;font-weight:500}.notification p{font-size:11px;color:var(--muted);line-height:1.9;margin-top:6px}.notification small{font-size:9px;color:#b0a08e;display:block;margin-top:7px}.coupon-card{border:1px solid #d9c8b3;display:flex;margin-bottom:15px}.coupon-value{padding:18px 14px;display:flex;align-items:center;justify-content:center;border-left:1px dashed #c9b395;min-width:90px;color:var(--accent);font:27px Georgia}.coupon-body{padding:15px;flex:1}.coupon-body b{font-size:11px;font-weight:500}.coupon-body p{font-size:10px;line-height:1.9;color:var(--muted);margin:7px 0}.coupon-body button{font-size:10px;color:var(--accent);border-bottom:1px solid var(--accent);padding:2px 0}.chat-thread{padding:20px;display:flex;flex-direction:column;gap:13px;min-height:330px}.chat-bubble{max-width:86%;align-self:flex-start;padding:13px 15px;background:#e9e0d4;font-size:11px;line-height:1.9}.chat-bubble.mine{align-self:flex-end;background:var(--brown);color:var(--paper)}.chat-compose{position:sticky;bottom:0;padding:12px 16px;background:var(--paper);border-top:1px solid var(--line);display:flex;gap:8px}.chat-compose input{flex:1;width:100%;min-width:0;border:1px solid var(--line);background:var(--white);padding:11px;font-size:11px}.chat-compose button{background:var(--brown);color:white;display:grid;place-items:center;width:43px}.chat-compose svg{width:18px}.toggle{width:36px;height:21px;background:#cbbfb0;border-radius:20px;position:relative}.toggle:after{content:"";position:absolute;left:3px;top:3px;background:white;width:15px;height:15px;border-radius:50%;transition:transform .2s}.toggle.on{background:var(--brown)}.toggle.on:after{transform:translateX(15px)}
#overlay-root:empty{display:none}.overlay{position:absolute;inset:40px 0 0;background:#30261e66;z-index:30;display:flex;align-items:flex-end}.sheet{width:100%;max-height:90%;overflow:auto;background:var(--paper);padding:23px 23px 26px;border-radius:14px 14px 0 0;box-shadow:0 -10px 30px #30201010;animation:slideUp .2s ease-out}.sheet-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.sheet-head h2{font-size:18px;font-weight:500}.sheet .icon-btn{width:30px;height:30px}.sheet .icon-btn svg{width:18px}.sheet-label{font-size:12px;margin:22px 0 12px}.sheet p{font-size:12px;line-height:1.9;color:var(--muted)}#toast{position:absolute;bottom:89px;left:18px;right:18px;z-index:50;background:#3a2d24f5;color:#faf6ef;padding:13px 17px;font-size:11px;line-height:1.7;opacity:0;transform:translateY(8px);pointer-events:none;transition:opacity .2s,transform .2s;text-align:center}#toast.visible{opacity:1;transform:translateY(0)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.file-label{cursor:pointer}.checkbox-row{display:flex;align-items:flex-start;gap:9px;font-size:10px;line-height:1.8;color:var(--muted);margin:17px 0}.checkbox-row input{accent-color:var(--brown);margin:3px 0 0}.demo-strip{font-size:9px;text-align:center;background:#eee7df;color:#91745e;padding:8px}.gallery-detail{width:100%;aspect-ratio:1;background-size:330% 220%}.photo-error{color:var(--red);font-size:11px;line-height:1.8;margin-bottom:15px}.skeleton{animation:pulse 1.2s infinite;background:#ece3d8}.new-label{background:#e9e1d7;border:1px solid #d5c7b6;color:var(--brown);font-size:9px;padding:4px 7px}.mini-product{display:flex;gap:12px;margin:12px 0}.mini-product .product-photo{width:58px;height:65px}.mini-product>div:last-child{flex:1;font-size:11px;line-height:1.8}.mini-product small{display:block;color:var(--muted);font-size:10px}.policy-section h2{font-size:15px;font-weight:500;margin:22px 0 10px}.policy-section p{font-size:11px;line-height:2;color:var(--muted)}.route-fade{animation:fadeIn .18s ease-out}@keyframes slideUp{from{transform:translateY(30px);opacity:.3}to{transform:none;opacity:1}}@keyframes fadeIn{from{opacity:.7}to{opacity:1}}@keyframes scan{0%,100%{top:20%}50%{top:80%}}@keyframes pulse{50%{opacity:.5}}
@media(min-width:1600px){.stage{padding-top:28px}.phone{height:min(920px,calc(100vh - 108px));width:440px}.stage-heading,.stage-caption{width:440px}.studio-nav{width:285px;padding:34px}.stage{margin-left:285px;margin-right:360px}.studio-notes{width:360px;padding:78px 45px}}
@media(max-width:1190px){.studio-notes{width:260px;padding:55px 25px}.studio-notes h1{font-size:31px}.studio-nav{width:220px;padding:25px 20px}.stage{margin-left:220px;margin-right:260px}.phone{width:390px}.stage-heading,.stage-caption{width:390px}.studio-intro{font-size:10px}}
@media(max-width:990px){.studio-notes{display:none}.stage{margin-right:0}.phone{width:420px}.stage-heading,.stage-caption{width:420px}}
@media(max-width:700px){body{background:var(--paper)}.studio-nav,.studio-notes,.stage-heading,.stage-caption{display:none}.stage{padding:0;margin:0;min-height:100dvh;display:block}.phone{width:100%;height:100dvh;min-height:0;border:0;border-radius:0;box-shadow:none}.statusbar{display:none}.overlay{inset:0}.home-indicator{display:none}.bottom-nav{padding-bottom:max(13px,env(safe-area-inset-bottom));padding-top:11px}.app-scroll{padding-top:env(safe-area-inset-top)}.home-header{padding-top:8px}.phone .card-image{aspect-ratio:1/1.15}.page-top{padding-top:10px}.home-tabs button{padding-top:14px;padding-bottom:15px}#toast{bottom:85px}.editorial{height:155px}.studio-page{font-size:11px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}


/* The generated top row ends slightly above the geometric midpoint. */
.img-0,.img-1,.img-2{background-size:300% 214%}.camera-sample.img-0,.camera-sample.img-1,.camera-sample.img-2,.editorial-photo{background-size:300% 214%}

/* Client-selected Monarca home, 2026-10-19. Photo crops remain original assets. */
.monarca-announcement{display:flex;align-items:center;justify-content:center;gap:8px;background:#716051;color:#fffaf2;border:0;font-size:11px;padding:11px 8px}.monarca-announcement svg{width:15px;height:15px}.monarca-header{padding:8px 13px 12px}.monarca-header .brand-row{height:53px}.monarca-wordmark{font:35px Georgia,'Times New Roman',serif;letter-spacing:-1px;display:flex;align-items:center;gap:0;color:#392b1f;line-height:1}.monarca-wing{width:29px;height:39px;background:url('assets/home-reference.png') 65.4% 6.03% / 426.5px 922px no-repeat;mix-blend-mode:multiply;filter:contrast(1.1)}.monarca-hero{height:203px;background:#d8c7b0 url('assets/monarca-hero.png') center/cover no-repeat;position:relative;display:flex;align-items:center;direction:ltr}.monarca-hero-copy{width:53%;position:relative;z-index:1;padding:14px 14px 14px 23px;text-align:left;direction:rtl}.monarca-hero-copy h1{font:33px/1.4 Georgia,'Times New Roman',serif;color:#402c1e;white-space:nowrap}.monarca-hero-copy p{font-size:12px;font-weight:500;margin:3px 0 16px;white-space:nowrap;letter-spacing:-.4px}.monarca-hero-copy button{background:#523821eF;color:#fffaf4;display:flex;direction:rtl;align-items:center;justify-content:space-around;width:121px;height:34px;font-size:12px;margin-right:auto}.monarca-hero-copy button svg{width:14px;height:14px}.round-categories{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:16px 18px 21px}.round-categories button{padding:0;display:flex;flex-direction:column;align-items:center;gap:6px}.round-categories .product-photo{border-radius:50%;width:100%;aspect-ratio:1;background-color:#ece6de}.round-categories b{font-size:11px;font-weight:400;color:#a19385}.round-categories .img-0{background-size:285% 950%;background-position:7.2% 79.7%}.round-categories .img-2{background-size:285% 950%;background-position:7.2% 56.5%}.home-products .section-head{margin:0 15px 13px}.home-products .section-head h2{font:24px/1.5 Georgia,'Times New Roman',serif;position:relative;padding-bottom:3px}.home-products .section-head h2:after{content:'';position:absolute;bottom:0;right:0;height:1px;width:90%;background:#d3c7ba}.home-products .section-head button{font-size:12px;color:var(--brown)}.home-products .product-grid{padding:0 15px 22px;gap:21px 10px}.home-products .card-image{aspect-ratio:1.53!important;border-radius:5px}.home-products .product-card h3{font-size:13px;font-weight:500;margin:8px 2px 4px}.home-products .price{font-size:13px;font-weight:500}.home-products .material,.home-products .card-swatches,.home-products .badge{display:none}.home-products .favorite-btn{background:none;left:3px;top:2px}.home-products .favorite-btn svg{width:19px;height:19px}.monarca-delivery{display:flex;gap:7px;align-items:center;justify-content:center;width:100%;font-size:10px;color:var(--muted);margin:2px 0 22px}.monarca-delivery svg{width:14px;height:14px}
.img-0,.img-1,.img-2,.img-4,.img-5,.img-6{background-image:url('assets/home-reference.png');background-repeat:no-repeat}.img-0{background-size:223.3% 743.5%;background-position:7.22% 81.83%}.img-2{background-size:223.3% 743.5%;background-position:7.22% 59.27%}.img-4{background-size:223.3% 743.5%;background-position:92.99% 59.27%}.img-5{background-size:223.3% 743.5%;background-position:92.99% 81.83%}.img-1{background-size:580.3% 1254.4%;background-position:35.55% 38.95%}.img-6{background-size:580.3% 1254.4%;background-position:6.8% 38.95%}.camera-sample.img-0,.camera-sample.img-2,.camera-sample.img-4,.camera-sample.img-5{background-size:223.3% 743.5%}.product-hero{background:#efebe4}.product-hero .img-0,.product-hero .img-2,.product-hero .img-4,.product-hero .img-5{height:65.3%;position:absolute;top:50%;transform:translateY(-50%)}.card-image{aspect-ratio:1.1!important}.card-image>.product-photo{height:100%}.cart-line>.product-photo{height:75px}.product-photo.img-3{background-size:300% 200%}
@media(max-width:700px){.phone .card-image{aspect-ratio:1.1}.monarca-hero{height:calc(100vw * .5)}.monarca-header{padding-top:9px;padding-bottom:14px}.monarca-wordmark{font-size:36px}.monarca-hero-copy{padding-left:25px}.monarca-hero-copy h1{font-size:34px}.monarca-hero-copy p{font-size:11px}.home-products .card-image{aspect-ratio:1.53!important}}
@media(max-width:360px){.monarca-hero-copy h1{font-size:29px}.monarca-hero-copy p{font-size:10px}.round-categories{gap:9px;padding-inline:15px}.home-products .product-card h3{font-size:12px}}
.home-products .favorite-btn,.product-card .favorite-btn{background:#ebe3d7;left:1px;top:1px;width:32px;height:32px;border-radius:50%}.home-products .favorite-btn svg{width:18px;height:18px}
/* Final client-approved wordmark: butterfly integrated with the initial M. */
.monarca-wordmark,.brandmark{display:block;position:relative;isolation:auto;width:190px;height:54px;flex-shrink:0;background:transparent url('assets/monarca-logo-ink-v442.svg') center / 190px 54px no-repeat;mix-blend-mode:normal;filter:none;font-size:0;letter-spacing:0}
/* Source-preserving SVG alpha: the header shows through directly, including inside the
   letters and butterfly. No screenshot backdrop, filter or blend layer. */
.monarca-wordmark::before,.brandmark::before{content:none}
.studio-brand .brandmark{background-color:transparent}
.monarca-wordmark .monarca-wing{display:none}.monarca-header .brand-row{height:57px}.studio-brand>span:last-child{display:none}.studio-brand .brandmark{width:190px;height:54px}.studio-brand{display:block}
@media(max-width:700px){.monarca-wordmark{font-size:0;width:190px;height:54px}.monarca-header{padding-top:6px;padding-bottom:9px}}
/* Preserve the exact client-provided banner composition and its typography. */
.monarca-hero{height:auto!important;aspect-ratio:853/427;background-image:url('assets/home-reference.png');background-size:100% 431.8501%;background-position:center 14.25547%;background-repeat:no-repeat;display:block}
.monarca-hero-copy{position:absolute;inset:0;width:100%;height:100%;padding:0!important;text-align:initial}
.monarca-hero-copy h1,.monarca-hero-copy p{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.monarca-hero-copy button{position:absolute;left:6.9%;top:45%;width:29%;height:24%;margin:0;min-height:40px;background:transparent!important;color:transparent!important;border:0;box-shadow:none}
.monarca-hero-copy button svg{visibility:hidden}
.route-fade{animation:none!important}

.visa-mark{display:inline-block;min-width:38px;font:bold italic 21px Georgia,serif;letter-spacing:-1px;color:#19366f;direction:ltr}.mastercard-mark{display:inline-flex;direction:ltr;align-items:center;width:39px;height:23px;flex-shrink:0}.mastercard-mark i{display:block;width:24px;height:24px;border-radius:50%;background:#c44b3f}.mastercard-mark i+i{background:#db9b48;margin-left:-9px;opacity:.9}.payment-option .visa-mark,.payment-option .mastercard-mark{flex:0 0 39px}.payment-option>span:not(.visa-mark):not(.mastercard-mark){flex:1}.summary .mastercard-mark{vertical-align:middle}.page-content>div[style*="var(--brown)"] .visa-mark{color:#fff6df}.info-box .visa-mark{font-size:16px;min-width:32px}