.account-app{width:min(100%,1180px);margin:0 auto 40px;color:#172018}.account-hero{padding:22px 2px 16px;background:linear-gradient(90deg,#f7fcf7,transparent)}.account-hero nav{display:flex;gap:14px;margin-bottom:12px;color:#657069;font-size:12px}.account-hero nav b{color:#08772d}.account-hero h1,.orders-heading h1{margin:0;font:700 38px/1 "Barlow Condensed",sans-serif}.account-hero p,.orders-heading p{margin:7px 0 0;color:#59645d;font-size:14px}.account-profile-card{position:relative;display:grid;grid-template-columns:110px 1fr auto;gap:20px;align-items:center;padding:24px 28px;margin-bottom:18px;border:1px solid #e2e8e3;border-radius:16px;background:#fff;box-shadow:0 8px 24px rgba(26,61,34,.09)}.account-avatar,.header-avatar{display:grid;place-items:center;overflow:hidden;border-radius:50%;background:linear-gradient(145deg,#12a142,#057529);color:#fff;font-weight:800}.account-avatar{width:100px;height:100px;font-size:46px}.account-avatar img,.header-avatar img{width:100%;height:100%;object-fit:cover}.profile-identity{display:grid;gap:5px}.profile-identity>b{font-size:23px}.profile-identity>span{display:flex;align-items:center;gap:9px;color:#566159;font-size:14px}.profile-identity>span svg{color:#07852f}.profile-identity em{display:flex;width:max-content;align-items:center;gap:8px;margin-top:6px;padding:8px 14px;border-radius:24px;background:#eaf8ed;color:#086d29;font-size:13px;font-style:normal;font-weight:750}.edit-profile{align-self:start;display:flex;align-items:center;gap:8px;padding:10px 18px;border:1.5px solid #087d2e;border-radius:12px;color:#08752c;font-size:13px;font-weight:750}.joined-at{position:absolute;right:28px;bottom:23px;color:#667068;text-align:right;font-size:12px}.account-menu{display:grid;overflow:hidden;border:1px solid #e1e7e2;border-radius:15px;background:#fff;box-shadow:0 7px 22px rgba(27,60,34,.07)}.account-menu a{min-height:68px;display:grid;grid-template-columns:48px 1fr auto;gap:12px;align-items:center;padding:8px 22px;border-bottom:1px solid #e6ebe7;color:#18211a;text-decoration:none}.account-menu a:last-child{border-bottom:0}.account-menu a>span{display:grid;gap:2px}.account-menu a b{font-size:15px}.account-menu a small{color:#667168;font-size:12px}.menu-icon{display:grid;width:38px;height:38px;place-items:center;border-radius:10px;background:#eaf8ed;color:#07923a}.menu-icon-1,.menu-icon-4{background:#fff0f2;color:#ef334a}.menu-icon-2,.menu-icon-8{background:#eaf3ff;color:#1685e5}.menu-icon-3{background:#fff2e8;color:#f87819}.menu-icon-5{background:#f0eaff;color:#7547e8}.menu-icon-6{background:#e8f8e9;color:#07913c}.menu-icon-7{background:#fff7dd;color:#eda900}.menu-icon-9{background:#eef1f2;color:#445057}
.account-title,.account-page-header{height:58px;display:grid;grid-template-columns:44px 1fr 44px;align-items:center;border-bottom:1px solid #e7ece8}.account-title{grid-template-columns:1fr;text-align:center}.account-title h1,.account-page-header h1{margin:0;text-align:center;font:700 22px "Barlow Condensed",sans-serif}.account-page-header>a{display:grid;place-items:center}.account-form{display:grid;gap:13px;padding:16px 0}.account-form>label{display:grid;gap:6px;color:#4c574e;font-size:12px}.account-form input,.account-form select,.account-form textarea{width:100%;min-height:43px;border:1px solid #d8e0da;border-radius:8px;background:#fff;padding:10px 11px;font:inherit}.account-form textarea{min-height:90px}.account-primary{min-height:45px;border:0;border-radius:8px;background:#07852f;color:#fff;font-weight:700}.profile-avatar{justify-items:center!important}.profile-avatar .account-avatar{width:86px;height:86px;font-size:32px}.address-card{display:grid;grid-template-columns:24px 1fr;gap:11px;margin:12px 0;padding:14px;border:1px solid #dfe6e1;border-radius:10px;background:#fff}.address-card>div{display:grid;gap:5px}.address-card b{display:flex;justify-content:space-between}.address-card em{border-radius:8px;background:#d8f4df;color:#087d2e;padding:3px 7px;font-size:10px;font-style:normal}.address-card p{margin:0;color:#4f5b51;font-size:11px}.address-actions{display:flex;gap:8px}.address-actions button{border:0;background:none;color:#087e30;font-size:10px}.address-add>summary{padding:13px;border:1px solid #15923f;border-radius:8px;color:#087e30;text-align:center;font-weight:700}.account-empty{margin:20px 0;padding:32px 16px;border:1px dashed #d5ded7;border-radius:12px;color:#788179;text-align:center}.account-product-list,.account-option-list,.settings-list,.help-list{display:grid;gap:10px;margin-top:14px}.account-product-list article{display:grid;grid-template-columns:72px 1fr 42px;gap:12px;align-items:center;padding:10px;border:1px solid #e0e6e1;border-radius:10px;background:#fff}.account-product-list article>img,.account-product-list article>.category-visual{width:72px;height:65px;object-fit:cover;border-radius:8px}.account-product-list article>div{display:grid;gap:4px}.account-product-list small,.account-option-list small,.account-option-list time,.help-list p{color:#68716a;font-size:11px}.account-product-list strong{color:#07852f}.account-product-list button{width:34px;height:34px;border:0;border-radius:8px;background:#078c34;color:#fff;font-size:20px}.account-option-list article,.help-list details{display:grid;gap:6px;padding:14px;border:1px solid #e0e6e1;border-radius:10px;background:#fff}.account-tabs{display:grid;grid-template-columns:1fr 1fr;margin-top:12px;border-radius:9px;background:#f0f3f1;padding:3px;text-align:center}.account-tabs>*{padding:9px}.account-tabs b{border-radius:7px;background:#07852f;color:#fff}.settings-list label{display:flex;justify-content:space-between;padding:13px;border-bottom:1px solid #e6ebe7}.settings-list input{accent-color:#07852f}.account-logout button{width:100%;margin-top:18px;padding:13px;border:1px solid #f1d2cf;border-radius:8px;background:#fff;color:#d83b31}.legal-page h2{margin:22px 0 7px}.legal-page p{color:#4f5951;line-height:1.75}
.orders-heading{display:flex;align-items:center;justify-content:space-between;padding:24px 0 14px}.orders-heading>a{display:flex;align-items:center;gap:8px;padding:10px 18px;border:1.5px solid #07852f;border-radius:24px;color:#08752c;font-weight:750}.order-tabs{display:flex;gap:10px;overflow-x:auto;padding:12px 0 16px;border-bottom:1px solid #dfe5e0}.order-tabs a{flex:0 0 auto;display:flex;align-items:center;gap:8px;padding:10px 18px;border:1px solid #dce4de;border-radius:25px;background:#fff;color:#354038;text-decoration:none}.order-tabs a.active{border-color:#07852f;background:linear-gradient(90deg,#0b8b35,#07812f);color:#fff}.customer-order-list{display:grid;grid-template-columns:1fr auto 18px;gap:12px;align-items:center;padding:18px;margin-top:13px;border:1px solid #e0e7e2;border-radius:12px;background:#fff}.customer-order-list div{display:grid;gap:3px}.customer-order-list small{color:#667168}.customer-order-list p{margin:4px 0 0}.customer-order-list em{padding:5px 9px;border-radius:14px;background:#eaf8ed;color:#07802f;font-size:11px;font-style:normal}.orders-empty{display:grid;justify-items:center;padding:58px 24px;margin-top:26px;border:1px dashed #cbd9ce;border-radius:15px;background:#fff;text-align:center}.empty-illustration{position:relative;display:grid;width:190px;height:125px;place-items:center;border-radius:50%;background:#e9f8e9;color:#07852f}.empty-illustration:before,.empty-illustration:after{content:"";position:absolute;width:48px;height:23px;border-radius:100% 0;background:#72c77a;transform:rotate(28deg)}.empty-illustration:before{left:18px;bottom:25px}.empty-illustration:after{right:15px;top:24px;transform:rotate(-28deg)}.empty-illustration span{position:absolute;top:12px;font-size:26px}.orders-empty h2{margin:20px 0 4px;font:700 30px "Barlow Condensed",sans-serif}.orders-empty p{margin:0;color:#56625a;line-height:1.55}.orders-empty>a{display:flex;align-items:center;gap:10px;margin-top:24px;padding:13px 35px;border-radius:11px;background:linear-gradient(90deg,#079033,#07842f);color:#fff;font-size:16px;font-weight:750}.orders-tip{display:grid;grid-template-columns:54px 1fr 22px;gap:14px;align-items:center;padding:18px 22px;margin-top:20px;border:1px solid #cfe8d3;border-radius:13px;background:#f2fbf3;color:#48554c}.orders-tip>svg:first-child{width:48px;height:48px;padding:9px;border-radius:50%;background:#dff5e3;color:#08792d}.orders-tip b{color:#07852f}
@media(min-width:1100px){.account-home,.order-account{max-width:1100px}.account-dropdown{position:relative;display:block}.account-dropdown summary{display:flex;min-width:112px;height:40px;align-items:center;gap:8px;padding:4px 10px;border:1px solid #d9e1db;border-radius:10px;cursor:pointer;list-style:none}.account-dropdown summary::-webkit-details-marker{display:none}.header-avatar{width:30px;height:30px;font-size:12px}.dropdown-chevron{margin-left:auto}.account-dropdown-panel{position:absolute;z-index:100;top:48px;right:0;width:290px;overflow:hidden;border:1px solid #dce3dd;border-radius:14px;background:#fff;box-shadow:0 15px 38px rgba(16,47,24,.18)}.dropdown-profile{display:grid;grid-template-columns:48px 1fr 16px;gap:11px;align-items:center;padding:14px;border-bottom:1px solid #e4e9e5}.dropdown-profile .header-avatar{width:48px;height:48px;font-size:18px}.dropdown-profile>span:nth-child(2),.account-dropdown-panel nav a>span,.account-dropdown-panel form button>span{display:grid;min-width:0}.dropdown-profile b,.dropdown-profile small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-profile small,.account-dropdown-panel small{color:#6b756d;font-size:10px}.account-dropdown-panel nav a,.account-dropdown-panel form button{display:grid;width:100%;grid-template-columns:30px 1fr;align-items:center;padding:9px 15px;border:0;background:#fff;text-align:left}.account-dropdown-panel nav a:hover{background:#f2faf3}.account-dropdown-panel form{border-top:1px solid #e3e8e4}.account-dropdown-panel form button{color:#d92525;cursor:pointer}.account-dropdown-panel form button small{color:#7b706e}.account-dropdown:not([open]) .account-dropdown-panel{display:none}}
/* Header account menu is shared across every viewport; its responsive layout lives in customer-app.css. */
@media(max-width:767px){.customer-content:has(.account-app){width:100%;padding-top:0}.account-app{padding:0 16px}.account-hero{padding-top:20px}.account-hero nav{display:none}.account-hero h1,.orders-heading h1{font-size:31px}.account-hero p,.orders-heading p{font-size:12px}.account-profile-card{grid-template-columns:68px 1fr;gap:12px;padding:16px;margin-bottom:14px}.account-avatar{width:64px;height:64px;font-size:28px}.profile-identity>b{font-size:18px}.profile-identity>span{font-size:11px}.profile-identity em{padding:6px 9px;font-size:10px}.edit-profile{grid-column:1/-1;justify-self:stretch;justify-content:center;order:3;padding:9px}.joined-at{display:none}.account-menu a{min-height:59px;grid-template-columns:38px 1fr auto;padding:6px 12px}.menu-icon{width:34px;height:34px}.account-menu a b{font-size:13px}.account-menu a small{font-size:9px}.account-page-header{position:sticky;top:0;z-index:5;background:#fff}.account-form{padding-bottom:90px}.orders-heading{padding:22px 0 9px}.orders-heading>a{padding:8px 12px;font-size:11px}.order-tabs{gap:7px;margin-inline:-16px;padding-inline:16px}.order-tabs a{padding:8px 12px;font-size:11px}.orders-empty{padding:34px 15px}.empty-illustration{width:145px;height:98px}.orders-empty h2{font-size:26px}.orders-empty p{font-size:12px}.orders-empty>a{padding:12px 22px;font-size:13px}.orders-tip{grid-template-columns:40px 1fr 18px;padding:13px;margin-bottom:10px;font-size:11px}.orders-tip>svg:first-child{width:38px;height:38px;padding:7px}}
@media(max-width:360px){.account-app{padding-inline:12px}.account-profile-card{grid-template-columns:58px 1fr}.account-avatar{width:56px;height:56px}.account-menu a small{display:none}.account-menu a{min-height:52px}.orders-heading>a{font-size:0}.orders-heading>a svg{width:20px;height:20px}}
.order-tabs{scrollbar-width:none}.order-tabs::-webkit-scrollbar{display:none}.mobile-account-logout{display:none}
@media(max-width:767px){.mobile-account-logout{display:block;margin-top:8px;padding:5px;border:1px solid #f1e0e0;border-radius:15px;background:#fff;box-shadow:0 6px 18px rgba(84,31,31,.08)}.mobile-account-logout button{display:grid;width:100%;min-height:72px;grid-template-columns:54px 1fr 24px;gap:12px;align-items:center;padding:9px 14px;border:0;border-radius:11px;background:linear-gradient(90deg,#fff5f5,#fff0f0);color:#e52222;text-align:left;cursor:pointer}.mobile-account-logout>button>svg:first-child{justify-self:center;width:34px;height:34px;stroke-width:2}.mobile-account-logout>button>svg:last-child{justify-self:end;stroke-width:2.4}.mobile-account-logout span{display:grid;gap:2px}.mobile-account-logout b{font-size:15px}.mobile-account-logout small{color:#b02b2b;font-size:11px}}