/* Account rules adapted from the public Maraton Sport formPage.css and account-functional.css. */
.form-page{background:#f7f7f7}
.form-page .form{padding-top:40px;padding-bottom:72px;background:#fff;text-align:center;color:#323232;min-height:calc(90vh - 54px);max-width:608px;margin:0 auto}
@media screen and (min-width:768px){.form-page .form{padding:80px}
}
@media screen and (min-width:1200px){.form-page .form{max-width:686px;padding:80px 121px;min-height:calc(100vh - 113px)}
}
@media screen and (min-width:1920px){.form-page .form{max-width:1042px;padding:96px 221px}
}
.form-page .form h1{text-transform:none}
.form-page .form .btn-base,.form-page .form .form-group,.form-page .form .p2,.form-page .form h1{margin-bottom:24px}
@media screen and (min-width:768px){.form-page .form .btn-base,.form-page .form .form-group,.form-page .form .p2,.form-page .form h1{margin-bottom:32px}
}
@media screen and (min-width:1920px){.form-page .form .btn-base,.form-page .form .form-group,.form-page .form .p2,.form-page .form h1{margin-bottom:40px}
}
@media screen and (min-width:768px){.form-page .form .btn-base{max-width:230px;margin-left:auto;margin-right:auto}
}
@media screen and (min-width:1920px){.form-page .form .btn-base{max-width:280px}
}
.form-page .form .link-underline{margin:0 auto;font-weight:500}
@media screen and (min-width:768px){.form-page.login .form .row{display:grid;grid-template-columns:repeat(2,1fr);-webkit-column-gap:20px;-moz-column-gap:20px;column-gap:20px}
}
.form-page.login .form .error{text-align:center;color:#ff3030;border:1px solid #ff3030;margin-bottom:24px;padding:2px;display:none}
@media screen and (min-width:1920px){.form-page.login .form .error{margin-bottom:36px}
}
.form-page.login .form .error.active{display:block}
.form-page.login .form h1{margin-bottom:29px}
@media screen and (min-width:768px){.form-page.login .form h1{margin-bottom:32px}
}
.form-page.login .form .forget{margin-left:0;margin-bottom:32px}
.form-page.login .social-login{padding-top:32px}
@media screen and (min-width:768px){.form-page.login .social-login{padding-top:40px}
}
@media screen and (min-width:1920px){.form-page.login .social-login{padding-top:54px}
}
.form-page.login .social-login .title{position:relative;margin-bottom:32px;color:#acacac}
@media screen and (min-width:1920px){.form-page.login .social-login .title{margin-bottom:41px}
}
.form-page.login .social-login .title:before{content:"";position:absolute;top:50%;border-bottom:1px solid #acacac;left:0;right:0}
.form-page.login .social-login .title .p2{padding:0 11px;background:#fff;position:relative;z-index:2;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:0 auto}
.form-page.login .btn-row{display:grid;grid-template-columns:1fr 1fr;-webkit-column-gap:18px;-moz-column-gap:18px;column-gap:18px}
@media screen and (min-width:768px){.form-page.login .btn-row{-webkit-column-gap:20px;-moz-column-gap:20px;column-gap:20px}
}
.form-page.login .btn-row a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:background .5s ease;-o-transition:background .5s ease;transition:background .5s ease;cursor:pointer;padding:14px}
.form-page.login .btn-row a svg{width:63px;height:16px}
@media screen and (min-width:1920px){.form-page.login .btn-row a svg{width:91px;height:19px}
}
.form-page.login .btn-row a path{-webkit-transition:fill .5s ease;-o-transition:fill .5s ease;transition:fill .5s ease}
.form-page.login .btn-row a:hover path{fill:#fff}
.form-page.login .btn-row .facebook{border:1px solid #3b5999}
.form-page.login .btn-row .facebook:hover{background:#3b5999}
.form-page.login .btn-row .google{border:1px solid #b73d4b}
.form-page.login .btn-row .google:hover{background:#b73d4b}
.account-alert {
    max-width: 760px;
    margin: 0 0 20px;
    padding: 12px 16px;
    border: 1px solid #d9d9d9;
    background: #f7f7f7;
    line-height: 1.45;
}

.account-alert--error {
    border-color: #b73d4b;
    color: #8f2632;
    background: #fff6f7;
}

.account-alert--success {
    border-color: #2c7a48;
    color: #23623a;
    background: #f4fbf6;
}

.account-success-page .form {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.account-success__icon {
    display: flex;
    width: 64px;
    height: 64px;
    margin: 0 auto 24px;
    align-items: center;
    justify-content: center;
    border: 1px solid #2c7a48;
    border-radius: 50%;
    color: #2c7a48;
    font-size: 32px;
    line-height: 1;
}

.account-success__message {
    max-width: 560px;
    margin: 0 auto 28px;
    line-height: 1.65;
}

.account-success__message p + p {
    margin-top: 12px;
}

.account-field-error {
    display: block;
    margin-top: 5px;
    color: #b73d4b;
    font-size: 12px;
}

/*
 * formPage.css uses .error for a hidden, page-level message. Registration
 * also uses .error on a field wrapper, so the original rule hid the entire
 * invalid field and its explanation.
 */
.form-page.login .form .form-group.error {
    display: block !important;
    margin-bottom: 24px;
    padding: 0;
    border: 0;
    color: inherit;
    text-align: left;
}

.form-page.login .form .form-group.error input {
    border-bottom-color: #b73d4b;
}

.form-page .form .checkbox {
    margin-top: 18px;
    margin-bottom: 18px;
}

.form-page .form .checkbox label {
    display: block;
}

.form-page .form .checkbox a {
    display: inline;
    text-decoration: underline;
}

.cabinet-page .cabinet-content {
    min-width: 0;
}

.cabinet-page .cabinet-content .form select {
    width: 100%;
    min-height: 44px;
    padding: 10px 12px;
    border: 1px solid #eaeaea;
    background: #fff;
    color: #1b1b1b;
}

.cabinet-page .cabinet-content .form .form-label {
    display: block;
    margin-bottom: 7px;
    color: #575757;
    font-size: 12px;
}

.account-dashboard__intro {
    max-width: 720px;
    margin-bottom: 24px;
}

.account-dashboard__name {
    margin-bottom: 8px;
}

.account-dashboard__details {
    display: grid;
    gap: 8px;
    margin: 22px 0 30px;
}

.account-dashboard__details span {
    color: #757575;
}

.account-dashboard__actions {
    display: grid;
    gap: 10px;
    max-width: 620px;
}

.account-dashboard__actions .btn-base-light {
    width: 100%;
}

.account-empty {
    max-width: 680px;
    padding: 24px 0;
}

.account-empty p {
    margin-bottom: 18px;
}

.account-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 20px;
}

.account-actions .btn-base,
.account-actions .btn-base-light {
    width: auto;
    min-width: 170px;
}

.address-card {
    padding: 18px 0;
    border-bottom: 1px solid #eaeaea;
}

.address-card:first-of-type {
    border-top: 1px solid #eaeaea;
}

.address-card__text {
    margin-bottom: 14px;
    line-height: 1.65;
}

.address-card__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
}

.cabinet-page .cabinet-content.wish .list-item .item-remove {
    z-index: 3;
}

.cabinet-page .cabinet-content.wish .list-item .bottom .link-underline {
    display: inline-block;
}

.order-summary {
    display: grid;
    gap: 8px;
    padding: 16px 0 8px;
}

.order-summary__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
    margin-top: 10px;
}

.order-status--complete {
    color: #2c7a48;
}

.order-status--cancelled {
    color: #b73d4b;
}

.order-detail__grid {
    display: grid;
    gap: 18px;
    margin: 24px 0;
}

.order-detail__card {
    padding: 18px;
    border: 1px solid #eaeaea;
}

.order-detail__card .h4 {
    margin-bottom: 14px;
}

.order-detail__card p + p {
    margin-top: 8px;
}

.order-detail__address {
    line-height: 1.65;
}

.order-table-wrap {
    max-width: 100%;
    margin: 24px 0;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.order-table {
    width: 100%;
    min-width: 680px;
    border-collapse: collapse;
}

.order-table th,
.order-table td {
    padding: 13px 12px;
    border-bottom: 1px solid #eaeaea;
    text-align: left;
    vertical-align: top;
}

.order-table__option {
    display: block;
    margin-top: 6px;
    color: #757575;
}

.order-detail__history {
    margin-top: 28px;
}

.order-detail__history > .h4 {
    margin-bottom: 12px;
}

.order-history__row {
    display: grid;
    gap: 6px;
    padding: 14px 0;
    border-bottom: 1px solid #eaeaea;
}

.pagination {
    margin-top: 25px;
}

@media screen and (min-width: 768px) {
    .account-dashboard__details {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .account-dashboard__actions {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .order-summary {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .order-detail__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .order-history__row {
        grid-template-columns: 130px 180px minmax(0, 1fr);
    }
}

.sd-account-link{display:flex;align-items:center;gap:9px;color:#fff;white-space:nowrap;font-size:12px;text-decoration:none;margin-right:20px;flex-shrink:0}.sd-account-link:focus-visible{outline:2px solid white;outline-offset:4px}
.sd-account .form-page{padding:48px 16px;background:#f7f7f7;display:block;min-height:450px}
.sd-account-panel{max-width:686px;margin:0 auto;background:#fff;padding:38px 56px}
.sd-account-panel h1{text-align:center;text-transform:none;font-size:26px;line-height:1.3;margin:0 0 32px;font-weight:500}
.sd-account-panel .form{display:block;width:100%;max-width:444px;margin:0 auto;padding:0;background:none}
.sd-account-panel:has(.sd-fields-grid) .form{max-width:574px}
.sd-account-panel .form-group{margin:0 0 20px!important;display:block;position:static}
.sd-account-panel .form-label{display:block;position:static!important;font-size:12px;color:#575757;margin:0 0 7px;transform:none!important}
.sd-account-panel input:not([type=hidden]):not([type=checkbox]){display:block;box-sizing:border-box;width:100%;height:44px;border:1px solid #eaeaea;background:#fff;padding:10px 12px;color:#1b1b1b;font-size:14px}
.sd-account-panel .btn-base{display:block;min-height:44px;width:230px;max-width:100%;margin:26px auto 20px;background:#151d29;color:#fff;border:0;text-transform:none;cursor:pointer}
.sd-account-panel .form>a:not(.sd-forgot){display:block;text-align:center;margin-top:12px;color:#1b1b1b}
.sd-account-panel .sd-forgot{display:inline-block;color:#1b1b1b;margin:0}
.sd-fields-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}
.sd-account-panel .sd-checkbox{display:flex;gap:10px;margin:18px 0;font-size:12px;line-height:1.6;position:static;transform:none}
.sd-checkbox input{flex-shrink:0;appearance:auto;width:16px;height:16px;margin-top:2px}.sd-checkbox a{text-decoration:underline;display:inline;color:inherit}
.sd-account-panel p{line-height:1.65;margin-bottom:22px}.sd-account .account-alert{font-size:14px}.sd-account-panel .account-alert{margin-bottom:20px}
.sd-dashboard{background:#fff;padding:36px;max-width:880px;margin:32px auto}.sd-dashboard h1{font-size:26px;margin-bottom:24px}.sd-dashboard h2{font-size:18px}.sd-dashboard p{line-height:1.6;margin-bottom:16px}.sd-dashboard .btn-base-light{display:flex;align-items:center;justify-content:center;border:1px solid #eaeaea;color:#1b1b1b;padding:14px;text-decoration:none;min-height:44px}
.sd-account-secondary{max-width:1140px;margin:32px auto;padding:0 16px;box-sizing:border-box}.sd-account-secondary h1{font-size:26px;margin:24px 0}.sd-account-secondary h2{font-size:18px;margin:20px 0}.sd-account-secondary #content{max-width:100%;float:none;margin:0;width:100%}.sd-account-secondary .content{padding:20px;background:#fff}.sd-account-secondary input:not([type=radio]):not([type=checkbox]),.sd-account-secondary select{min-height:44px;padding:10px;border:1px solid #eaeaea;max-width:100%;box-sizing:border-box}.sd-account-secondary .button{display:inline-block;background:#151d29;color:white;padding:12px 20px;border:0;text-decoration:none;margin:10px 0}.sd-account-secondary .buttons{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;margin:20px 0}.sd-account-secondary table{width:100%;border-collapse:collapse}.sd-account-secondary td,.sd-account-secondary th{padding:12px;border-bottom:1px solid #eaeaea}.sd-account-secondary .error{color:#b73d4b;display:block}.sd-account input:focus-visible,.sd-account select:focus-visible,.sd-account button:focus-visible{outline:2px solid #151d29;outline-offset:2px}
@media(max-width:1100px){.sd-account-link span{display:none}.sd-account-link{margin-right:14px}}
@media(max-width:767px){.sd-account .form-page{padding:24px 12px}.sd-account-panel{padding:28px 20px}.sd-account-panel h1{font-size:23px;margin-bottom:24px}.sd-fields-grid{grid-template-columns:1fr;gap:0}.sd-dashboard{padding:24px 20px;margin:20px 0}.sd-account-secondary table.form td{display:block;padding:8px 0}.sd-account-secondary table.form input{width:100%}.sd-account-link{margin-right:12px}.sd-account-link svg{width:19px;height:21px}}

.sd-account-panel .account-field-error{display:block!important}.sd-account-panel .form-label{height:auto;opacity:1;visibility:visible}.sd-account-panel .form>p{color:#575757}.sd-account-secondary .block-for-hide{display:block}

#header .sd-account-link{color:#151d29}.sd-account-panel .form{text-align:left}.sd-account-panel .form-group{border:0;padding:0;background:none;height:auto}.sd-account-panel .form-label{text-align:left;border:0;padding:0}.sd-account-panel .form-label:after,.sd-account-panel .form-label:before{display:none!important}.sd-account-panel .sd-forgot{display:block;text-align:left}.sd-account-panel .form-group:after,.sd-account-panel .form-group:before{display:none!important}

.sd-account .form-page.login .form .form-group label.form-label{border-bottom:0!important;text-align:left!important;margin-bottom:7px!important}#header .sd-account-link svg{stroke:currentColor;fill:none;display:block}#header .sd-account-link span{color:inherit}@media(max-width:767px){#header .sd-account-link{color:#fff}}

#header .sd-account-link{position:relative;z-index:10}.sd-account .sd-account-panel .form{min-height:0!important;height:auto!important}.sd-account .sd-account-panel .sd-forgot{margin:0!important;width:auto!important;text-align:left!important}.sd-account-panel .form-label{cursor:default}

#header .sd-account-link{z-index:102}.sd-account .sd-account-panel .sd-forgot{display:inline-block!important;width:fit-content!important}

.sd-account-panel>a.link-underline{display:table;margin:0 auto;color:#1b1b1b}

/* Account control next to the cart, matching its header row on all screens. */
#header .sd-account-link{color:#fff;width:28px;min-width:28px;height:36px;justify-content:center;margin:0 12px 0 0;flex-shrink:0}
#header .sd-account-link span{display:none!important}
@media(min-width:1200px){#header .sd-account-link{position:absolute;top:0;right:calc(5vw + 132px);width:32px;height:36px;margin:0}}
@media(min-width:1920px){#header .sd-account-link{right:calc(6vw + 150px)}}

@media(max-width:1199px){#header .sd-account-link+.cart-header .cart-link{margin-left:0}}