/* Master b2e6431 supplies the commerce, checkout and address layout. These rules
   adapt English provider controls and international fields without legacy skins. */
.tg-account .account-layout :is(#Order-Types,#purchase-status-tab){display:flex;gap:6px;flex-wrap:wrap;list-style:none;width:100%;margin:0;padding:18px 0}
.tg-account .account-layout :is(#Order-Types,#purchase-status-tab)>li{flex:1;width:auto;min-width:0;margin:0;padding:0;list-style:none}
.tg-account .account-layout :is(#Order-Types,#purchase-status-tab)>li>a{display:flex;align-items:center;justify-content:center;width:100%;min-height:36px;margin:0;padding:9px 12px;background:#f2f2f2;color:#17200c;font-size:11px;line-height:1.6;text-decoration:none;text-align:center}
.tg-account .account-layout :is(#Order-Types,#purchase-status-tab)>li>a[aria-current="page"]{background:#000;color:#fff}
.tg-account .account-layout .order-empty{margin:24px 0;padding:32px 16px;text-align:center;color:#8b9283;font-size:12px}

/* Same option panel and explicit Pay action as master; English providers stay. */
.tg-payment .commerce-main>.checking-box{width:min(720px,calc(100% - 96px));padding:30px 0 64px}
.tg-payment .checking-box h2{margin:0;font-size:23px;font-weight:500;line-height:1.5}
.tg-payment .checking-option button{font-family:inherit;font-size:18px;color:#26351b}
.tg-payment .checking-option .checking-button[aria-pressed="true"]{border:3px solid #0071e3;background:#fbfcf7}
.tg-payment .checking-button svg{width:32px;height:24px;fill:none;stroke:currentColor;stroke-width:1.5;margin-right:12px}
.tg-payment .payment-paypal{font-weight:700;font-style:italic;color:#003087;letter-spacing:-.5px}
.tg-payment #checking-submit-button{display:flex;align-items:center;justify-content:center;width:100%;height:auto;min-height:43px;margin:0;padding:12px 20px;border:1px solid #cce773;border-radius:0;background:#d8f879;color:#17200c;font-family:inherit;font-size:13px;line-height:1.5;cursor:pointer}
.tg-payment #payment-message{margin:10px 0 0;min-height:20px;color:#a04132;font-size:12px}
.tg-complete #payment-text{font-size:26px;line-height:1.5}
.tg-complete :is(#address-button,#exit_button){display:flex;align-items:center;justify-content:center;max-width:290px;width:100%;min-height:43px;height:auto;margin:24px auto 0;padding:12px 19px;border:1px solid #d8f879;border-radius:0;background:#d8f879;color:#17200c;font-size:12px;cursor:pointer}
.tg-complete :is(#address-button,#exit_button)>span{margin:0;color:inherit;font:inherit}
.tg-form-page .tg-address-content #phoneNumbe-box{display:grid;grid-template-columns:96px minmax(0,1fr);gap:10px;width:100%;margin:0;padding:0;min-width:0}
.tg-form-page .tg-address-content #phoneNumbe-box>div{min-width:0;width:100%;margin:0}
.tg-form-page .tg-address-content #email-tips{grid-column:1/-1;font-size:11px;color:#7d8d6b;line-height:1.7}
.tg-form-page .tg-address-content #country-areacode-selector{width:100%;min-width:0}
/* Center the heading and delivery panel on the same axis at every viewport. */
.tg-form-page .english-address>.tg-wrap{width:min(1000px,calc(100% - 96px));margin-inline:auto}
.tg-form-page .english-address .tg-address-content{width:100%;max-width:none;margin-inline:auto}

/* Accessories share Checkout's product/address/coupon/submit containers. */
.tg-checkout .english-accessories_order>.flex-container>.flex-item{justify-items:normal;align-items:stretch}
.tg-checkout .english-accessories_order #order-info-text{flex-wrap:wrap}
.tg-checkout .english-accessories_order :is(#bundle-info,#armband-price-note){display:block;margin:10px 0 0;font-size:11px;line-height:1.7;color:#79866b}
.tg-checkout .english-accessories_order #bundle-info{color:#536b3c}
.tg-checkout .english-accessories_order #armband-price-note{color:#93683e}
.tg-checkout .english-accessories_order :is(#coupon-empty,#promo-msg){font-size:12px;line-height:1.7;color:#839274}
.tg-checkout .english-accessories_order .checkout-new-address{display:block;text-decoration:none}
.tg-checkout .english-accessories_order :is(.acc-addr-card,.acc-coupon-card).selected{border-color:#0071e3}
.tg-checkout .english-accessories_order .nameandaddress-info{display:block;width:100%;min-width:0;height:auto;margin:0 0 12px;padding:0;border:0;background:transparent}
.tg-checkout .english-accessories_order .nameandaddress-info>span{display:block;margin:0 0 8px;font-size:12px;color:#79866b}
.tg-checkout .english-accessories_order #promo-input{width:100%;min-width:0;height:43px;padding:10px 13px;border:1px solid #d5e1c6;background:#fbfdf7;font-size:13px}

/* Master card geometry and palette, with legacy arrow and field frames removed. */
body.tg-commerce.tg-refund #refund-process{position:static;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));height:auto;min-height:48px;overflow:hidden}
body.tg-commerce.tg-refund #refund-process .refund-process-info{position:static;inset:auto;float:none;clip-path:none;width:auto;height:auto;min-height:48px;margin:0;padding:15px;display:flex;align-items:center;justify-content:center;border:0;border-right:1px solid #d1ddbf;background:transparent;line-height:1.6;text-align:center}
body.tg-commerce.tg-refund #refund-process .refund-process-info[aria-current="step"]{background:#d7e3c5;color:#354c23}
body.tg-commerce.tg-refund #refund-process .refund-process-info:last-child{border-right:0}
body.tg-commerce.tg-refund #refund-process .refund-process-info>span{font-size:12px;line-height:1.6}
.tg-refund #refund-type{margin:0;padding:0;display:block}
.tg-refund .refund-info{border:0;border-radius:0;background:transparent;float:none;min-height:43px;flex-wrap:nowrap}
.tg-refund .refund-info:nth-child(odd){margin-right:0}
.tg-refund .refund-info>span{flex:0 0 130px;width:130px;height:auto;padding:0;inset:auto;line-height:1.6}
.tg-refund .refund-info>:is(input,select){flex:1;max-width:570px}
.tg-refund #priceBox .refund-text{flex:1;min-width:0;width:auto;height:auto;margin:0;padding:0;line-height:43px;color:#536b3c;font-size:14px}
.tg-refund #refund-description{display:grid;grid-template-columns:130px minmax(0,1fr);gap:8px 11px;height:auto;min-height:0;border:0;border-radius:0;background:transparent}
.tg-refund #refund-description-title{position:static;inset:auto;margin:10px 0 0;padding:0;font-size:11px;line-height:1.6}
.tg-refund #refund-description textarea{grid-column:2;width:100%;max-width:570px;height:113px;margin:0;padding:10px 13px;border:1px solid #d5e1c6;border-radius:0;background:#fbfdf7;font-family:inherit;font-size:12px;line-height:1.8;resize:vertical}
.tg-refund #refund-description textarea::placeholder{font:inherit;color:#9aa78e}
.tg-refund #char-count{position:static;grid-column:2;width:100%;max-width:570px;text-align:right;font-size:10px;color:#9baa89}
.tg-refund #refund-img{display:grid;grid-template-columns:130px minmax(0,1fr);gap:12px 11px;height:auto;min-height:0}
.tg-refund #refund-img-title{margin:10px 0 0}
.tg-refund #image-upload-container{position:static;display:flex;align-items:center;flex-wrap:wrap;gap:16px;width:100%;height:auto}
.tg-refund #image-input{display:none}
.tg-refund #custom-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;flex:none;width:auto;height:auto;min-height:43px;margin:0;padding:10px 16px;border:1px solid #cbd8bd;border-radius:0;background:#f7faf0;color:#536b3c;cursor:pointer}
.tg-refund #custom-button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.tg-refund #custom-button>span{font-size:12px;line-height:1.6}
.tg-refund #refund-img-instruction{position:static;inset:auto;margin:0;font-size:10px;line-height:1.8}
.tg-refund #image-list{grid-column:2;display:flex;flex-wrap:wrap;gap:12px}
.tg-refund .image-container{position:relative;width:96px;height:96px;border:1px solid #d5dfc5;background:#f7faf0}
.tg-refund .image-item{display:block;width:100%;height:100%;object-fit:cover}
.tg-refund .delete-button{position:absolute;right:0;top:0;width:22px;height:22px;padding:0;border:0;background:#20251b;color:#fff;cursor:pointer}
.tg-refund #refund-button{margin-left:141px}
.tg-refund #refund-submit-button{border:1px solid #d8f879;border-radius:0;background:#d8f879;color:#17200c;cursor:pointer}
.tg-refund #agreement-content{margin-left:141px}
.tg-refund #phoneNumbe-box{display:grid;grid-template-columns:230px minmax(0,1fr);gap:24px;max-width:711px;width:100%;margin:0;padding:0}
.tg-refund #phoneNumbe-box .refund-info{min-width:0}
.tg-refund #phoneNumbe-box .refund-info>span{flex-basis:auto;width:auto;min-width:0}
.tg-refund #phoneNumbe-box :is(input,select){width:100%;min-width:0;max-width:100%}
.tg-refund #refund-product-contactUs{border:0;background:none;text-decoration:underline;text-underline-offset:4px}
.tg-refund .overlay{display:none;overflow:auto}
.tg-refund :is(.overlay-content,.white-content){display:block;width:min(760px,100%);max-height:80vh;margin:0;padding:30px;overflow:auto;border:1px solid #cbd6bd;border-radius:0;background:#fbfaf6;color:#39482d;font-size:12px;line-height:1.9}
.tg-refund .overlay-content{max-width:400px}
.tg-refund .overlay-info{display:grid;gap:4px;margin:18px 0;overflow-wrap:anywhere}
.tg-refund #overlay-contactUs{font-size:20px;font-weight:500}
.tg-refund .overlay-close-button{margin-top:20px;padding:10px 18px;border:1px solid #cbd6bd;background:#d8f879;color:#26351b;cursor:pointer}

/* English service-state actions use the same master card surface. */
body.after-sales-page.tg-commerce{background:#f2efe8;color:#151719}
.after-sales-page.tg-commerce #refund-detail{max-width:none}
.after-sales-page.tg-commerce .after-sales-card{border:1px solid #d8e2ca;border-radius:0;background:#fff;box-shadow:none}
.after-sales-page.tg-commerce .after-sales-card h2{font-size:18px;color:#35452b}
.after-sales-page.tg-commerce :is(.after-sales-button,.order-receipt-button){border:1px solid #c7d1b9;border-radius:0;background:#f7faf0;color:#35452b;font-size:12px}
.after-sales-page.tg-commerce :is(.after-sales-button-primary,.order-receipt-button){background:#d8f879;border-color:#cce773;color:#17200c}
@media(max-width:700px){
 .tg-form-page .english-address>.tg-wrap{width:calc(100% - 40px)}
 .tg-account .account-layout :is(#Order-Types,#purchase-status-tab)>li>a{padding:9px 5px;font-size:10px}
 .tg-payment .commerce-main>.checking-box{width:calc(100% - 40px);padding:24px 0 48px}
 .tg-payment .checking-box h2{font-size:19px}
 .tg-form-page .tg-address-content #address-form{grid-template-columns:1fr}
 body.tg-commerce.tg-refund #refund-process .refund-process-info{padding:12px 7px;min-height:46px}
 body.tg-commerce.tg-refund #refund-process .refund-process-info>span{font-size:10px}
 .tg-refund .refund-info{min-height:0}
 .tg-refund .refund-info>span{width:auto;margin-bottom:8px}
 .tg-refund #refund-description,.tg-refund #refund-img{grid-template-columns:1fr;gap:10px}
 .tg-refund #refund-description textarea,.tg-refund #char-count,.tg-refund #image-list{grid-column:1}
 .tg-refund #refund-description textarea{font-size:13px}
 .tg-refund #refund-button,.tg-refund #agreement-content{margin-left:0}
 .tg-refund #phoneNumbe-box{grid-template-columns:100px minmax(0,1fr);gap:14px}
 .tg-refund #refund-img-instruction{font-size:10px}
 .tg-refund #refund-product-contactUs{margin-left:auto}
}