.account-page{max-width:1400px;margin:0 auto;padding:24px 20px 60px}.account-page h1{font-size:22px;font-weight:600;margin:24px 0}.account-page h2{font-size:20px;font-weight:400;margin:0 0 22px}.account-page h3{font-size:18px;margin:0 0 8px}.account-page p{line-height:1.5}.account-demo-note{display:flex;gap:18px;flex-wrap:wrap;padding:12px 16px;background:#f4f4f4;font-size:12px;border-left:2px solid #19191a}.account-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:40px}.account-nav{display:flex;flex-direction:column;gap:8px;align-self:start}.account-nav a,.account-nav button{display:flex;align-items:center;text-align:left;gap:12px;padding:14px 12px;border:0;background:transparent;font-size:15px;text-decoration:none;color:inherit}.account-nav svg{width:24px;height:24px;flex-shrink:0}.account-nav a[aria-current],.account-nav a:hover{background:#f4f4f4}.account-content{min-width:0;padding-top:4px}.account-field{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 0;border-bottom:1px solid #e8e8e8;max-width:640px}.account-field span,.account-field strong{display:block;font-weight:400}.account-field span{font-size:12px;color:#777;margin-bottom:8px}.account-field button,.account-box button{border:1px solid #ddd;background:#fff;padding:10px 14px}.account-tabs{display:flex;gap:12px;margin-bottom:24px}.account-tabs a{padding:10px 18px;background:#f4f4f4}.account-tabs .active{background:#19191a;color:#fff}.account-empty{text-align:center;padding:55px 15px;max-width:640px}.account-empty p{color:#777}.account-empty .black{display:inline-block;margin-top:16px;padding:14px 22px}.account-order-card{display:block;padding:24px;background:#f4f4f4;margin-bottom:18px}.account-order-card>div,.account-between{display:flex;justify-content:space-between;gap:14px}.account-order-card img{width:80px;height:105px;object-fit:cover}.account-order-heading{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-bottom:20px}.account-order-heading h2{font-size:16px;font-weight:600;margin:0}.account-box{background:#f4f4f4;padding:24px;margin-bottom:12px}.account-box p{margin:8px 0}.account-box hr{border:0;border-top:1px solid #e1e1e1;margin:16px 0}.account-order-summary{display:grid;grid-template-columns:1fr 1fr;gap:12px}.account-right{float:right}.account-order-product{display:flex;gap:20px;align-items:center;border:1px solid #ddd;padding:18px}.account-order-product img{width:75px;height:100px;object-fit:cover}.account-order-product>strong{margin-left:auto;white-space:nowrap}.account-links{display:flex;gap:24px;flex-wrap:wrap;margin-top:24px;color:#666;font-size:13px}.account-loyalty{max-width:480px}.account-loyalty progress{width:100%;height:5px;accent-color:#19191a}.account-between{font-size:12px;margin-top:8px}.account-operation{display:flex;gap:14px;align-items:center}.account-operation>span{background:#fff;border-radius:50%;padding:10px}.account-operation small{display:block;color:#777;margin-top:5px}.account-operation strong{margin-left:auto;font-weight:400}.account-notifications{display:flex;justify-content:space-between;align-items:center;max-width:580px;padding:24px 0}.account-notifications small{display:block;color:#777;margin-top:8px}.account-notifications input{appearance:none;width:42px;height:24px;border-radius:20px;background:#ddd;position:relative;cursor:pointer}.account-notifications input:before{content:'';position:absolute;width:18px;height:18px;border-radius:50%;background:#fff;top:3px;left:3px;transition:transform .2s}.account-notifications input:checked{background:#19191a}.account-notifications input:checked:before{transform:translateX(18px)}.account-login{max-width:520px;margin:50px auto}.account-login .black{padding:16px 20px;width:100%}.account-login .muted{font-size:12px}#account-edit{border:0;padding:32px;max-width:460px;width:calc(100% - 32px)}#account-edit::backdrop{background:#0008}#account-edit input{display:block;width:100%;padding:12px;border:1px solid #ccc;margin:12px 0}#account-edit button{padding:12px 20px;margin-right:8px}.account-content .product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.account-page a{text-decoration:none}.account-page :focus-visible{outline:2px solid #333;outline-offset:3px}@media(max-width:767px){.account-page{padding:16px 12px 40px}.account-layout{grid-template-columns:1fr;gap:24px}.account-nav{flex-direction:row;overflow:auto;padding-bottom:8px}.account-nav a,.account-nav button{white-space:nowrap;font-size:13px;padding:10px}.account-nav svg{width:18px;height:18px}.account-order-summary{grid-template-columns:1fr}.account-box{padding:18px}.account-order-product{gap:10px;padding:12px;flex-wrap:wrap}.account-content .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.account-demo-note{gap:6px}.account-field{gap:12px}.account-login{margin:24px auto}.account-order-heading h2{font-size:14px}.account-links{gap:16px}}
.account-order-card>.account-purchase-items,.account-purchase-items{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;gap:18px;overflow-x:auto;padding:6px 0 12px;scroll-snap-type:x proximity}.account-purchase-item{flex:0 0 150px;min-width:0;scroll-snap-align:start}.account-purchase-item picture,.account-purchase-item img{display:block;width:150px!important;height:200px!important;object-fit:cover}.account-purchase-meta{display:flex;flex-direction:column;gap:6px;padding-top:10px;font-size:12px;line-height:1.4}.account-purchase-meta strong{font-size:14px;font-weight:500}.account-return-badge{align-self:flex-start;background:#fff;border:1px solid #c9b5aa;padding:4px 8px;color:#774b3d}.account-purchase-placeholder{width:150px;height:200px;background:#e8e8e8;display:grid;place-items:center;color:#777;font-size:12px}#real-profile-form input{display:block;width:100%;min-width:240px;margin-top:10px;border:1px solid #ddd;background:#fff;padding:12px;font:inherit}#real-profile-form button{padding:14px 20px}#real-profile-form button:disabled{opacity:.5}@media(max-width:600px){.account-purchase-item{flex-basis:125px}.account-purchase-item picture,.account-purchase-item img,.account-purchase-placeholder{width:125px!important;height:167px!important}.account-order-card>.account-purchase-items,.account-purchase-items{gap:12px}}
