:root{--line:#deebe4;--radius:20px}body[data-surface=customer]{background:#f4f8f5;color:#163b2a}body[data-surface=customer] #main{max-width:1200px;padding-top:28px}body[data-surface=customer] .panel{border:1px solid #e1ebe5;box-shadow:0 8px 32px #153d2610;border-radius:22px}body[data-surface=customer] .hero{background:linear-gradient(120deg,#e0f1e7,#f5faf7);border:1px solid #d6eade;border-radius:28px;padding:48px;overflow:hidden}body[data-surface=customer] .hero h1{letter-spacing:-1.7px;line-height:1.08;max-width:620px}body[data-surface=customer] .hero p{max-width:460px;line-height:1.65}body[data-surface=customer] .eyebrow{letter-spacing:1.4px;font-size:.8125rem}body[data-surface=customer] .filters{padding:12px;background:white;border:1px solid var(--line);border-radius:18px;margin-bottom:20px}body[data-surface=customer] .search-field{border:0;background:#f0f6f2}body[data-surface=customer] .product{padding:12px;border-radius:22px;border:1px solid #e0ebe4;box-shadow:0 4px 14px #163b2a06}body[data-surface=customer] .product-photo{background:#f1f6f2;border-radius:16px}body[data-surface=customer] .product-photo img{height:190px}body[data-surface=customer] .product h3{font-size:15px;line-height:1.5;min-height:46px}body[data-surface=customer] .product .price{font-size:23px;font-weight:800}body[data-surface=customer] .product-footer button{border-radius:12px;min-height:46px}body[data-surface=customer] .product-footer input{min-height:46px;background:#f5f8f5;border-radius:12px}body[data-surface=customer] .stock{font-size:.8125rem;color:#4d715e}body[data-surface=customer] .chips{padding-bottom:12px;gap:8px}body[data-surface=customer] .chip{border-radius:100px;background:white;border:1px solid #d6e5dc;padding:10px 17px}body[data-surface=customer] .chip.active{background:#163e29;color:white}body[data-surface=customer] .page-header h1{letter-spacing:-.8px}body[data-surface=customer] .order-card{border-radius:20px;box-shadow:0 4px 20px #173e2910}body[data-surface=customer] .timeline{margin-top:20px}body[data-surface=customer] .cart-row{padding:20px 0}body[data-surface=customer] .cart-row img{background:#f1f6f2;border-radius:14px}body[data-surface=customer] input,body[data-surface=customer] select,body[data-surface=customer] textarea{font-size:16px;border-radius:12px;min-height:48px;background:#fff}body[data-surface=customer] .notice{border-radius:14px;line-height:1.6}.checkout-progress{display:flex;gap:10px;list-style:none;padding:0;margin:0 0 24px}.checkout-progress li{font-size:13px;padding:10px 16px;background:#e7efe9;border-radius:100px;color:#45624f}.checkout-progress .active{background:#174f33;color:white}.checkout-section{padding-bottom:24px;margin-bottom:6px;border-bottom:1px solid var(--line)}.checkout-section h2{font-size:21px;margin-bottom:20px}.checkout-section label{margin:12px 0}.checkout-section select{min-height:54px;font-weight:600;border:1px solid #bcd5c5}.checkout-layout{align-items:start}.checkout-summary h2{margin:8px 0 22px}.summary-product{display:flex;gap:12px;align-items:center;border-bottom:1px solid var(--line);padding:14px 0}.summary-product img{width:46px;height:50px;background:#edf5ef;border-radius:8px}.summary-product span{flex:1;font-size:13px}.summary-product strong{white-space:nowrap;font-size:13px}.checkout-submit button{min-height:56px;font-size:16px;border-radius:14px}.receipt-box{border:1px solid #bed6c6;background:#edf7f0;border-radius:16px;padding:20px;margin:14px 0}.receipt-box h2{font-size:20px}.receipt-box p{margin:12px 0}.receipt-box button{width:100%;min-height:48px}.template-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.template-grid h2{overflow-wrap:anywhere;font-size:18px}.template-grid form{margin:14px 0}.template-grid .panel{min-width:0}.template-grid button{white-space:normal}.form-grid[data-form=delivery-area]{margin-bottom:24px;padding:16px;border:1px solid var(--line);border-radius:14px}.form-grid[data-form=delivery-area] .form-error{grid-column:1/-1}
@media(max-width:768px){body[data-surface=customer] #main{padding:20px 16px 110px}body[data-surface=customer] .hero{padding:28px 24px;border-radius:24px}body[data-surface=customer] .hero h1{font-size:36px;letter-spacing:-1.2px}body[data-surface=customer] .hero-art{min-height:180px}body[data-surface=customer] .hero-art img{height:145px}body[data-surface=customer] .trust-row{display:grid;grid-template-columns:1fr;gap:10px;font-size:.875rem;background:#fff;border-radius:16px;padding:16px}body[data-surface=customer] .products{gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}body[data-surface=customer] .product{padding:10px;border-radius:18px}body[data-surface=customer] .product-photo img{height:140px}body[data-surface=customer] .product h3{font-size:13px;min-height:40px}body[data-surface=customer] .product .price{font-size:21px}body[data-surface=customer] .product-footer{flex-wrap:wrap}body[data-surface=customer] .product-footer input{width:44px}body[data-surface=customer] .product-footer button{font-size:.875rem;flex:1;padding:10px 5px}body[data-surface=customer] .panel{padding:22px 18px}body[data-surface=customer] .filters{display:flex;flex-wrap:wrap;gap:8px}.filters .search-field{width:100%}.filters select{min-width:0;flex:1}.filters button{min-width:85px}.checkout-progress{gap:6px;margin-bottom:20px}.checkout-progress li{flex:1;padding:10px 6px;font-size:.8125rem;text-align:center}.checkout-layout{display:flex;flex-direction:column}.checkout-layout form,.checkout-layout aside{width:100%;min-width:0}.checkout-summary{order:-1}.checkout-summary .summary-product{padding:8px 0}.checkout-summary .summary-product img{width:34px;height:38px}.checkout-summary h2{font-size:20px;margin-bottom:12px}.checkout-submit{position:sticky;bottom:75px;z-index:12;background:#fff;padding:10px 0;border-radius:14px;box-shadow:0 -10px 20px #ffffffee}.checkout-section h2{font-size:20px}.template-grid{grid-template-columns:1fr}.three-ds-frame{min-height:530px}.receipt-box{padding:18px}body[data-surface=customer] .login-wrap{margin:15px auto}body[data-surface=customer] .bottom-nav{box-shadow:0 -6px 24px #163b2a0a}}
@media(min-width:769px){.checkout-summary{position:sticky;top:105px}}
body[data-surface=customer] .hero{color:#153c29}body[data-surface=customer] .hero .eyebrow{color:#35714d}body[data-surface=customer] .hero p{color:#42644f}body[data-surface=customer] .hero .button{background:#16834a;color:#fff}body[data-surface=customer] .hero-art .float-label{color:#153c29}
.status.PENDING{background:#fff1d0;color:#86580b}.status.REJECTED,.status.PAUSED{background:#fde6e5;color:#97372c}.status.APPROVED{background:#dcf2e3;color:#17653b}.status.unverified{background:#eef1ef;color:#536258}