/* Customer journey: standalone forms and account routes, release 30. */
body.mg-storefront:is(#address,#identity,#password,#authentication,#guest-tracking) #center_column{max-width:1000px;margin:0 auto;float:none}
body.mg-storefront:is(#address,#identity,#password,#authentication,#guest-tracking) .box{background:#fff;padding:32px;border:1px solid #dfe6ef;border-radius:16px}
body.mg-storefront:is(#address,#identity,#password,#authentication,#guest-tracking) .page-subheading{font-size:28px;font-weight:700;letter-spacing:-.6px;margin:0 0 12px;padding:0;border:0}
body.mg-storefront:is(#address,#identity,#password,#authentication,#guest-tracking) .info-title{font-size:15px;line-height:1.65;color:#647184;margin-bottom:18px}
body.mg-storefront:is(#address,#identity,#password,#authentication,#guest-tracking) .form-control{width:100%;max-width:none;height:48px;font-size:16px;background:#fff;padding:11px 13px;border-radius:8px}
body.mg-storefront:is(#address,#identity,#password,#authentication,#guest-tracking) textarea.form-control{height:96px;min-height:96px}
body.mg-storefront:is(#address,#identity,#password,#authentication,#guest-tracking) .form-group{max-width:none;margin:0 0 20px}
body.mg-storefront:is(#address,#identity,#password,#authentication,#guest-tracking) label{font-size:14px;color:#071b42;font-weight:600;line-height:1.5;margin-bottom:7px}
body.mg-storefront:is(#address,#identity,#password,#authentication,#guest-tracking) div.selector{width:100%!important;max-width:none;height:48px;border:0;background:none;padding:0;overflow:visible}
body.mg-storefront:is(#address,#identity,#password,#authentication,#guest-tracking) div.selector>span{display:none}
body.mg-storefront:is(#address,#identity,#password,#authentication,#guest-tracking) div.selector select{opacity:1;position:static;width:100%!important;min-width:0;height:48px;font-size:16px;border:1px solid #cdd6e4;background:#fff;border-radius:8px;padding:10px 30px 10px 12px;color:#071b42}
body#address #add_address{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px;max-width:none;width:100%;margin:24px 0 0}
body#address #add_address>.form-group:has(#company,#address1,#address2,#other,#alias),body#address #add_address>#vat_area,body#address #add_address>p{grid-column:1/-1}
body#address #add_address>.clearfix{display:none}
body#address #add_address .form-group{width:100%}
body#address #add_address>p.required{color:#647184;font-size:13px;margin:-6px 0 20px}
body#address #add_address .submit2{border-top:1px solid #e0e6ef;padding-top:22px;margin:4px 0 0;display:flex;justify-content:flex-end}
body.mg-storefront:is(#address,#identity,#password,#authentication,#guest-tracking) .button-medium{background:#095cf5;border:1px solid #095cf5;color:#fff;border-radius:8px;min-height:48px;font-size:15px;padding:12px 20px}
body.mg-storefront:is(#address,#identity,#password,#authentication,#guest-tracking) .button-medium span{padding:0;font-size:15px;line-height:22px;color:inherit}
body.mg-storefront .footer_links{border-top:0;padding:0;list-style:none}
body.mg-storefront .footer_links .button{background:#f3f6fa;border:1px solid #dfe6ef;color:#071b42;padding:12px 17px;min-height:44px}
body.mg-storefront .footer_links .button span{padding:0;color:inherit;font-size:14px}
body#identity .std>fieldset{max-width:650px;margin-top:24px}
body#identity .std .form-group .row{display:flex;gap:12px;margin:0}
body#identity .std .form-group .row>div{flex:1;padding:0;min-width:0}
body#password #center_column,body#guest-tracking #center_column{max-width:760px}
body#password #form_forgotpassword fieldset{display:block}
body#password #form_forgotpassword .form-group{float:none;width:100%;margin-top:24px}
body#password #form_forgotpassword .submit{margin:0;padding:0}
body#authentication #create-account_form,body#authentication #login_form{min-height:330px;height:100%}
body#authentication .account_creation{max-width:760px;margin-left:auto;margin-right:auto}
body#authentication .account_creation .form-group{max-width:100%}
body#addresses ul.address{background:#fff;padding:25px;line-height:1.9;min-height:240px}
body#addresses ul.address .address_update{display:flex;gap:10px;flex-wrap:wrap;padding-top:18px}
body#addresses ul.address .address_update .button{padding:10px 14px}
body.mg-storefront:is(#history,#order-follow,#order-slip,#discount,#order-detail,#guest-tracking) .table_block,body.mg-storefront #block-order-detail .table_block{max-width:100%;overflow-x:auto;border-radius:10px}
body.mg-storefront:is(#history,#order-follow,#order-slip,#discount,#order-detail) .table{font-size:14px;line-height:1.55;margin-top:20px}
body.mg-storefront #block-order-detail .box{background:#fff;line-height:1.7}
body.mg-storefront #block-order-detail textarea{width:100%;max-width:none}
body.mg-storefront .alert{border-radius:10px;padding:16px 20px;line-height:1.6}
body#order-confirmation #order_step{display:none}
body#order-confirmation .mg-confirmation-intro{background:#eef5ff;padding:32px;margin-top:0}
body#order-confirmation .mg-confirmation-details{background:white;padding:30px;font-size:16px;line-height:1.8}
body#order-confirmation .mg-confirmation-details .box{background:#fff;border:0;padding:0}
body#order-confirmation .cart_navigation a{background:#095cf5;color:white;border-radius:8px;padding:14px 20px;display:inline-flex;gap:10px;align-items:center}
.mg-journey-context{color:#095cf5;font-size:12px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;margin:0 0 14px}
.mg-journey-help{background:#f3f7fd;padding:16px 20px;border-radius:10px;margin:20px 0;color:#53627a;font-size:14px;line-height:1.65}
@media(max-width:600px){
body.mg-storefront:is(#address,#identity,#password,#authentication,#guest-tracking) .box{padding:22px 18px;border-radius:12px}
body.mg-storefront:is(#address,#identity,#password,#authentication,#guest-tracking) .page-subheading{font-size:24px}
body#address #add_address{grid-template-columns:minmax(0,1fr);margin-top:20px;gap:0}
body#address #add_address>.form-group,body#address #add_address>p{grid-column:1}
body#address #submitAddress{width:100%}
body#authentication #create-account_form,body#authentication #login_form{min-height:0;margin-bottom:20px}
body#order-confirmation .mg-confirmation-intro,body#order-confirmation .mg-confirmation-details{padding:22px 18px}
body.mg-storefront .footer_links .button{width:100%;text-align:center}
body.mg-storefront .footer_links li{width:100%}
}
body#order-confirmation .mg-payment-status{display:flex;gap:18px;align-items:flex-start;margin:20px 0 26px;padding:20px;background:#f3f7fd;border-radius:12px}
body#order-confirmation .mg-payment-status h3{font-size:20px;line-height:1.4;margin:0 0 8px;color:#071b42}
body#order-confirmation .mg-payment-status p{margin:0;color:#53627a;font-size:15px;line-height:1.65}
body#order-confirmation .mg-payment-icon{display:grid;place-items:center;width:44px;height:44px;flex:none;border-radius:50%;background:#095cf5;color:white;font-size:26px}
body#order-confirmation .mg-bank-details{margin:0 0 24px}
body#order-confirmation .mg-bank-details>div{display:grid;grid-template-columns:200px minmax(0,1fr);gap:20px;padding:16px 0;border-bottom:1px solid #e0e6ef}
body#order-confirmation .mg-bank-details dt{font-weight:400;color:#647184;font-size:14px}
body#order-confirmation .mg-bank-details dd{font-weight:600;color:#071b42;font-size:16px;overflow-wrap:anywhere}
@media(max-width:600px){body#order-confirmation .mg-bank-details>div{grid-template-columns:1fr;gap:4px}body#order-confirmation .mg-payment-status{padding:16px;gap:12px}body#order-confirmation .mg-payment-icon{width:34px;height:34px}}
body.mg-storefront:is(#identity,#authentication,#password,#guest-tracking) fieldset{min-width:0;width:100%;padding:0;border:0}
body#identity .std .form-group .row{width:100%;margin:0!important}
body#identity .std .form-group .row>div{width:calc((100% - 24px)/3);max-width:calc((100% - 24px)/3)}
body.mg-storefront:is(#identity,#authentication) .checkbox label{font-weight:400;line-height:1.6}