/* Portefeuille Boutique: responsive commerce and approachable administration. */
.preline{white-space:pre-line;overflow-wrap:anywhere}.field{display:flex;flex-direction:column;gap:8px;font:500 14px/1.5 var(--sans);margin:12px 0;min-width:0}.field input,.field select,.field textarea,.copy-link{font:400 16px/1.5 var(--sans);color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:8px;padding:12px 14px;width:100%;min-width:0;min-height:48px}.field textarea{min-height:110px;resize:vertical}.field input[type=color]{padding:4px;height:48px}.form-stack{display:flex;flex-direction:column;gap:10px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.checkline{display:flex;align-items:flex-start;gap:12px;font-size:14px;line-height:1.6;padding:9px 0}.checkline input{width:20px;height:20px;flex:0 0 20px;accent-color:var(--olive);margin-top:2px}.form-error{font-size:14px;color:#9a362d;line-height:1.6}.form-error:empty{display:none}.summary-lines{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:15px 0;margin:24px 0}.summary-lines p{display:flex;justify-content:space-between;gap:20px;margin:12px 0}.badge{display:inline-flex;padding:5px 10px;border-radius:20px;font:600 11px/1.4 var(--sans);background:#efeee6;color:#555b4f}.badge.ok{background:#e3ecdf;color:#3c5635}.badges{display:flex;gap:6px;flex-wrap:wrap}.btn{min-height:46px}.btn:disabled{opacity:.48;cursor:not-allowed}input:focus,textarea:focus,select:focus,button:focus-visible,a:focus-visible{outline:2px solid #788369;outline-offset:3px}.field-label{display:block;font-weight:600;font-size:14px;margin-bottom:12px}details>summary{padding:18px 0;cursor:pointer;font-weight:600;line-height:1.5}details>p{line-height:1.75}.brand-logo{width:180px;max-height:75px;object-fit:contain}.header .nav{gap:25px;flex-wrap:wrap;padding:12px 20px}.header .logo small{letter-spacing:.32em}.hero-copy h1{font-size:clamp(48px,5.2vw,79px);line-height:1.03}.hero-copy .desc{max-width:510px}.hero-bottom{max-width:100%;overflow-wrap:break-word}.footer-top{grid-template-columns:1.7fr 1fr 1.15fr 1fr;gap:35px}.footer-link{display:block;text-align:left;margin:12px 0;font-size:13px;line-height:1.5}.footer p{overflow-wrap:anywhere}.footer .text-link{margin-top:18px}.pasarela{display:grid;grid-template-columns:1fr 1fr;background:var(--olive);color:var(--paper);margin-top:90px}.pasarela-copy{padding:90px 12%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:22px}.pasarela h2{font:400 clamp(48px,5vw,80px)/1 var(--serif)}.pasarela p{line-height:1.8;max-width:530px}.pasarela img{width:100%;height:650px;object-fit:cover}.mobile-bottom{display:none}.photo-thumbs{display:flex;gap:8px;padding:10px;overflow-x:auto;background:var(--paper)}.photo-thumbs button{flex:0 0 70px;border:1px solid var(--line);padding:3px}.photo-thumbs img{height:80px!important;width:64px!important;object-fit:cover}.detail-img>#detail-photo{display:block;width:100%;height:660px;object-fit:cover}.receipt-items{display:flex;flex-direction:column;gap:16px;border-top:1px solid var(--line);padding:22px 0;margin-top:25px}.receipt-items>.row{align-items:flex-start;font-size:14px}.receipt-items strong{white-space:nowrap}.account-main{max-width:1180px;margin:0 auto;padding:65px 35px 100px}.account-main h1{font:400 60px/1.1 var(--serif)}.account-card{background:var(--white);border:1px solid var(--line);padding:32px;border-radius:14px;margin:20px 0}.auth-card{max-width:550px;margin:30px auto}.auth-card h1,.auth-card h2{font:400 42px/1.1 var(--serif);margin:24px 0}.auth-card>p{line-height:1.7}.segmented{display:grid;grid-template-columns:1fr 1fr;gap:5px;background:#eeeee6;padding:5px;border-radius:10px}.segmented button{min-height:45px;border-radius:7px;font-size:14px}.segmented .selected{background:var(--white);box-shadow:0 2px 6px #0000000b}.account-welcome{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:20px 0}.account-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:25px}.account-grid h2,.account-welcome h2{font:400 36px/1.2 var(--serif)}.order-card{display:flex;justify-content:space-between;align-items:center;gap:20px;width:100%;text-align:left;border:1px solid var(--line);background:var(--white);padding:22px;border-radius:12px;margin:12px 0;transition:border-color .2s}.order-card:hover{border-color:var(--olive)}.order-card>div{min-width:0}.order-card strong{font:600 15px/1.5 var(--sans);overflow-wrap:anywhere}.order-card p{font:400 13px/1.6 var(--sans);margin:7px 0;overflow-wrap:anywhere}.order-card>div:last-child{text-align:right}.order-card .icon{width:20px;height:20px}.checkout{max-width:740px}.checkout h2{font-size:50px}.checkout h3{margin-top:18px}.address-panel{border:1px solid var(--line);padding:0 15px;border-radius:8px}.notice{line-height:1.65;overflow-wrap:anywhere}.offline-bar{position:fixed;top:0;left:0;right:0;text-align:center;background:#5e4b25;color:#fff;padding:10px;z-index:200;font-size:13px}.offline-bar:empty{display:none}
/* Manager */
.manager-page{background:#f3f4ed}.manager{font-family:var(--sans);color:var(--ink)}.manager-sidebar{position:fixed;inset:0 auto 0 0;width:248px;background:#e8ebdf;border-right:1px solid #d9ddce;padding:25px 19px;overflow-y:auto;z-index:30}.manager-sidebar>.signature{display:block;text-align:center;font-size:51px;line-height:1}.manager-sidebar>.eyebrow{text-align:center;font-size:9px;margin:10px 0 22px}.manager-sidebar nav{display:flex;flex-direction:column;gap:3px}.manager-sidebar nav button{display:flex;gap:12px;align-items:center;text-align:left;border-radius:8px;padding:12px 10px;font-size:12px;font-weight:600;min-height:44px}.manager-sidebar nav button:hover{background:#f5f6ef}.manager-sidebar nav .current{background:var(--olive);color:#fff}.manager-sidebar .icon{width:19px;height:19px;flex-shrink:0}.manager-sidebar>.btn{width:100%;font-size:12px;margin-top:20px}.manager-body{margin-left:248px;min-width:0}.manager-top{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 35px;border-bottom:1px solid var(--line);background:#fcfbf8ed;backdrop-filter:blur(16px);z-index:20}.manager-top>strong{font-size:14px;margin-right:auto}.manager-top .icon-btn{min-width:42px;min-height:42px}.manager-menu{display:none!important}.manager-content{padding:34px;max-width:1450px;margin:auto}.manager-heading{margin-bottom:30px}.manager-heading h1{font:400 clamp(32px,3.3vw,48px)/1.12 var(--serif);margin:8px 0 12px}.manager-heading p{font-size:14px;line-height:1.7;color:var(--muted)}.manager-heading .eyebrow{font-size:10px}.manager h2{font:400 30px/1.2 var(--serif);margin:10px 0 16px}.manager h3{font:600 16px/1.4 var(--sans);margin:8px 0}.manager .btn{padding:12px 18px;font-size:12px;border-radius:8px}.manager .btn .icon{width:18px;height:18px}.manager p{overflow-wrap:anywhere}.mode-banner{display:flex;justify-content:space-between;align-items:center;gap:25px;background:#e9edde;border:1px solid #d7dec8;border-radius:14px;padding:23px;margin-bottom:25px}.mode-banner strong{font-size:16px}.mode-banner p{font-size:12px;line-height:1.7;margin:7px 0 0}.mode-banner .btn{flex-shrink:0}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin:24px 0}.stat-grid>div{padding:22px;background:var(--white);border:1px solid var(--line);border-radius:12px}.stat-grid span{display:block;font-size:11px;line-height:1.5;color:var(--muted);min-height:32px}.stat-grid strong{display:block;font:500 clamp(22px,2.2vw,34px)/1.2 var(--serif);margin-top:10px;overflow-wrap:anywhere}.quick-modules{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin:25px 0}.module-card{display:flex;flex-direction:column;align-items:flex-start;text-align:left;padding:25px;border-radius:14px;border:1px solid var(--line);background:var(--white);transition:transform .2s,border-color .2s}.module-card:hover{transform:translateY(-3px);border-color:var(--olive)}.module-card>.icon{width:28px;height:28px;margin-bottom:18px;color:var(--olive)}.module-card h3{font-size:16px;line-height:1.4}.module-card p{font-size:12px;line-height:1.6;color:var(--muted);margin:8px 0 15px}.module-card>.icon:last-child{width:18px;height:18px;margin:0 0 0 auto}.admin-card{padding:28px;background:var(--white);border:1px solid var(--line);border-radius:14px;margin:22px 0}.admin-card p{font-size:14px;line-height:1.75}.admin-card details{border-bottom:1px solid var(--line);padding-bottom:15px;margin-bottom:10px}.checklist{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:25px}.checklist>div{display:flex;align-items:center;gap:12px;padding:16px;border:1px solid var(--line);border-radius:10px;font-size:12px}.checklist .icon{color:#938566;flex-shrink:0}.checklist .done .icon{color:#647955}.checklist strong{margin-left:auto;font-size:10px;white-space:nowrap}.toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:20px 0}.toolbar select{min-height:46px;background:var(--white);border:1px solid var(--line);border-radius:8px;padding:10px;max-width:100%;font-size:14px}.search-field{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:9px;padding:0 13px;background:#fff;flex:1;min-width:180px}.search-field input{border:none;outline:none;padding:15px 0;min-width:0;width:100%;font:400 15px var(--sans);background:transparent}.search-field .icon{width:19px;flex-shrink:0}.admin-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:24px}.admin-product{overflow:hidden;border:1px solid var(--line);background:var(--white);border-radius:13px}.admin-product>button{display:block;width:100%;text-align:left}.admin-product img{width:100%;aspect-ratio:4/4.5;object-fit:cover;display:block}.admin-product>button>div{padding:17px}.admin-product h3{font-size:15px;line-height:1.5;margin:5px 0 10px}.admin-product p{font-size:12px;line-height:1.6;margin:7px 0}.admin-product strong{font-size:14px}.admin-product-actions{display:flex;gap:8px;padding:0 15px 15px}.admin-product-actions .btn{flex:1;padding:10px 7px;font-size:11px}.coupon-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.coupon-card{width:100%;text-align:left}.coupon-card h2{font-family:var(--sans);font-size:23px;overflow-wrap:anywhere}.manager-mobile-nav{display:none}.admin-entrance{min-height:100vh;text-align:center;background:var(--paper);padding:60px 24px}.admin-entrance>.signature{font-size:75px}.admin-entrance>.eyebrow{margin-top:5px}.admin-entrance .auth-card{text-align:left}.admin-entrance .text-link{display:inline-block;margin-top:22px}.manager-menu-list{display:flex;flex-direction:column;gap:6px}.manager-menu-list button{display:flex;align-items:center;gap:15px;text-align:left;padding:13px;border-radius:8px;font-size:14px;min-height:46px}.manager-menu-list .current{background:var(--olive);color:#fff}.manager-menu-list .icon{width:20px;height:20px}.language-fields{border:0;padding:8px 0;margin:8px 0;min-width:0}.language-fields legend{font-size:14px;font-weight:600}.language-fields .field{font-size:12px;color:var(--muted)}.image-editor{border:1px dashed #ccd1c0;border-radius:10px;padding:18px;margin:18px 0;min-width:0}.image-editor .image-preview{height:160px;width:100%;object-fit:contain;display:block;background:#eeeee7;border-radius:6px;margin-bottom:15px}.image-editor .row{flex-wrap:wrap;gap:7px}.image-editor .btn{font-size:11px;padding:10px 12px}.image-upload{position:relative;overflow:hidden;cursor:pointer;display:inline-flex;align-items:center;gap:7px}.image-upload input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%}.photo-status{display:block;font-size:11px;line-height:1.6;margin-top:12px;color:var(--muted)}.photo-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.media-chooser{max-width:900px;width:94vw;border:0;background:var(--paper);color:var(--ink);max-height:90dvh;overflow:auto}.media-chooser::backdrop{background:#10170e88}.media-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:25px}.media-grid button{text-align:left;border:1px solid var(--line);padding:5px;background:#fff;border-radius:8px;overflow:hidden}.media-grid img{width:100%;height:140px;object-fit:cover}.media-grid small{display:block;overflow:hidden;text-overflow:ellipsis;font-size:10px;padding:6px;white-space:nowrap}.product-editor{max-width:880px}.product-editor>h2{font-size:44px}.product-editor details{border-top:1px solid var(--line);padding-bottom:16px}.gallery-editor{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:15px 0}.gallery-editor>div{border:1px solid var(--line);background:#fff;border-radius:8px;overflow:hidden}.gallery-editor img{width:100%;height:140px;object-fit:cover}.gallery-editor>div>div{display:flex;justify-content:space-between;align-items:center;padding:7px;gap:6px}.gallery-editor button{min-height:32px;font-size:10px}.variant-row{display:grid;grid-template-columns:1fr 1.3fr .8fr 1.3fr 40px;gap:9px;align-items:end;margin:10px 0;padding:10px;background:#eeeee6;border-radius:8px}.variant-row .field{font-size:11px;margin:0}.variant-row input{padding:9px;font-size:14px;min-height:43px}.variant-row button{padding:8px}.sticky-save{position:sticky;bottom:0;padding:15px 0;background:var(--white);border-top:1px solid var(--line);z-index:2;margin-top:20px}.sticky-save .btn{min-height:50px}.shipping-rule{border:1px solid var(--line);padding:20px;border-radius:12px;margin:20px 0}.shipping-rule legend{font-size:14px;font-weight:600;padding:0 8px}.list-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;border-bottom:1px solid var(--line);padding:13px 0;font-size:12px;overflow-wrap:anywhere}.copy-link{font-size:12px;word-break:break-all}
@media(min-width:1500px){.admin-product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1150px){.header .nav{gap:17px;font-size:11px}.quick-modules{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-top{grid-template-columns:repeat(2,minmax(0,1fr))}.checklist{grid-template-columns:1fr}.coupon-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.account-grid{grid-template-columns:1fr}.pasarela-copy{padding:55px 9%}}
@media(max-width:800px){.manager-sidebar{display:none}.manager-body{margin-left:0}.manager-menu{display:inline-flex!important}.manager-top{padding:12px 18px}.manager-content{padding:22px 18px 95px}.manager-mobile-nav{position:fixed;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(4,1fr);padding:9px 8px calc(9px + env(safe-area-inset-bottom));background:var(--white);border-top:1px solid var(--line);z-index:50}.manager-mobile-nav button{display:flex;flex-direction:column;align-items:center;gap:5px;font-size:10px;min-height:43px}.manager-mobile-nav .icon{width:22px;height:22px}.manager-top .row{gap:0}.manager-heading h1{font-size:36px}.manager-heading p{font-size:13px}.stat-grid>div{padding:18px}.stat-grid strong{font-size:31px}.quick-modules{gap:12px}.module-card{padding:21px}.admin-card{padding:22px}.mode-banner{padding:20px;display:block}.mode-banner .btn{margin-top:15px}.photo-fields{grid-template-columns:1fr 1fr}.account-main{padding:35px 20px 75px}.account-main h1{font-size:46px}.account-main .section-head{display:block}.account-welcome{align-items:flex-start}.account-welcome h2{font-size:30px}.pasarela{grid-template-columns:1fr;margin-top:50px}.pasarela-copy{padding:55px 30px}.pasarela img{height:500px}.pasarela h2{font-size:57px}.brand-logo{width:150px}.mobile-bottom{position:fixed;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(4,1fr);background:var(--white);border-top:1px solid var(--line);padding:8px 8px calc(8px + env(safe-area-inset-bottom));z-index:25}.mobile-bottom>*{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:43px;font-size:10px}.mobile-bottom .icon{width:21px;height:21px}.footer{padding-bottom:100px}.demo-note{padding-bottom:80px}.hero-copy h1{font-size:52px}.photo-thumbs button{flex-basis:60px}.detail-img>#detail-photo{height:470px}.gallery-editor{grid-template-columns:repeat(3,minmax(0,1fr))}.variant-row{grid-template-columns:repeat(2,minmax(0,1fr));position:relative;padding-right:40px}.variant-row>button{position:absolute;right:4px;bottom:4px;width:30px}.sticky-save{padding-bottom:10px}.manager-mobile-nav~.sticky-save{bottom:60px}}
@media(max-width:500px){.header-main{padding-left:13px!important;padding-right:13px!important}.header .logo .signature{font-size:40px!important}.header .logo small{font-size:8px}.header-right{gap:3px!important}.header-right .icon-btn{min-width:34px;width:34px}.header .header-left{min-width:34px}.header .lang{font-size:10px}.hero-copy h1{font-size:47px}.hero-copy .desc{font-size:13px;line-height:1.75}.hero-bottom{font-size:10px}.footer-top{grid-template-columns:1fr;gap:25px}.account-card{padding:23px 20px}.auth-card h1,.auth-card h2{font-size:34px}.form-grid{grid-template-columns:1fr;gap:0}.language-fields .form-grid{grid-template-columns:1fr;gap:0}.order-card{padding:17px;gap:12px}.order-card strong{font-size:12px}.order-card p{font-size:11px}.account-main{padding-left:16px;padding-right:16px}.account-main .section-head .text-link{font-size:11px}.account-welcome .btn{font-size:11px;padding:12px}.checkout h2{font-size:38px}.photo-fields{grid-template-columns:1fr}.media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery-editor{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-product-grid{gap:12px}.admin-product>button>div{padding:13px}.admin-product h3{font-size:13px}.admin-product .badge{font-size:8px;padding:4px 7px}.admin-product-actions{flex-direction:column;padding:0 12px 12px}.admin-product-actions .btn{font-size:10px;min-height:37px}.toolbar .btn{flex:1}.admin-card{padding:19px}.checklist>div{padding:12px;gap:8px;font-size:11px}.checklist strong{font-size:9px}.module-card h3{font-size:14px}.module-card p{font-size:11px}.mode-banner strong{font-size:14px}.coupon-grid{grid-template-columns:1fr}.list-row{flex-direction:column;align-items:flex-start}.product-editor>h2{font-size:32px}.receipt-items>.row{font-size:12px}.pasarela img{height:430px}.pasarela h2{font-size:49px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media print{body.print-receipt #app,body.print-receipt #toast{display:none!important}body.print-receipt dialog{position:static!important;display:block!important;border:0!important;max-height:none!important;width:100%!important;max-width:none!important;overflow:visible!important}body.print-receipt dialog::backdrop{display:none!important}body.print-receipt dialog button,body.print-receipt dialog form,body.print-receipt dialog .close{display:none!important}body.print-receipt .modal-inner{padding:10px!important;max-width:none!important}body.print-receipt{overflow:visible!important;background:white!important}.receipt{color:black!important}}