/* Customer accounts and verified reviews, shared by all storefront languages. */
[hidden]{display:none!important}
.customer-main{max-width:1100px;padding-top:42px;padding-bottom:80px}
.customer-header{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:102px;border-bottom:1px solid #dbe6e2}
.customer-brand img{object-fit:contain;width:180px;height:64px}
.customer-header-actions{display:flex;align-items:center;gap:24px;font-size:14px;font-weight:700}
.customer-header select{max-width:140px;padding:10px;border:1px solid #c8d6d2;border-radius:12px;background:#fff;font:inherit}
.customer-heading{margin:0 0 34px}
.customer-heading h1{font-family:Manrope,Arial,sans-serif;font-size:clamp(30px,5vw,52px);line-height:1.14;letter-spacing:-.045em;max-width:860px}
.customer-heading>p:last-child{color:#53706e;max-width:660px;margin:16px 0}
.customer-card{background:#fff;border:1px solid #dfe8e4;border-radius:22px;padding:28px;margin:0 0 20px;overflow-wrap:anywhere}
.login-card{max-width:560px;margin:0 auto;box-shadow:0 12px 48px #073d3e08}
.login-card h2{font:800 27px/1.2 Manrope,Arial,sans-serif;letter-spacing:-.03em;margin:16px 0}
.login-card>p{margin:12px 0 20px}
.login-symbol{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:#e7f4f1;color:#006b69;font-size:28px}
.customer-notice{padding:14px 18px;background:#f7f1da;border-radius:12px;font-size:14px;line-height:1.55}
.customer-form{display:grid;gap:18px}
.customer-form label,.moderation-reason{display:grid;gap:8px;font-size:14px;font-weight:650;min-width:0}
.customer-form input:not([type=checkbox]):not([type=radio]),.customer-form textarea,.customer-form select,.moderation-reason textarea{width:100%;min-width:0;box-sizing:border-box;padding:13px 14px;border:1px solid #bfcfca;border-radius:12px;background:#fff;color:#123f40;font:400 16px/1.5 Manrope,Arial,sans-serif}
.customer-form textarea,.moderation-reason textarea{resize:vertical}
.customer-form input[readonly]{background:#f1f5f3;color:#526765}
.customer-form .customer-check{display:flex;align-items:flex-start;gap:10px;font-size:13px;font-weight:450;line-height:1.5}
.customer-check input{flex:none;accent-color:#006f6b;width:18px;height:18px;margin:2px 0}
.customer-form .button{justify-self:start}
.customer-form .micro{margin:0}
.customer-form .photo-upload{padding:18px;border:1px dashed #89aaa2;border-radius:14px;background:#f6faf8}
.customer-form .photo-upload input{padding:4px;border:0;border-radius:0;background:transparent;font-size:13px}
.customer-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.customer-feedback{color:#a43225;font-size:14px;line-height:1.5;overflow-wrap:anywhere}
.customer-feedback:empty{display:none}
.customer-toolbar,.panel-title{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:20px 0}
.customer-toolbar>div{display:flex;align-items:center;gap:20px}
.customer-toolbar p{overflow-wrap:anywhere;min-width:0}
.customer-tabs{display:flex;gap:8px;margin:26px 0 22px;padding:6px;background:#eaf0ed;border-radius:16px}
.customer-tabs button{flex:1;min-width:0;padding:14px;border:0;border-radius:12px;background:transparent;font:700 14px/1.3 Manrope,Arial,sans-serif;color:#456560;cursor:pointer}
.customer-tabs [aria-selected=true]{background:#fff;color:#073d3e;box-shadow:0 3px 14px #153f3710}
.customer-main h2{font-family:Manrope,Arial,sans-serif;font-size:25px;font-weight:800;letter-spacing:-.035em}
.customer-main h3,.customer-dialog h3{font:750 17px/1.45 Manrope,Arial,sans-serif;margin:0}
.customer-empty{padding:30px;border:1px dashed #b9cec6;border-radius:20px;color:#54716a;line-height:1.7}
.order-heading{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding-bottom:18px;border-bottom:1px solid #e6eeea}
.order-number{overflow-wrap:anywhere;font-size:14px}
.status-badge{font-size:12px;border-radius:99px;background:#eef2ef;color:#47655e;padding:5px 10px;width:fit-content}
.status-paid,.status-published,.status-shipped,.status-answered{background:#dff3e9;color:#0c6552}
.status-pending,.status-open{background:#fff3d5;color:#896519}
.status-rejected,.status-failed{background:#f9e9e4;color:#9d3b2d}
.order-item{display:flex;gap:22px;align-items:center;margin:22px 0}
.order-item>div{min-width:0}
.order-cover{width:70px;height:100px;object-fit:contain;border-radius:4px;box-shadow:3px 4px 8px #17332e20}
.order-item h3{margin-bottom:5px}
.order-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:18px}
.order-actions>strong{margin-right:auto}
.customer-card .button,.customer-dialog .button{padding:12px 19px;font-size:14px;min-height:44px;text-align:center}
.customer-card .button.secondary{border:1px solid #b9d1c9;background:#fff}
.ticket-row{width:100%;display:flex;justify-content:space-between;align-items:center;gap:14px;text-align:left;padding:20px;margin:12px 0;border:1px solid #dbe5df;border-radius:16px;background:white;color:#134743;cursor:pointer}
.customer-dialog{padding:0;width:min(690px,calc(100vw - 32px));max-width:none;max-height:90svh;border:1px solid #d7e2dc;border-radius:26px;box-shadow:0 30px 120px #001f2960;color:#163f40;background:#fff}
.customer-dialog::backdrop{background:#062d3980;backdrop-filter:blur(5px)}
.customer-dialog-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:26px 28px 20px;border-bottom:1px solid #e1eae5;background:#f6f9f6}
.customer-dialog-top h2{font:800 27px/1.15 Manrope,Arial,sans-serif;letter-spacing:-.035em;margin:0}
.customer-dialog-top .eyebrow{margin:0 0 10px}
.customer-close{flex:none;border:1px solid #d1dfd8;background:#fff;border-radius:50%;width:40px;height:40px;cursor:pointer;color:#153f3a}
.customer-dialog-body{padding:24px 28px}
.chat-messages{max-height:330px;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px;background:#f4f7f3;border:1px solid #e4ece6;border-radius:18px;margin:18px 0;overscroll-behavior:contain}
.chat-bubble{border-radius:16px;padding:12px 16px;width:fit-content;max-width:90%;overflow-wrap:anywhere}
.chat-bubble p{margin:6px 0;white-space:pre-wrap;font-size:15px;line-height:1.65}
.chat-bubble .micro{font-size:11px}
.from-customer{align-self:flex-end;background:#dbefea}
.from-team{align-self:flex-start;background:#fff;border:1px solid #dce8e0}
.rating-picker{border:0;padding:0;margin:0;display:flex;gap:10px}
.rating-picker legend{font-size:14px;font-weight:650;margin-bottom:10px}
.rating-picker label{position:relative;display:flex;align-items:center;gap:3px;background:#f4f5ee;border:1px solid #dde4d7;border-radius:12px;padding:10px 12px;cursor:pointer}
.rating-picker input{width:16px;height:16px;margin:0;accent-color:#9f7600}
.rating-picker label:has(input:checked){background:#fff0c3;border-color:#d49d20}
.rating-picker label>span[aria-hidden]{font-size:24px;color:#b18108}
.rating-number{font-size:12px}
.review-photos{display:flex;flex-wrap:wrap;gap:10px;margin:15px 0}
.review-photos img{width:110px;height:110px;object-fit:cover;border-radius:12px;border:1px solid #e1e6df}
.reviews-section{border-top:1px solid #dce5dc}
.reviews-section .section-heading{align-items:flex-end}
.reviews-section .section-heading h2{font:800 clamp(30px,4vw,48px)/1.1 Manrope,Arial,sans-serif;letter-spacing:-.04em}
.reviews-section .section-heading p:not(.eyebrow){margin:14px 0 0;max-width:560px}
.reviews-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:50px;margin-top:32px}
.rating-summary{padding:25px;background:#f0f4ee;border-radius:22px;height:fit-content}
.rating-score{font:800 37px/1.2 Manrope,Arial,sans-serif;letter-spacing:-.04em}
.review-stars{color:#9c7200;font-size:22px;letter-spacing:2px}
#rating-count{font-size:14px;margin:10px 0}
.rating-bar{display:flex;align-items:center;gap:8px;margin:10px 0;font-size:12px}
.rating-bar progress{width:100%;min-width:0;height:9px;border:0;border-radius:5px;accent-color:#b78713;background:#dde3d6;overflow:hidden}
.rating-bar progress::-webkit-progress-bar{background:#dde3d6}
.rating-bar progress::-webkit-progress-value{background:#b78713;border-radius:5px}
.rating-bar span{white-space:nowrap}
.review-filter{display:grid;gap:8px;font-size:13px;margin-top:20px}
.review-filter select{max-width:100%;width:100%;font:inherit;padding:11px;border-radius:12px;border:1px solid #bfd0bf;background:#fff}
.review-card h3{font:750 18px/1.45 Manrope,Arial,sans-serif;margin:10px 0}
.review-meta{display:flex;justify-content:space-between;gap:12px;margin-bottom:10px}
.verified-label{font-size:12px;color:#07715e;font-weight:650}
.review-body{white-space:pre-wrap;line-height:1.75;font-size:15px}
.reviews-policy{max-width:800px;margin-top:28px;line-height:1.7}
#reviews-pagination{display:flex;gap:22px;align-items:center;justify-content:center}
.customer-nav-link{display:flex;align-items:center;gap:7px;min-height:44px;white-space:nowrap;font-size:13px;font-weight:700}
.customer-nav-link svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7}
#staff-dashboard{margin-top:35px}
.moderation-reason{margin-top:16px}
.customer-main button:focus-visible,.customer-dialog button:focus-visible,.customer-form input:focus-visible,.customer-form textarea:focus-visible,.customer-tabs button:focus-visible{outline:3px solid #00a69b;outline-offset:3px}
.customer-main button:disabled{opacity:.55;cursor:default}
@media(max-width:900px){
 .customer-nav-link span{display:none}
 .reviews-layout{gap:24px;grid-template-columns:220px minmax(0,1fr)}
}
@media(max-width:620px){
 .customer-header{gap:14px;min-height:85px}
 .customer-brand img{width:105px;height:53px}
 .customer-header-actions{gap:12px;font-size:12px}
 .customer-header-actions>a{max-width:85px;line-height:1.3}
 .customer-header select{padding:8px;max-width:104px;font-size:12px}
 .customer-main{padding-top:26px}
 .customer-heading h1{font-size:32px;letter-spacing:-.04em}
 .customer-card{padding:20px;border-radius:19px}
 .customer-toolbar{align-items:flex-start;flex-direction:column;font-size:13px}
 .customer-tabs{gap:0;padding:4px}
 .customer-tabs button{padding:12px 5px;font-size:12px}
 .order-item{gap:16px}
 .order-actions{gap:10px}
 .order-actions>strong{width:100%;margin-bottom:5px}
 .order-actions .button{width:100%}
 .ticket-row{flex-wrap:wrap;padding:15px}
 .ticket-row>strong{width:100%}
 .customer-form-grid{grid-template-columns:1fr}
 .customer-dialog{width:calc(100vw - 20px);border-radius:22px}
 .customer-dialog-top{padding:20px}
 .customer-dialog-top h2{font-size:23px}
 .customer-dialog-body{padding:20px}
 .rating-picker{gap:5px}
 .rating-picker label{padding:8px 6px;gap:2px}
 .rating-picker input{width:13px;height:13px}
 .rating-picker label>span[aria-hidden]{font-size:20px}
 .reviews-layout{grid-template-columns:1fr;gap:20px}
 .reviews-section .section-heading{display:block}
 .reviews-section .section-heading>a{margin-top:20px}
 .review-meta{flex-wrap:wrap}
 .review-photos img{width:83px;height:83px}
 .customer-nav-link{min-width:27px;justify-content:center}
 .header .header-actions{gap:8px}
}

#support-form label>span::after{content:" *";color:#a33d2a}
@media(max-width:1100px){.customer-nav-link span{display:none}}
@media(max-width:360px){.header{padding-inline:12px}.header .brand img{width:104px}.header .brand-tagline{max-width:104px;font-size:5px}.header .language select{max-width:80px}.header .header-actions{gap:5px}.header .cart-trigger{padding-inline:2px;gap:3px}}