/* Start:/local/templates/apple/css/libs.css?177632686570871*/ *,::after,::before{-webkit-box-sizing:border-box;box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:transparent}@-ms-viewport{width:device-width}article,aside,dialog,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}body{margin:0;font-family:var(--font-primary);font-size:1rem;font-weight:400;line-height:1.5;color:#333;text-align:left;background-color:#fff}[tabindex="-1"]:focus{outline:0!important}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem}p{margin-top:0}abbr[data-original-title],abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;border-bottom:0}address,dl,ol,ul{margin-bottom:1rem}address{font-style:normal;line-height:inherit}dl,ol,ul{margin-top:0}ol ol,ol ul,p,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote,figure{margin:0 0 1rem}dfn{font-style:italic}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{background-color:transparent;-webkit-text-decoration-skip:objects}a,a:hover{color:#000;text-decoration:none}a:not([href]):not([tabindex]){color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus{outline:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}pre{margin-top:0;margin-bottom:1rem;overflow:auto}img{vertical-align:middle;border-style:none}svg:not(:root){overflow:hidden}[role=button],a,area,button,input,label,select,summary,textarea{-ms-touch-action:manipulation;touch-action:manipulation}table{border-collapse:collapse}caption{padding-top:.75rem;padding-bottom:.75rem;color:#999;text-align:left;caption-side:bottom}th{text-align:inherit}label{display:inline-block;margin-bottom:.5rem}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}input[type=checkbox],input[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}input[type=date],input[type=datetime-local],input[type=month],input[type=time]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;max-width:100%;padding:0;margin-bottom:.5rem;font-size:1.5rem;line-height:inherit;color:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item}template{display:none}[hidden]{display:none!important}.flex-column,.flex-row{-webkit-box-orient:horizontal!important;-webkit-box-direction:normal!important;-webkit-flex-direction:row!important;-ms-flex-direction:row!important;flex-direction:row!important}.flex-column{-webkit-box-orient:vertical!important;-webkit-flex-direction:column!important;-ms-flex-direction:column!important;flex-direction:column!important}.flex-column-reverse,.flex-row-reverse{-webkit-box-orient:horizontal!important;-webkit-box-direction:reverse!important;-webkit-flex-direction:row-reverse!important;-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-column-reverse{-webkit-box-orient:vertical!important;-webkit-flex-direction:column-reverse!important;-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-wrap{-webkit-flex-wrap:wrap!important;-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-nowrap{-webkit-flex-wrap:nowrap!important;-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-wrap-reverse{-webkit-flex-wrap:wrap-reverse!important;-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-fill{-webkit-box-flex:1!important;-webkit-flex:1 1 auto!important;-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-grow-0{-webkit-box-flex:0!important;-webkit-flex-grow:0!important;-ms-flex-positive:0!important;flex-grow:0!important}.flex-grow-1{-webkit-box-flex:1!important;-webkit-flex-grow:1!important;-ms-flex-positive:1!important;flex-grow:1!important}.flex-shrink-0{-webkit-flex-shrink:0!important;-ms-flex-negative:0!important;flex-shrink:0!important}.flex-shrink-1{-webkit-flex-shrink:1!important;-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-start{-webkit-box-pack:start!important;-webkit-justify-content:flex-start!important;-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-end{-webkit-box-pack:end!important;-webkit-justify-content:flex-end!important;-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-center{-webkit-box-pack:center!important;-webkit-justify-content:center!important;-ms-flex-pack:center!important;justify-content:center!important}.justify-content-between{-webkit-box-pack:justify!important;-webkit-justify-content:space-between!important;-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-around{-webkit-justify-content:space-around!important;-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-start{-webkit-box-align:start!important;-webkit-align-items:flex-start!important;-ms-flex-align:start!important;align-items:flex-start!important}.align-items-end{-webkit-box-align:end!important;-webkit-align-items:flex-end!important;-ms-flex-align:end!important;align-items:flex-end!important}.align-items-center{-webkit-box-align:center!important;-webkit-align-items:center!important;-ms-flex-align:center!important;align-items:center!important}.align-items-baseline{-webkit-box-align:baseline!important;-webkit-align-items:baseline!important;-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-stretch{-webkit-box-align:stretch!important;-webkit-align-items:stretch!important;-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-start{-webkit-align-content:flex-start!important;-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-end{-webkit-align-content:flex-end!important;-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-center{-webkit-align-content:center!important;-ms-flex-line-pack:center!important;align-content:center!important}.align-content-between{-webkit-align-content:space-between!important;-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-around{-webkit-align-content:space-around!important;-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-stretch{-webkit-align-content:stretch!important;-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-auto{-webkit-align-self:auto!important;-ms-flex-item-align:auto!important;-ms-grid-row-align:auto!important;align-self:auto!important}.align-self-start{-webkit-align-self:flex-start!important;-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-end{-webkit-align-self:flex-end!important;-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-center{-webkit-align-self:center!important;-ms-flex-item-align:center!important;-ms-grid-row-align:center!important;align-self:center!important}.align-self-baseline{-webkit-align-self:baseline!important;-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-stretch{-webkit-align-self:stretch!important;-ms-flex-item-align:stretch!important;-ms-grid-row-align:stretch!important;align-self:stretch!important}.m-0{margin:0!important}.mt-0,.my-0{margin-top:0!important}.mr-0,.mx-0{margin-right:0!important}.mb-0,.my-0{margin-bottom:0!important}.ml-0,.mx-0{margin-left:0!important}.m-1{margin:.25rem!important}.mt-1,.my-1{margin-top:.25rem!important}.mr-1,.mx-1{margin-right:.25rem!important}.mb-1,.my-1{margin-bottom:.25rem!important}.ml-1,.mx-1{margin-left:.25rem!important}.m-2{margin:.5rem!important}.mt-2,.my-2{margin-top:.5rem!important}.mr-2,.mx-2{margin-right:.5rem!important}.mb-2,.my-2{margin-bottom:.5rem!important}.ml-2,.mx-2{margin-left:.5rem!important}.m-3{margin:1rem!important}.mt-3,.my-3{margin-top:1rem!important}.mr-3,.mx-3{margin-right:1rem!important}.mb-3,.my-3{margin-bottom:1rem!important}.ml-3,.mx-3{margin-left:1rem!important}.m-4{margin:1.5rem!important}.mt-4,.my-4{margin-top:1.5rem!important}.mr-4,.mx-4{margin-right:1.5rem!important}.mb-4,.my-4{margin-bottom:1.5rem!important}.ml-4,.mx-4{margin-left:1.5rem!important}.m-5{margin:3rem!important}.mt-5,.my-5{margin-top:3rem!important}.mr-5,.mx-5{margin-right:3rem!important}.mb-5,.my-5{margin-bottom:3rem!important}.ml-5,.mx-5{margin-left:3rem!important}.p-0{padding:0!important}.pt-0,.py-0{padding-top:0!important}.pr-0,.px-0{padding-right:0!important}.pb-0,.py-0{padding-bottom:0!important}.pl-0,.px-0{padding-left:0!important}.p-1{padding:.25rem!important}.pt-1,.py-1{padding-top:.25rem!important}.pr-1,.px-1{padding-right:.25rem!important}.pb-1,.py-1{padding-bottom:.25rem!important}.pl-1,.px-1{padding-left:.25rem!important}.p-2{padding:.5rem!important}.pt-2,.py-2{padding-top:.5rem!important}.pr-2,.px-2{padding-right:.5rem!important}.pb-2,.py-2{padding-bottom:.5rem!important}.pl-2,.px-2{padding-left:.5rem!important}.p-3{padding:1rem!important}.pt-3,.py-3{padding-top:1rem!important}.pr-3,.px-3{padding-right:1rem!important}.pb-3,.py-3{padding-bottom:1rem!important}.pl-3,.px-3{padding-left:1rem!important}.p-4{padding:1.5rem!important}.pt-4,.py-4{padding-top:1.5rem!important}.pr-4,.px-4{padding-right:1.5rem!important}.pb-4,.py-4{padding-bottom:1.5rem!important}.pl-4,.px-4{padding-left:1.5rem!important}.p-5{padding:3rem!important}.pt-5,.py-5{padding-top:3rem!important}.pr-5,.px-5{padding-right:3rem!important}.pb-5,.py-5{padding-bottom:3rem!important}.pl-5,.px-5{padding-left:3rem!important}.m-auto{margin:auto!important}.mt-auto,.my-auto{margin-top:auto!important}.mr-auto,.mx-auto{margin-right:auto!important}.mb-auto,.my-auto{margin-bottom:auto!important}.ml-auto,.mx-auto{margin-left:auto!important}.text-monospace{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}.text-justify{text-align:justify!important}.text-nowrap{white-space:nowrap!important}.text-truncate{overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}.text-left{text-align:left!important}.text-right{text-align:right!important}.text-center{text-align:center!important}.text-lowercase{text-transform:lowercase!important}.text-uppercase{text-transform:uppercase!important}.text-capitalize{text-transform:capitalize!important}.font-weight-light{font-weight:300!important}.font-weight-normal{font-weight:400!important}.font-weight-bold{font-weight:700!important}.font-italic{font-style:italic!important}.text-white{color:#fff!important}.text-primary{color:#007bff!important}a.text-primary:focus,a.text-primary:hover{color:#0062cc!important}.text-secondary{color:#6c757d!important}a.text-secondary:focus,a.text-secondary:hover{color:#545b62!important}.text-success{color:#28a745!important}a.text-success:focus,a.text-success:hover{color:#1e7e34!important}.text-info{color:#17a2b8!important}a.text-info:focus,a.text-info:hover{color:#117a8b!important}.text-warning{color:#ffc107!important}a.text-warning:focus,a.text-warning:hover{color:#d39e00!important}.text-danger{color:#ff075c!important}a.text-danger:focus,a.text-danger:hover{color:#d30048!important}.text-light{color:#f8f9fa!important}a.text-light:focus,a.text-light:hover{color:#dae0e5!important}.text-dark{color:#343a40!important}a.text-dark:focus,a.text-dark:hover{color:#1d2124!important}.text-body{color:#333!important}.text-muted{color:#999!important}.text-black-50{color:rgba(34,34,34,.5)!important}.text-white-50{color:rgba(255,255,255,.5)!important}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0} /*! * Bootstrap Grid v4.1.0 (https://getbootstrap.com/) * Copyright 2011-2018 The Bootstrap Authors * Copyright 2011-2018 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ @-ms-viewport{width:device-width}html{-webkit-box-sizing:border-box;box-sizing:border-box;-ms-overflow-style:scrollbar}*,::after,::before{-webkit-box-sizing:inherit;box-sizing:inherit}.container,.container-fluid{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.row{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.no-gutters{margin-right:0;margin-left:0}.no-gutters>.col,.no-gutters>[class*=col-]{padding-right:0;padding-left:0}.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9{position:relative;width:100%;min-height:1px;padding-right:15px;padding-left:15px}.col-auto{position:relative;min-height:1px;padding-right:15px;padding-left:15px}.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{position:relative;width:100%;min-height:1px;padding-right:15px;padding-left:15px}.col{-webkit-flex-basis:0;-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-auto{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-1,.col-2,.col-3{-webkit-box-flex:0;-webkit-flex:0 0 8.33333%;-ms-flex:0 0 8.33333%;flex:0 0 8.33333%;max-width:8.33333%}.col-2,.col-3{-webkit-flex:0 0 16.66667%;-ms-flex:0 0 16.66667%;flex:0 0 16.66667%;max-width:16.66667%}.col-3{-webkit-flex:0 0 25%;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-4,.col-5,.col-6{-webkit-box-flex:0;-webkit-flex:0 0 33.33333%;-ms-flex:0 0 33.33333%;flex:0 0 33.33333%;max-width:33.33333%}.col-5,.col-6{-webkit-flex:0 0 41.66667%;-ms-flex:0 0 41.66667%;flex:0 0 41.66667%;max-width:41.66667%}.col-6{-webkit-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-7,.col-8,.col-9{-webkit-box-flex:0;-webkit-flex:0 0 58.33333%;-ms-flex:0 0 58.33333%;flex:0 0 58.33333%;max-width:58.33333%}.col-8,.col-9{-webkit-flex:0 0 66.66667%;-ms-flex:0 0 66.66667%;flex:0 0 66.66667%;max-width:66.66667%}.col-9{-webkit-flex:0 0 75%;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-10,.col-11,.col-12{-webkit-box-flex:0;-webkit-flex:0 0 83.33333%;-ms-flex:0 0 83.33333%;flex:0 0 83.33333%;max-width:83.33333%}.col-11,.col-12{-webkit-flex:0 0 91.66667%;-ms-flex:0 0 91.66667%;flex:0 0 91.66667%;max-width:91.66667%}.col-12{-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-first{-webkit-box-ordinal-group:0;-webkit-order:-1;-ms-flex-order:-1;order:-1}.order-last{-webkit-box-ordinal-group:14;-webkit-order:13;-ms-flex-order:13;order:13}.order-0{-webkit-box-ordinal-group:1;-webkit-order:0;-ms-flex-order:0;order:0}.order-1{-webkit-box-ordinal-group:2;-webkit-order:1;-ms-flex-order:1;order:1}.order-2{-webkit-box-ordinal-group:3;-webkit-order:2;-ms-flex-order:2;order:2}.order-3{-webkit-box-ordinal-group:4;-webkit-order:3;-ms-flex-order:3;order:3}.order-4{-webkit-box-ordinal-group:5;-webkit-order:4;-ms-flex-order:4;order:4}.order-5{-webkit-box-ordinal-group:6;-webkit-order:5;-ms-flex-order:5;order:5}.order-6{-webkit-box-ordinal-group:7;-webkit-order:6;-ms-flex-order:6;order:6}.order-7{-webkit-box-ordinal-group:8;-webkit-order:7;-ms-flex-order:7;order:7}.order-8{-webkit-box-ordinal-group:9;-webkit-order:8;-ms-flex-order:8;order:8}.order-9{-webkit-box-ordinal-group:10;-webkit-order:9;-ms-flex-order:9;order:9}.order-10{-webkit-box-ordinal-group:11;-webkit-order:10;-ms-flex-order:10;order:10}.order-11{-webkit-box-ordinal-group:12;-webkit-order:11;-ms-flex-order:11;order:11}.order-12{-webkit-box-ordinal-group:13;-webkit-order:12;-ms-flex-order:12;order:12}.offset-1{margin-left:8.33333%}.offset-2{margin-left:16.66667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.33333%}.offset-5{margin-left:41.66667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.33333%}.offset-8{margin-left:66.66667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.33333%}.offset-11{margin-left:91.66667%}.d-none{display:none!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-block{display:block!important}.d-table{display:table!important}.d-table-row{display:table-row!important}.d-table-cell{display:table-cell!important}.d-flex{display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important}.d-inline-flex{display:-webkit-inline-box!important;display:-webkit-inline-flex!important;display:-ms-inline-flexbox!important;display:inline-flex!important}.flex-column,.flex-row{-webkit-box-orient:horizontal!important;-webkit-box-direction:normal!important;-webkit-flex-direction:row!important;-ms-flex-direction:row!important;flex-direction:row!important}.flex-column{-webkit-box-orient:vertical!important;-webkit-flex-direction:column!important;-ms-flex-direction:column!important;flex-direction:column!important}.flex-column-reverse,.flex-row-reverse{-webkit-box-orient:horizontal!important;-webkit-box-direction:reverse!important;-webkit-flex-direction:row-reverse!important;-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-column-reverse{-webkit-box-orient:vertical!important;-webkit-flex-direction:column-reverse!important;-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-wrap{-webkit-flex-wrap:wrap!important;-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-nowrap{-webkit-flex-wrap:nowrap!important;-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-wrap-reverse{-webkit-flex-wrap:wrap-reverse!important;-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-fill{-webkit-box-flex:1!important;-webkit-flex:1 1 auto!important;-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-grow-0{-webkit-box-flex:0!important;-webkit-flex-grow:0!important;-ms-flex-positive:0!important;flex-grow:0!important}.flex-grow-1{-webkit-box-flex:1!important;-webkit-flex-grow:1!important;-ms-flex-positive:1!important;flex-grow:1!important}.flex-shrink-0{-webkit-flex-shrink:0!important;-ms-flex-negative:0!important;flex-shrink:0!important}.flex-shrink-1{-webkit-flex-shrink:1!important;-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-start{-webkit-box-pack:start!important;-webkit-justify-content:flex-start!important;-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-end{-webkit-box-pack:end!important;-webkit-justify-content:flex-end!important;-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-center{-webkit-box-pack:center!important;-webkit-justify-content:center!important;-ms-flex-pack:center!important;justify-content:center!important}.justify-content-between{-webkit-box-pack:justify!important;-webkit-justify-content:space-between!important;-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-around{-webkit-justify-content:space-around!important;-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-start{-webkit-box-align:start!important;-webkit-align-items:flex-start!important;-ms-flex-align:start!important;align-items:flex-start!important}.align-items-end{-webkit-box-align:end!important;-webkit-align-items:flex-end!important;-ms-flex-align:end!important;align-items:flex-end!important}.align-items-center{-webkit-box-align:center!important;-webkit-align-items:center!important;-ms-flex-align:center!important;align-items:center!important}.align-items-baseline{-webkit-box-align:baseline!important;-webkit-align-items:baseline!important;-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-stretch{-webkit-box-align:stretch!important;-webkit-align-items:stretch!important;-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-start{-webkit-align-content:flex-start!important;-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-end{-webkit-align-content:flex-end!important;-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-center{-webkit-align-content:center!important;-ms-flex-line-pack:center!important;align-content:center!important}.align-content-between{-webkit-align-content:space-between!important;-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-around{-webkit-align-content:space-around!important;-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-stretch{-webkit-align-content:stretch!important;-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-auto{-webkit-align-self:auto!important;-ms-flex-item-align:auto!important;-ms-grid-row-align:auto!important;align-self:auto!important}.align-self-start{-webkit-align-self:flex-start!important;-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-end{-webkit-align-self:flex-end!important;-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-center{-webkit-align-self:center!important;-ms-flex-item-align:center!important;-ms-grid-row-align:center!important;align-self:center!important}.align-self-baseline{-webkit-align-self:baseline!important;-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-stretch{-webkit-align-self:stretch!important;-ms-flex-item-align:stretch!important;-ms-grid-row-align:stretch!important;align-self:stretch!important}@media (min-width:576px){.m-sm-0{margin:0!important}.mt-sm-0,.my-sm-0{margin-top:0!important}.mr-sm-0,.mx-sm-0{margin-right:0!important}.mb-sm-0,.my-sm-0{margin-bottom:0!important}.ml-sm-0,.mx-sm-0{margin-left:0!important}.m-sm-1{margin:.25rem!important}.mt-sm-1,.my-sm-1{margin-top:.25rem!important}.mr-sm-1,.mx-sm-1{margin-right:.25rem!important}.mb-sm-1,.my-sm-1{margin-bottom:.25rem!important}.ml-sm-1,.mx-sm-1{margin-left:.25rem!important}.m-sm-2{margin:.5rem!important}.mt-sm-2,.my-sm-2{margin-top:.5rem!important}.mr-sm-2,.mx-sm-2{margin-right:.5rem!important}.mb-sm-2,.my-sm-2{margin-bottom:.5rem!important}.ml-sm-2,.mx-sm-2{margin-left:.5rem!important}.m-sm-3{margin:1rem!important}.mt-sm-3,.my-sm-3{margin-top:1rem!important}.mr-sm-3,.mx-sm-3{margin-right:1rem!important}.mb-sm-3,.my-sm-3{margin-bottom:1rem!important}.ml-sm-3,.mx-sm-3{margin-left:1rem!important}.m-sm-4{margin:1.5rem!important}.mt-sm-4,.my-sm-4{margin-top:1.5rem!important}.mr-sm-4,.mx-sm-4{margin-right:1.5rem!important}.mb-sm-4,.my-sm-4{margin-bottom:1.5rem!important}.ml-sm-4,.mx-sm-4{margin-left:1.5rem!important}.m-sm-5{margin:3rem!important}.mt-sm-5,.my-sm-5{margin-top:3rem!important}.mr-sm-5,.mx-sm-5{margin-right:3rem!important}.mb-sm-5,.my-sm-5{margin-bottom:3rem!important}.ml-sm-5,.mx-sm-5{margin-left:3rem!important}.p-sm-0{padding:0!important}.pt-sm-0,.py-sm-0{padding-top:0!important}.pr-sm-0,.px-sm-0{padding-right:0!important}.pb-sm-0,.py-sm-0{padding-bottom:0!important}.pl-sm-0,.px-sm-0{padding-left:0!important}.p-sm-1{padding:.25rem!important}.pt-sm-1,.py-sm-1{padding-top:.25rem!important}.pr-sm-1,.px-sm-1{padding-right:.25rem!important}.pb-sm-1,.py-sm-1{padding-bottom:.25rem!important}.pl-sm-1,.px-sm-1{padding-left:.25rem!important}.p-sm-2{padding:.5rem!important}.pt-sm-2,.py-sm-2{padding-top:.5rem!important}.pr-sm-2,.px-sm-2{padding-right:.5rem!important}.pb-sm-2,.py-sm-2{padding-bottom:.5rem!important}.pl-sm-2,.px-sm-2{padding-left:.5rem!important}.p-sm-3{padding:1rem!important}.pt-sm-3,.py-sm-3{padding-top:1rem!important}.pr-sm-3,.px-sm-3{padding-right:1rem!important}.pb-sm-3,.py-sm-3{padding-bottom:1rem!important}.pl-sm-3,.px-sm-3{padding-left:1rem!important}.p-sm-4{padding:1.5rem!important}.pt-sm-4,.py-sm-4{padding-top:1.5rem!important}.pr-sm-4,.px-sm-4{padding-right:1.5rem!important}.pb-sm-4,.py-sm-4{padding-bottom:1.5rem!important}.pl-sm-4,.px-sm-4{padding-left:1.5rem!important}.p-sm-5{padding:3rem!important}.pt-sm-5,.py-sm-5{padding-top:3rem!important}.pr-sm-5,.px-sm-5{padding-right:3rem!important}.pb-sm-5,.py-sm-5{padding-bottom:3rem!important}.pl-sm-5,.px-sm-5{padding-left:3rem!important}.m-sm-auto{margin:auto!important}.mt-sm-auto,.my-sm-auto{margin-top:auto!important}.mr-sm-auto,.mx-sm-auto{margin-right:auto!important}.mb-sm-auto,.my-sm-auto{margin-bottom:auto!important}.ml-sm-auto,.mx-sm-auto{margin-left:auto!important}.text-sm-left{text-align:left!important}.text-sm-right{text-align:right!important}.text-sm-center{text-align:center!important}.container{max-width:540px}.col-sm{-webkit-flex-basis:0;-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-sm-auto{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-sm-1,.col-sm-2{-webkit-box-flex:0;-webkit-flex:0 0 8.33333%;-ms-flex:0 0 8.33333%;flex:0 0 8.33333%;max-width:8.33333%}.col-sm-2{-webkit-flex:0 0 16.66667%;-ms-flex:0 0 16.66667%;flex:0 0 16.66667%;max-width:16.66667%}.col-sm-3,.col-sm-4{-webkit-box-flex:0;-webkit-flex:0 0 25%;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-sm-4{-webkit-flex:0 0 33.33333%;-ms-flex:0 0 33.33333%;flex:0 0 33.33333%;max-width:33.33333%}.col-sm-5,.col-sm-6{-webkit-box-flex:0;-webkit-flex:0 0 41.66667%;-ms-flex:0 0 41.66667%;flex:0 0 41.66667%;max-width:41.66667%}.col-sm-6{-webkit-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-sm-7,.col-sm-8{-webkit-box-flex:0;-webkit-flex:0 0 58.33333%;-ms-flex:0 0 58.33333%;flex:0 0 58.33333%;max-width:58.33333%}.col-sm-8{-webkit-flex:0 0 66.66667%;-ms-flex:0 0 66.66667%;flex:0 0 66.66667%;max-width:66.66667%}.col-sm-10,.col-sm-9{-webkit-box-flex:0;-webkit-flex:0 0 75%;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-sm-10{-webkit-flex:0 0 83.33333%;-ms-flex:0 0 83.33333%;flex:0 0 83.33333%;max-width:83.33333%}.col-sm-11,.col-sm-12{-webkit-box-flex:0;-webkit-flex:0 0 91.66667%;-ms-flex:0 0 91.66667%;flex:0 0 91.66667%;max-width:91.66667%}.col-sm-12{-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-sm-first{-webkit-box-ordinal-group:0;-webkit-order:-1;-ms-flex-order:-1;order:-1}.order-sm-last{-webkit-box-ordinal-group:14;-webkit-order:13;-ms-flex-order:13;order:13}.order-sm-0{-webkit-box-ordinal-group:1;-webkit-order:0;-ms-flex-order:0;order:0}.order-sm-1{-webkit-box-ordinal-group:2;-webkit-order:1;-ms-flex-order:1;order:1}.order-sm-2{-webkit-box-ordinal-group:3;-webkit-order:2;-ms-flex-order:2;order:2}.order-sm-3{-webkit-box-ordinal-group:4;-webkit-order:3;-ms-flex-order:3;order:3}.order-sm-4{-webkit-box-ordinal-group:5;-webkit-order:4;-ms-flex-order:4;order:4}.order-sm-5{-webkit-box-ordinal-group:6;-webkit-order:5;-ms-flex-order:5;order:5}.order-sm-6{-webkit-box-ordinal-group:7;-webkit-order:6;-ms-flex-order:6;order:6}.order-sm-7{-webkit-box-ordinal-group:8;-webkit-order:7;-ms-flex-order:7;order:7}.order-sm-8{-webkit-box-ordinal-group:9;-webkit-order:8;-ms-flex-order:8;order:8}.order-sm-9{-webkit-box-ordinal-group:10;-webkit-order:9;-ms-flex-order:9;order:9}.order-sm-10{-webkit-box-ordinal-group:11;-webkit-order:10;-ms-flex-order:10;order:10}.order-sm-11{-webkit-box-ordinal-group:12;-webkit-order:11;-ms-flex-order:11;order:11}.order-sm-12{-webkit-box-ordinal-group:13;-webkit-order:12;-ms-flex-order:12;order:12}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.33333%}.offset-sm-2{margin-left:16.66667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.33333%}.offset-sm-5{margin-left:41.66667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.33333%}.offset-sm-8{margin-left:66.66667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.33333%}.offset-sm-11{margin-left:91.66667%}.d-sm-none{display:none!important}.d-sm-inline{display:inline!important}.d-sm-inline-block{display:inline-block!important}.d-sm-block{display:block!important}.d-sm-table{display:table!important}.d-sm-table-row{display:table-row!important}.d-sm-table-cell{display:table-cell!important}.d-sm-flex{display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important}.d-sm-inline-flex{display:-webkit-inline-box!important;display:-webkit-inline-flex!important;display:-ms-inline-flexbox!important;display:inline-flex!important}.flex-sm-column,.flex-sm-row{-webkit-box-orient:horizontal!important;-webkit-box-direction:normal!important;-webkit-flex-direction:row!important;-ms-flex-direction:row!important;flex-direction:row!important}.flex-sm-column{-webkit-box-orient:vertical!important;-webkit-flex-direction:column!important;-ms-flex-direction:column!important;flex-direction:column!important}.flex-sm-column-reverse,.flex-sm-row-reverse{-webkit-box-orient:horizontal!important;-webkit-box-direction:reverse!important;-webkit-flex-direction:row-reverse!important;-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-sm-column-reverse{-webkit-box-orient:vertical!important;-webkit-flex-direction:column-reverse!important;-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-sm-wrap{-webkit-flex-wrap:wrap!important;-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-sm-nowrap{-webkit-flex-wrap:nowrap!important;-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-sm-wrap-reverse{-webkit-flex-wrap:wrap-reverse!important;-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-sm-fill{-webkit-box-flex:1!important;-webkit-flex:1 1 auto!important;-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-sm-grow-0{-webkit-box-flex:0!important;-webkit-flex-grow:0!important;-ms-flex-positive:0!important;flex-grow:0!important}.flex-sm-grow-1{-webkit-box-flex:1!important;-webkit-flex-grow:1!important;-ms-flex-positive:1!important;flex-grow:1!important}.flex-sm-shrink-0{-webkit-flex-shrink:0!important;-ms-flex-negative:0!important;flex-shrink:0!important}.flex-sm-shrink-1{-webkit-flex-shrink:1!important;-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-sm-start{-webkit-box-pack:start!important;-webkit-justify-content:flex-start!important;-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-sm-end{-webkit-box-pack:end!important;-webkit-justify-content:flex-end!important;-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-sm-center{-webkit-box-pack:center!important;-webkit-justify-content:center!important;-ms-flex-pack:center!important;justify-content:center!important}.justify-content-sm-between{-webkit-box-pack:justify!important;-webkit-justify-content:space-between!important;-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-sm-around{-webkit-justify-content:space-around!important;-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-sm-start{-webkit-box-align:start!important;-webkit-align-items:flex-start!important;-ms-flex-align:start!important;align-items:flex-start!important}.align-items-sm-end{-webkit-box-align:end!important;-webkit-align-items:flex-end!important;-ms-flex-align:end!important;align-items:flex-end!important}.align-items-sm-center{-webkit-box-align:center!important;-webkit-align-items:center!important;-ms-flex-align:center!important;align-items:center!important}.align-items-sm-baseline{-webkit-box-align:baseline!important;-webkit-align-items:baseline!important;-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-sm-stretch{-webkit-box-align:stretch!important;-webkit-align-items:stretch!important;-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-sm-start{-webkit-align-content:flex-start!important;-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-sm-end{-webkit-align-content:flex-end!important;-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-sm-center{-webkit-align-content:center!important;-ms-flex-line-pack:center!important;align-content:center!important}.align-content-sm-between{-webkit-align-content:space-between!important;-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-sm-around{-webkit-align-content:space-around!important;-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-sm-stretch{-webkit-align-content:stretch!important;-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-sm-auto{-webkit-align-self:auto!important;-ms-flex-item-align:auto!important;-ms-grid-row-align:auto!important;align-self:auto!important}.align-self-sm-start{-webkit-align-self:flex-start!important;-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-sm-end{-webkit-align-self:flex-end!important;-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-sm-center{-webkit-align-self:center!important;-ms-flex-item-align:center!important;-ms-grid-row-align:center!important;align-self:center!important}.align-self-sm-baseline{-webkit-align-self:baseline!important;-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-sm-stretch{-webkit-align-self:stretch!important;-ms-flex-item-align:stretch!important;-ms-grid-row-align:stretch!important;align-self:stretch!important}}@media (min-width:768px){.m-md-0{margin:0!important}.mt-md-0,.my-md-0{margin-top:0!important}.mr-md-0,.mx-md-0{margin-right:0!important}.mb-md-0,.my-md-0{margin-bottom:0!important}.ml-md-0,.mx-md-0{margin-left:0!important}.m-md-1{margin:.25rem!important}.mt-md-1,.my-md-1{margin-top:.25rem!important}.mr-md-1,.mx-md-1{margin-right:.25rem!important}.mb-md-1,.my-md-1{margin-bottom:.25rem!important}.ml-md-1,.mx-md-1{margin-left:.25rem!important}.m-md-2{margin:.5rem!important}.mt-md-2,.my-md-2{margin-top:.5rem!important}.mr-md-2,.mx-md-2{margin-right:.5rem!important}.mb-md-2,.my-md-2{margin-bottom:.5rem!important}.ml-md-2,.mx-md-2{margin-left:.5rem!important}.m-md-3{margin:1rem!important}.mt-md-3,.my-md-3{margin-top:1rem!important}.mr-md-3,.mx-md-3{margin-right:1rem!important}.mb-md-3,.my-md-3{margin-bottom:1rem!important}.ml-md-3,.mx-md-3{margin-left:1rem!important}.m-md-4{margin:1.5rem!important}.mt-md-4,.my-md-4{margin-top:1.5rem!important}.mr-md-4,.mx-md-4{margin-right:1.5rem!important}.mb-md-4,.my-md-4{margin-bottom:1.5rem!important}.ml-md-4,.mx-md-4{margin-left:1.5rem!important}.m-md-5{margin:3rem!important}.mt-md-5,.my-md-5{margin-top:3rem!important}.mr-md-5,.mx-md-5{margin-right:3rem!important}.mb-md-5,.my-md-5{margin-bottom:3rem!important}.ml-md-5,.mx-md-5{margin-left:3rem!important}.p-md-0{padding:0!important}.pt-md-0,.py-md-0{padding-top:0!important}.pr-md-0,.px-md-0{padding-right:0!important}.pb-md-0,.py-md-0{padding-bottom:0!important}.pl-md-0,.px-md-0{padding-left:0!important}.p-md-1{padding:.25rem!important}.pt-md-1,.py-md-1{padding-top:.25rem!important}.pr-md-1,.px-md-1{padding-right:.25rem!important}.pb-md-1,.py-md-1{padding-bottom:.25rem!important}.pl-md-1,.px-md-1{padding-left:.25rem!important}.p-md-2{padding:.5rem!important}.pt-md-2,.py-md-2{padding-top:.5rem!important}.pr-md-2,.px-md-2{padding-right:.5rem!important}.pb-md-2,.py-md-2{padding-bottom:.5rem!important}.pl-md-2,.px-md-2{padding-left:.5rem!important}.p-md-3{padding:1rem!important}.pt-md-3,.py-md-3{padding-top:1rem!important}.pr-md-3,.px-md-3{padding-right:1rem!important}.pb-md-3,.py-md-3{padding-bottom:1rem!important}.pl-md-3,.px-md-3{padding-left:1rem!important}.p-md-4{padding:1.5rem!important}.pt-md-4,.py-md-4{padding-top:1.5rem!important}.pr-md-4,.px-md-4{padding-right:1.5rem!important}.pb-md-4,.py-md-4{padding-bottom:1.5rem!important}.pl-md-4,.px-md-4{padding-left:1.5rem!important}.p-md-5{padding:3rem!important}.pt-md-5,.py-md-5{padding-top:3rem!important}.pr-md-5,.px-md-5{padding-right:3rem!important}.pb-md-5,.py-md-5{padding-bottom:3rem!important}.pl-md-5,.px-md-5{padding-left:3rem!important}.m-md-auto{margin:auto!important}.mt-md-auto,.my-md-auto{margin-top:auto!important}.mr-md-auto,.mx-md-auto{margin-right:auto!important}.mb-md-auto,.my-md-auto{margin-bottom:auto!important}.ml-md-auto,.mx-md-auto{margin-left:auto!important}.text-md-left{text-align:left!important}.text-md-right{text-align:right!important}.text-md-center{text-align:center!important}.container{max-width:720px}.col-md{-webkit-flex-basis:0;-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-md-auto{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-md-1,.col-md-2{-webkit-box-flex:0;-webkit-flex:0 0 8.33333%;-ms-flex:0 0 8.33333%;flex:0 0 8.33333%;max-width:8.33333%}.col-md-2{-webkit-flex:0 0 16.66667%;-ms-flex:0 0 16.66667%;flex:0 0 16.66667%;max-width:16.66667%}.col-md-3,.col-md-4{-webkit-box-flex:0;-webkit-flex:0 0 25%;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-md-4{-webkit-flex:0 0 33.33333%;-ms-flex:0 0 33.33333%;flex:0 0 33.33333%;max-width:33.33333%}.col-md-5,.col-md-6{-webkit-box-flex:0;-webkit-flex:0 0 41.66667%;-ms-flex:0 0 41.66667%;flex:0 0 41.66667%;max-width:41.66667%}.col-md-6{-webkit-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-md-7,.col-md-8{-webkit-box-flex:0;-webkit-flex:0 0 58.33333%;-ms-flex:0 0 58.33333%;flex:0 0 58.33333%;max-width:58.33333%}.col-md-8{-webkit-flex:0 0 66.66667%;-ms-flex:0 0 66.66667%;flex:0 0 66.66667%;max-width:66.66667%}.col-md-10,.col-md-9{-webkit-box-flex:0;-webkit-flex:0 0 75%;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-md-10{-webkit-flex:0 0 83.33333%;-ms-flex:0 0 83.33333%;flex:0 0 83.33333%;max-width:83.33333%}.col-md-11,.col-md-12{-webkit-box-flex:0;-webkit-flex:0 0 91.66667%;-ms-flex:0 0 91.66667%;flex:0 0 91.66667%;max-width:91.66667%}.col-md-12{-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-md-first{-webkit-box-ordinal-group:0;-webkit-order:-1;-ms-flex-order:-1;order:-1}.order-md-last{-webkit-box-ordinal-group:14;-webkit-order:13;-ms-flex-order:13;order:13}.order-md-0{-webkit-box-ordinal-group:1;-webkit-order:0;-ms-flex-order:0;order:0}.order-md-1{-webkit-box-ordinal-group:2;-webkit-order:1;-ms-flex-order:1;order:1}.order-md-2{-webkit-box-ordinal-group:3;-webkit-order:2;-ms-flex-order:2;order:2}.order-md-3{-webkit-box-ordinal-group:4;-webkit-order:3;-ms-flex-order:3;order:3}.order-md-4{-webkit-box-ordinal-group:5;-webkit-order:4;-ms-flex-order:4;order:4}.order-md-5{-webkit-box-ordinal-group:6;-webkit-order:5;-ms-flex-order:5;order:5}.order-md-6{-webkit-box-ordinal-group:7;-webkit-order:6;-ms-flex-order:6;order:6}.order-md-7{-webkit-box-ordinal-group:8;-webkit-order:7;-ms-flex-order:7;order:7}.order-md-8{-webkit-box-ordinal-group:9;-webkit-order:8;-ms-flex-order:8;order:8}.order-md-9{-webkit-box-ordinal-group:10;-webkit-order:9;-ms-flex-order:9;order:9}.order-md-10{-webkit-box-ordinal-group:11;-webkit-order:10;-ms-flex-order:10;order:10}.order-md-11{-webkit-box-ordinal-group:12;-webkit-order:11;-ms-flex-order:11;order:11}.order-md-12{-webkit-box-ordinal-group:13;-webkit-order:12;-ms-flex-order:12;order:12}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.33333%}.offset-md-2{margin-left:16.66667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.33333%}.offset-md-5{margin-left:41.66667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.33333%}.offset-md-8{margin-left:66.66667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.33333%}.offset-md-11{margin-left:91.66667%}.d-md-none{display:none!important}.d-md-inline{display:inline!important}.d-md-inline-block{display:inline-block!important}.d-md-block{display:block!important}.d-md-table{display:table!important}.d-md-table-row{display:table-row!important}.d-md-table-cell{display:table-cell!important}.d-md-flex{display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important}.d-md-inline-flex{display:-webkit-inline-box!important;display:-webkit-inline-flex!important;display:-ms-inline-flexbox!important;display:inline-flex!important}.flex-md-column,.flex-md-row{-webkit-box-orient:horizontal!important;-webkit-box-direction:normal!important;-webkit-flex-direction:row!important;-ms-flex-direction:row!important;flex-direction:row!important}.flex-md-column{-webkit-box-orient:vertical!important;-webkit-flex-direction:column!important;-ms-flex-direction:column!important;flex-direction:column!important}.flex-md-column-reverse,.flex-md-row-reverse{-webkit-box-orient:horizontal!important;-webkit-box-direction:reverse!important;-webkit-flex-direction:row-reverse!important;-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-md-column-reverse{-webkit-box-orient:vertical!important;-webkit-flex-direction:column-reverse!important;-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-md-wrap{-webkit-flex-wrap:wrap!important;-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-md-nowrap{-webkit-flex-wrap:nowrap!important;-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-md-wrap-reverse{-webkit-flex-wrap:wrap-reverse!important;-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-md-fill{-webkit-box-flex:1!important;-webkit-flex:1 1 auto!important;-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-md-grow-0{-webkit-box-flex:0!important;-webkit-flex-grow:0!important;-ms-flex-positive:0!important;flex-grow:0!important}.flex-md-grow-1{-webkit-box-flex:1!important;-webkit-flex-grow:1!important;-ms-flex-positive:1!important;flex-grow:1!important}.flex-md-shrink-0{-webkit-flex-shrink:0!important;-ms-flex-negative:0!important;flex-shrink:0!important}.flex-md-shrink-1{-webkit-flex-shrink:1!important;-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-md-start{-webkit-box-pack:start!important;-webkit-justify-content:flex-start!important;-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-md-end{-webkit-box-pack:end!important;-webkit-justify-content:flex-end!important;-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-md-center{-webkit-box-pack:center!important;-webkit-justify-content:center!important;-ms-flex-pack:center!important;justify-content:center!important}.justify-content-md-between{-webkit-box-pack:justify!important;-webkit-justify-content:space-between!important;-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-md-around{-webkit-justify-content:space-around!important;-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-md-start{-webkit-box-align:start!important;-webkit-align-items:flex-start!important;-ms-flex-align:start!important;align-items:flex-start!important}.align-items-md-end{-webkit-box-align:end!important;-webkit-align-items:flex-end!important;-ms-flex-align:end!important;align-items:flex-end!important}.align-items-md-center{-webkit-box-align:center!important;-webkit-align-items:center!important;-ms-flex-align:center!important;align-items:center!important}.align-items-md-baseline{-webkit-box-align:baseline!important;-webkit-align-items:baseline!important;-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-md-stretch{-webkit-box-align:stretch!important;-webkit-align-items:stretch!important;-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-md-start{-webkit-align-content:flex-start!important;-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-md-end{-webkit-align-content:flex-end!important;-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-md-center{-webkit-align-content:center!important;-ms-flex-line-pack:center!important;align-content:center!important}.align-content-md-between{-webkit-align-content:space-between!important;-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-md-around{-webkit-align-content:space-around!important;-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-md-stretch{-webkit-align-content:stretch!important;-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-md-auto{-webkit-align-self:auto!important;-ms-flex-item-align:auto!important;-ms-grid-row-align:auto!important;align-self:auto!important}.align-self-md-start{-webkit-align-self:flex-start!important;-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-md-end{-webkit-align-self:flex-end!important;-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-md-center{-webkit-align-self:center!important;-ms-flex-item-align:center!important;-ms-grid-row-align:center!important;align-self:center!important}.align-self-md-baseline{-webkit-align-self:baseline!important;-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-md-stretch{-webkit-align-self:stretch!important;-ms-flex-item-align:stretch!important;-ms-grid-row-align:stretch!important;align-self:stretch!important}}@media (min-width:992px){.m-lg-0{margin:0!important}.mt-lg-0,.my-lg-0{margin-top:0!important}.mr-lg-0,.mx-lg-0{margin-right:0!important}.mb-lg-0,.my-lg-0{margin-bottom:0!important}.ml-lg-0,.mx-lg-0{margin-left:0!important}.m-lg-1{margin:.25rem!important}.mt-lg-1,.my-lg-1{margin-top:.25rem!important}.mr-lg-1,.mx-lg-1{margin-right:.25rem!important}.mb-lg-1,.my-lg-1{margin-bottom:.25rem!important}.ml-lg-1,.mx-lg-1{margin-left:.25rem!important}.m-lg-2{margin:.5rem!important}.mt-lg-2,.my-lg-2{margin-top:.5rem!important}.mr-lg-2,.mx-lg-2{margin-right:.5rem!important}.mb-lg-2,.my-lg-2{margin-bottom:.5rem!important}.ml-lg-2,.mx-lg-2{margin-left:.5rem!important}.m-lg-3{margin:1rem!important}.mt-lg-3,.my-lg-3{margin-top:1rem!important}.mr-lg-3,.mx-lg-3{margin-right:1rem!important}.mb-lg-3,.my-lg-3{margin-bottom:1rem!important}.ml-lg-3,.mx-lg-3{margin-left:1rem!important}.m-lg-4{margin:1.5rem!important}.mt-lg-4,.my-lg-4{margin-top:1.5rem!important}.mr-lg-4,.mx-lg-4{margin-right:1.5rem!important}.mb-lg-4,.my-lg-4{margin-bottom:1.5rem!important}.ml-lg-4,.mx-lg-4{margin-left:1.5rem!important}.m-lg-5{margin:3rem!important}.mt-lg-5,.my-lg-5{margin-top:3rem!important}.mr-lg-5,.mx-lg-5{margin-right:3rem!important}.mb-lg-5,.my-lg-5{margin-bottom:3rem!important}.ml-lg-5,.mx-lg-5{margin-left:3rem!important}.p-lg-0{padding:0!important}.pt-lg-0,.py-lg-0{padding-top:0!important}.pr-lg-0,.px-lg-0{padding-right:0!important}.pb-lg-0,.py-lg-0{padding-bottom:0!important}.pl-lg-0,.px-lg-0{padding-left:0!important}.p-lg-1{padding:.25rem!important}.pt-lg-1,.py-lg-1{padding-top:.25rem!important}.pr-lg-1,.px-lg-1{padding-right:.25rem!important}.pb-lg-1,.py-lg-1{padding-bottom:.25rem!important}.pl-lg-1,.px-lg-1{padding-left:.25rem!important}.p-lg-2{padding:.5rem!important}.pt-lg-2,.py-lg-2{padding-top:.5rem!important}.pr-lg-2,.px-lg-2{padding-right:.5rem!important}.pb-lg-2,.py-lg-2{padding-bottom:.5rem!important}.pl-lg-2,.px-lg-2{padding-left:.5rem!important}.p-lg-3{padding:1rem!important}.pt-lg-3,.py-lg-3{padding-top:1rem!important}.pr-lg-3,.px-lg-3{padding-right:1rem!important}.pb-lg-3,.py-lg-3{padding-bottom:1rem!important}.pl-lg-3,.px-lg-3{padding-left:1rem!important}.p-lg-4{padding:1.5rem!important}.pt-lg-4,.py-lg-4{padding-top:1.5rem!important}.pr-lg-4,.px-lg-4{padding-right:1.5rem!important}.pb-lg-4,.py-lg-4{padding-bottom:1.5rem!important}.pl-lg-4,.px-lg-4{padding-left:1.5rem!important}.p-lg-5{padding:3rem!important}.pt-lg-5,.py-lg-5{padding-top:3rem!important}.pr-lg-5,.px-lg-5{padding-right:3rem!important}.pb-lg-5,.py-lg-5{padding-bottom:3rem!important}.pl-lg-5,.px-lg-5{padding-left:3rem!important}.m-lg-auto{margin:auto!important}.mt-lg-auto,.my-lg-auto{margin-top:auto!important}.mr-lg-auto,.mx-lg-auto{margin-right:auto!important}.mb-lg-auto,.my-lg-auto{margin-bottom:auto!important}.ml-lg-auto,.mx-lg-auto{margin-left:auto!important}.text-lg-left{text-align:left!important}.text-lg-right{text-align:right!important}.text-lg-center{text-align:center!important}.container{max-width:960px}.col-lg{-webkit-flex-basis:0;-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-lg-auto{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-lg-1,.col-lg-2{-webkit-box-flex:0;-webkit-flex:0 0 8.33333%;-ms-flex:0 0 8.33333%;flex:0 0 8.33333%;max-width:8.33333%}.col-lg-2{-webkit-flex:0 0 16.66667%;-ms-flex:0 0 16.66667%;flex:0 0 16.66667%;max-width:16.66667%}.col-lg-3,.col-lg-4{-webkit-box-flex:0;-webkit-flex:0 0 25%;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-lg-4{-webkit-flex:0 0 33.33333%;-ms-flex:0 0 33.33333%;flex:0 0 33.33333%;max-width:33.33333%}.col-lg-5,.col-lg-6{-webkit-box-flex:0;-webkit-flex:0 0 41.66667%;-ms-flex:0 0 41.66667%;flex:0 0 41.66667%;max-width:41.66667%}.col-lg-6{-webkit-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-lg-7,.col-lg-8{-webkit-box-flex:0;-webkit-flex:0 0 58.33333%;-ms-flex:0 0 58.33333%;flex:0 0 58.33333%;max-width:58.33333%}.col-lg-8{-webkit-flex:0 0 66.66667%;-ms-flex:0 0 66.66667%;flex:0 0 66.66667%;max-width:66.66667%}.col-lg-10,.col-lg-9{-webkit-box-flex:0;-webkit-flex:0 0 75%;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-lg-10{-webkit-flex:0 0 83.33333%;-ms-flex:0 0 83.33333%;flex:0 0 83.33333%;max-width:83.33333%}.col-lg-11,.col-lg-12{-webkit-box-flex:0;-webkit-flex:0 0 91.66667%;-ms-flex:0 0 91.66667%;flex:0 0 91.66667%;max-width:91.66667%}.col-lg-12{-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-lg-first{-webkit-box-ordinal-group:0;-webkit-order:-1;-ms-flex-order:-1;order:-1}.order-lg-last{-webkit-box-ordinal-group:14;-webkit-order:13;-ms-flex-order:13;order:13}.order-lg-0{-webkit-box-ordinal-group:1;-webkit-order:0;-ms-flex-order:0;order:0}.order-lg-1{-webkit-box-ordinal-group:2;-webkit-order:1;-ms-flex-order:1;order:1}.order-lg-2{-webkit-box-ordinal-group:3;-webkit-order:2;-ms-flex-order:2;order:2}.order-lg-3{-webkit-box-ordinal-group:4;-webkit-order:3;-ms-flex-order:3;order:3}.order-lg-4{-webkit-box-ordinal-group:5;-webkit-order:4;-ms-flex-order:4;order:4}.order-lg-5{-webkit-box-ordinal-group:6;-webkit-order:5;-ms-flex-order:5;order:5}.order-lg-6{-webkit-box-ordinal-group:7;-webkit-order:6;-ms-flex-order:6;order:6}.order-lg-7{-webkit-box-ordinal-group:8;-webkit-order:7;-ms-flex-order:7;order:7}.order-lg-8{-webkit-box-ordinal-group:9;-webkit-order:8;-ms-flex-order:8;order:8}.order-lg-9{-webkit-box-ordinal-group:10;-webkit-order:9;-ms-flex-order:9;order:9}.order-lg-10{-webkit-box-ordinal-group:11;-webkit-order:10;-ms-flex-order:10;order:10}.order-lg-11{-webkit-box-ordinal-group:12;-webkit-order:11;-ms-flex-order:11;order:11}.order-lg-12{-webkit-box-ordinal-group:13;-webkit-order:12;-ms-flex-order:12;order:12}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.33333%}.offset-lg-2{margin-left:16.66667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.33333%}.offset-lg-5{margin-left:41.66667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.33333%}.offset-lg-8{margin-left:66.66667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.33333%}.offset-lg-11{margin-left:91.66667%}.d-lg-none{display:none!important}.d-lg-inline{display:inline!important}.d-lg-inline-block{display:inline-block!important}.d-lg-block{display:block!important}.d-lg-table{display:table!important}.d-lg-table-row{display:table-row!important}.d-lg-table-cell{display:table-cell!important}.d-lg-flex{display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important}.d-lg-inline-flex{display:-webkit-inline-box!important;display:-webkit-inline-flex!important;display:-ms-inline-flexbox!important;display:inline-flex!important}.flex-lg-column,.flex-lg-row{-webkit-box-orient:horizontal!important;-webkit-box-direction:normal!important;-webkit-flex-direction:row!important;-ms-flex-direction:row!important;flex-direction:row!important}.flex-lg-column{-webkit-box-orient:vertical!important;-webkit-flex-direction:column!important;-ms-flex-direction:column!important;flex-direction:column!important}.flex-lg-column-reverse,.flex-lg-row-reverse{-webkit-box-orient:horizontal!important;-webkit-box-direction:reverse!important;-webkit-flex-direction:row-reverse!important;-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-lg-column-reverse{-webkit-box-orient:vertical!important;-webkit-flex-direction:column-reverse!important;-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-lg-wrap{-webkit-flex-wrap:wrap!important;-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-lg-nowrap{-webkit-flex-wrap:nowrap!important;-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-lg-wrap-reverse{-webkit-flex-wrap:wrap-reverse!important;-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-lg-fill{-webkit-box-flex:1!important;-webkit-flex:1 1 auto!important;-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-lg-grow-0{-webkit-box-flex:0!important;-webkit-flex-grow:0!important;-ms-flex-positive:0!important;flex-grow:0!important}.flex-lg-grow-1{-webkit-box-flex:1!important;-webkit-flex-grow:1!important;-ms-flex-positive:1!important;flex-grow:1!important}.flex-lg-shrink-0{-webkit-flex-shrink:0!important;-ms-flex-negative:0!important;flex-shrink:0!important}.flex-lg-shrink-1{-webkit-flex-shrink:1!important;-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-lg-start{-webkit-box-pack:start!important;-webkit-justify-content:flex-start!important;-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-lg-end{-webkit-box-pack:end!important;-webkit-justify-content:flex-end!important;-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-lg-center{-webkit-box-pack:center!important;-webkit-justify-content:center!important;-ms-flex-pack:center!important;justify-content:center!important}.justify-content-lg-between{-webkit-box-pack:justify!important;-webkit-justify-content:space-between!important;-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-lg-around{-webkit-justify-content:space-around!important;-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-lg-start{-webkit-box-align:start!important;-webkit-align-items:flex-start!important;-ms-flex-align:start!important;align-items:flex-start!important}.align-items-lg-end{-webkit-box-align:end!important;-webkit-align-items:flex-end!important;-ms-flex-align:end!important;align-items:flex-end!important}.align-items-lg-center{-webkit-box-align:center!important;-webkit-align-items:center!important;-ms-flex-align:center!important;align-items:center!important}.align-items-lg-baseline{-webkit-box-align:baseline!important;-webkit-align-items:baseline!important;-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-lg-stretch{-webkit-box-align:stretch!important;-webkit-align-items:stretch!important;-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-lg-start{-webkit-align-content:flex-start!important;-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-lg-end{-webkit-align-content:flex-end!important;-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-lg-center{-webkit-align-content:center!important;-ms-flex-line-pack:center!important;align-content:center!important}.align-content-lg-between{-webkit-align-content:space-between!important;-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-lg-around{-webkit-align-content:space-around!important;-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-lg-stretch{-webkit-align-content:stretch!important;-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-lg-auto{-webkit-align-self:auto!important;-ms-flex-item-align:auto!important;-ms-grid-row-align:auto!important;align-self:auto!important}.align-self-lg-start{-webkit-align-self:flex-start!important;-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-lg-end{-webkit-align-self:flex-end!important;-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-lg-center{-webkit-align-self:center!important;-ms-flex-item-align:center!important;-ms-grid-row-align:center!important;align-self:center!important}.align-self-lg-baseline{-webkit-align-self:baseline!important;-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-lg-stretch{-webkit-align-self:stretch!important;-ms-flex-item-align:stretch!important;-ms-grid-row-align:stretch!important;align-self:stretch!important}}@media (min-width:1200px){.m-xl-0{margin:0!important}.mt-xl-0,.my-xl-0{margin-top:0!important}.mr-xl-0,.mx-xl-0{margin-right:0!important}.mb-xl-0,.my-xl-0{margin-bottom:0!important}.ml-xl-0,.mx-xl-0{margin-left:0!important}.m-xl-1{margin:.25rem!important}.mt-xl-1,.my-xl-1{margin-top:.25rem!important}.mr-xl-1,.mx-xl-1{margin-right:.25rem!important}.mb-xl-1,.my-xl-1{margin-bottom:.25rem!important}.ml-xl-1,.mx-xl-1{margin-left:.25rem!important}.m-xl-2{margin:.5rem!important}.mt-xl-2,.my-xl-2{margin-top:.5rem!important}.mr-xl-2,.mx-xl-2{margin-right:.5rem!important}.mb-xl-2,.my-xl-2{margin-bottom:.5rem!important}.ml-xl-2,.mx-xl-2{margin-left:.5rem!important}.m-xl-3{margin:1rem!important}.mt-xl-3,.my-xl-3{margin-top:1rem!important}.mr-xl-3,.mx-xl-3{margin-right:1rem!important}.mb-xl-3,.my-xl-3{margin-bottom:1rem!important}.ml-xl-3,.mx-xl-3{margin-left:1rem!important}.m-xl-4{margin:1.5rem!important}.mt-xl-4,.my-xl-4{margin-top:1.5rem!important}.mr-xl-4,.mx-xl-4{margin-right:1.5rem!important}.mb-xl-4,.my-xl-4{margin-bottom:1.5rem!important}.ml-xl-4,.mx-xl-4{margin-left:1.5rem!important}.m-xl-5{margin:3rem!important}.mt-xl-5,.my-xl-5{margin-top:3rem!important}.mr-xl-5,.mx-xl-5{margin-right:3rem!important}.mb-xl-5,.my-xl-5{margin-bottom:3rem!important}.ml-xl-5,.mx-xl-5{margin-left:3rem!important}.p-xl-0{padding:0!important}.pt-xl-0,.py-xl-0{padding-top:0!important}.pr-xl-0,.px-xl-0{padding-right:0!important}.pb-xl-0,.py-xl-0{padding-bottom:0!important}.pl-xl-0,.px-xl-0{padding-left:0!important}.p-xl-1{padding:.25rem!important}.pt-xl-1,.py-xl-1{padding-top:.25rem!important}.pr-xl-1,.px-xl-1{padding-right:.25rem!important}.pb-xl-1,.py-xl-1{padding-bottom:.25rem!important}.pl-xl-1,.px-xl-1{padding-left:.25rem!important}.p-xl-2{padding:.5rem!important}.pt-xl-2,.py-xl-2{padding-top:.5rem!important}.pr-xl-2,.px-xl-2{padding-right:.5rem!important}.pb-xl-2,.py-xl-2{padding-bottom:.5rem!important}.pl-xl-2,.px-xl-2{padding-left:.5rem!important}.p-xl-3{padding:1rem!important}.pt-xl-3,.py-xl-3{padding-top:1rem!important}.pr-xl-3,.px-xl-3{padding-right:1rem!important}.pb-xl-3,.py-xl-3{padding-bottom:1rem!important}.pl-xl-3,.px-xl-3{padding-left:1rem!important}.p-xl-4{padding:1.5rem!important}.pt-xl-4,.py-xl-4{padding-top:1.5rem!important}.pr-xl-4,.px-xl-4{padding-right:1.5rem!important}.pb-xl-4,.py-xl-4{padding-bottom:1.5rem!important}.pl-xl-4,.px-xl-4{padding-left:1.5rem!important}.p-xl-5{padding:3rem!important}.pt-xl-5,.py-xl-5{padding-top:3rem!important}.pr-xl-5,.px-xl-5{padding-right:3rem!important}.pb-xl-5,.py-xl-5{padding-bottom:3rem!important}.pl-xl-5,.px-xl-5{padding-left:3rem!important}.m-xl-auto{margin:auto!important}.mt-xl-auto,.my-xl-auto{margin-top:auto!important}.mr-xl-auto,.mx-xl-auto{margin-right:auto!important}.mb-xl-auto,.my-xl-auto{margin-bottom:auto!important}.ml-xl-auto,.mx-xl-auto{margin-left:auto!important}.text-xl-left{text-align:left!important}.text-xl-right{text-align:right!important}.text-xl-center{text-align:center!important}.container{max-width:1170px}.col-xl{-webkit-flex-basis:0;-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-xl-auto{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-xl-1,.col-xl-2{-webkit-box-flex:0;-webkit-flex:0 0 8.33333%;-ms-flex:0 0 8.33333%;flex:0 0 8.33333%;max-width:8.33333%}.col-xl-2{-webkit-flex:0 0 16.66667%;-ms-flex:0 0 16.66667%;flex:0 0 16.66667%;max-width:16.66667%}.col-xl-3,.col-xl-4{-webkit-box-flex:0;-webkit-flex:0 0 25%;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-xl-4{-webkit-flex:0 0 33.33333%;-ms-flex:0 0 33.33333%;flex:0 0 33.33333%;max-width:33.33333%}.col-xl-5,.col-xl-6{-webkit-box-flex:0;-webkit-flex:0 0 41.66667%;-ms-flex:0 0 41.66667%;flex:0 0 41.66667%;max-width:41.66667%}.col-xl-6{-webkit-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-xl-7,.col-xl-8{-webkit-box-flex:0;-webkit-flex:0 0 58.33333%;-ms-flex:0 0 58.33333%;flex:0 0 58.33333%;max-width:58.33333%}.col-xl-8{-webkit-flex:0 0 66.66667%;-ms-flex:0 0 66.66667%;flex:0 0 66.66667%;max-width:66.66667%}.col-xl-10,.col-xl-9{-webkit-box-flex:0;-webkit-flex:0 0 75%;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-xl-10{-webkit-flex:0 0 83.33333%;-ms-flex:0 0 83.33333%;flex:0 0 83.33333%;max-width:83.33333%}.col-xl-11,.col-xl-12{-webkit-box-flex:0;-webkit-flex:0 0 91.66667%;-ms-flex:0 0 91.66667%;flex:0 0 91.66667%;max-width:91.66667%}.col-xl-12{-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-xl-first{-webkit-box-ordinal-group:0;-webkit-order:-1;-ms-flex-order:-1;order:-1}.order-xl-last{-webkit-box-ordinal-group:14;-webkit-order:13;-ms-flex-order:13;order:13}.order-xl-0{-webkit-box-ordinal-group:1;-webkit-order:0;-ms-flex-order:0;order:0}.order-xl-1{-webkit-box-ordinal-group:2;-webkit-order:1;-ms-flex-order:1;order:1}.order-xl-2{-webkit-box-ordinal-group:3;-webkit-order:2;-ms-flex-order:2;order:2}.order-xl-3{-webkit-box-ordinal-group:4;-webkit-order:3;-ms-flex-order:3;order:3}.order-xl-4{-webkit-box-ordinal-group:5;-webkit-order:4;-ms-flex-order:4;order:4}.order-xl-5{-webkit-box-ordinal-group:6;-webkit-order:5;-ms-flex-order:5;order:5}.order-xl-6{-webkit-box-ordinal-group:7;-webkit-order:6;-ms-flex-order:6;order:6}.order-xl-7{-webkit-box-ordinal-group:8;-webkit-order:7;-ms-flex-order:7;order:7}.order-xl-8{-webkit-box-ordinal-group:9;-webkit-order:8;-ms-flex-order:8;order:8}.order-xl-9{-webkit-box-ordinal-group:10;-webkit-order:9;-ms-flex-order:9;order:9}.order-xl-10{-webkit-box-ordinal-group:11;-webkit-order:10;-ms-flex-order:10;order:10}.order-xl-11{-webkit-box-ordinal-group:12;-webkit-order:11;-ms-flex-order:11;order:11}.order-xl-12{-webkit-box-ordinal-group:13;-webkit-order:12;-ms-flex-order:12;order:12}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.33333%}.offset-xl-2{margin-left:16.66667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.33333%}.offset-xl-5{margin-left:41.66667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.33333%}.offset-xl-8{margin-left:66.66667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.33333%}.offset-xl-11{margin-left:91.66667%}.d-xl-none{display:none!important}.d-xl-inline{display:inline!important}.d-xl-inline-block{display:inline-block!important}.d-xl-block{display:block!important}.d-xl-table{display:table!important}.d-xl-table-row{display:table-row!important}.d-xl-table-cell{display:table-cell!important}.d-xl-flex{display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important}.d-xl-inline-flex{display:-webkit-inline-box!important;display:-webkit-inline-flex!important;display:-ms-inline-flexbox!important;display:inline-flex!important}.flex-xl-column,.flex-xl-row{-webkit-box-orient:horizontal!important;-webkit-box-direction:normal!important;-webkit-flex-direction:row!important;-ms-flex-direction:row!important;flex-direction:row!important}.flex-xl-column{-webkit-box-orient:vertical!important;-webkit-flex-direction:column!important;-ms-flex-direction:column!important;flex-direction:column!important}.flex-xl-column-reverse,.flex-xl-row-reverse{-webkit-box-orient:horizontal!important;-webkit-box-direction:reverse!important;-webkit-flex-direction:row-reverse!important;-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-xl-column-reverse{-webkit-box-orient:vertical!important;-webkit-flex-direction:column-reverse!important;-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-xl-wrap{-webkit-flex-wrap:wrap!important;-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-xl-nowrap{-webkit-flex-wrap:nowrap!important;-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-xl-wrap-reverse{-webkit-flex-wrap:wrap-reverse!important;-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-xl-fill{-webkit-box-flex:1!important;-webkit-flex:1 1 auto!important;-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-xl-grow-0{-webkit-box-flex:0!important;-webkit-flex-grow:0!important;-ms-flex-positive:0!important;flex-grow:0!important}.flex-xl-grow-1{-webkit-box-flex:1!important;-webkit-flex-grow:1!important;-ms-flex-positive:1!important;flex-grow:1!important}.flex-xl-shrink-0{-webkit-flex-shrink:0!important;-ms-flex-negative:0!important;flex-shrink:0!important}.flex-xl-shrink-1{-webkit-flex-shrink:1!important;-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-xl-start{-webkit-box-pack:start!important;-webkit-justify-content:flex-start!important;-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-xl-end{-webkit-box-pack:end!important;-webkit-justify-content:flex-end!important;-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-xl-center{-webkit-box-pack:center!important;-webkit-justify-content:center!important;-ms-flex-pack:center!important;justify-content:center!important}.justify-content-xl-between{-webkit-box-pack:justify!important;-webkit-justify-content:space-between!important;-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-xl-around{-webkit-justify-content:space-around!important;-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-xl-start{-webkit-box-align:start!important;-webkit-align-items:flex-start!important;-ms-flex-align:start!important;align-items:flex-start!important}.align-items-xl-end{-webkit-box-align:end!important;-webkit-align-items:flex-end!important;-ms-flex-align:end!important;align-items:flex-end!important}.align-items-xl-center{-webkit-box-align:center!important;-webkit-align-items:center!important;-ms-flex-align:center!important;align-items:center!important}.align-items-xl-baseline{-webkit-box-align:baseline!important;-webkit-align-items:baseline!important;-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-xl-stretch{-webkit-box-align:stretch!important;-webkit-align-items:stretch!important;-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-xl-start{-webkit-align-content:flex-start!important;-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-xl-end{-webkit-align-content:flex-end!important;-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-xl-center{-webkit-align-content:center!important;-ms-flex-line-pack:center!important;align-content:center!important}.align-content-xl-between{-webkit-align-content:space-between!important;-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-xl-around{-webkit-align-content:space-around!important;-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-xl-stretch{-webkit-align-content:stretch!important;-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-xl-auto{-webkit-align-self:auto!important;-ms-flex-item-align:auto!important;-ms-grid-row-align:auto!important;align-self:auto!important}.align-self-xl-start{-webkit-align-self:flex-start!important;-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-xl-end{-webkit-align-self:flex-end!important;-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-xl-center{-webkit-align-self:center!important;-ms-flex-item-align:center!important;-ms-grid-row-align:center!important;align-self:center!important}.align-self-xl-baseline{-webkit-align-self:baseline!important;-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-xl-stretch{-webkit-align-self:stretch!important;-ms-flex-item-align:stretch!important;-ms-grid-row-align:stretch!important;align-self:stretch!important}}@media (max-width:991.98px){html{font-size:15px}}@media (max-width:767.98px){html{font-size:14px}}@media print{.d-print-none{display:none!important}.d-print-inline{display:inline!important}.d-print-inline-block{display:inline-block!important}.d-print-block{display:block!important}.d-print-table{display:table!important}.d-print-table-row{display:table-row!important}.d-print-table-cell{display:table-cell!important}.d-print-flex{display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important}.d-print-inline-flex{display:-webkit-inline-box!important;display:-webkit-inline-flex!important;display:-ms-inline-flexbox!important;display:inline-flex!important}} /* End */ /* Start:/local/templates/apple/css/slinky.min.css?1775842086698*/ .slinky-menu { overflow: hidden; transform: translateZ(0); } .slinky-menu > ul { left: 0; position: relative; transform: translateZ(0); } .slinky-menu ul, .slinky-menu li { list-style: none; margin: 0; } .slinky-menu ul { width: 100%; } .slinky-menu a { align-items: center; display: flex; } .slinky-menu a span { flex: 1; line-height: 1.4; } .slinky-menu li ul { display: none; left: 100%; position: absolute; top: 0; } .slinky-menu .header { display: flex; } .slinky-menu .header .title { flex: 1; line-height: 1.4; margin: 0; order: 1; } /*# sourceMappingURL=slinky.min.css.map*/ /* End */ /* Start:/local/templates/apple/css/common.css?178212984986684*/ @-webkit-keyframes mmfadeIn { 0% { opacity: 0 } to { opacity: 1 } } @keyframes mmfadeIn { 0% { opacity: 0 } to { opacity: 1 } } @-webkit-keyframes mmfadeOut { 0% { opacity: 1 } to { opacity: 0 } } @keyframes mmfadeOut { 0% { opacity: 1 } to { opacity: 0 } } @-webkit-keyframes mmslideIn { 0% { -webkit-transform: translateY(15%); transform: translateY(15%) } to { -webkit-transform: translateY(0); transform: translateY(0) } } @keyframes mmslideIn { 0% { -webkit-transform: translateY(15%); transform: translateY(15%) } to { -webkit-transform: translateY(0); transform: translateY(0) } } @-webkit-keyframes mmslideOut { 0% { -webkit-transform: translateY(0); transform: translateY(0) } to { -webkit-transform: translateY(-15%); transform: translateY(-15%) } } @keyframes mmslideOut { 0% { -webkit-transform: translateY(0); transform: translateY(0) } to { -webkit-transform: translateY(-15%); transform: translateY(-15%) } } .product-card__image img { max-width: 100%; height: auto; margin: 0 auto; display: block; max-height: 180px; width: auto; } ::-moz-selection { background-color: rgba(0, 122, 255, 0.25); color: inherit } ::selection { background-color: rgba(0, 122, 255, 0.25); color: inherit } li, ol, ul { list-style: none; margin: 0; padding: 0 } figure { margin: 0 } body, html { height: 100% } .product-card { -webkit-transition: -webkit-box-shadow .3s ease; -o-transition: box-shadow .3s ease; transition: box-shadow .3s ease; transition: box-shadow .3s ease, -webkit-box-shadow .3s ease; border: 1px solid #f0f0f0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; padding: 1.5625rem 0; -webkit-box-shadow: 3px 0 18px transparent; box-shadow: 3px 0 18px transparent; z-index: 5; /*position: absolute;*/ min-height: 100%; width: 100%; left: 0; top: 0; background-color: #fff; height: auto } .product-characteristics__info-availability { margin-top: auto; margin-bottom: 10px; } .product-card:hover { -webkit-box-shadow: 3px 0 18px rgba(34, 34, 34, .19); box-shadow: 3px 0 18px rgba(34, 34, 34, .19) } .product-card:hover .chart-link, .product-card__part .chart-link.in_compare, .product-card__part .chart-link:hover { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) } .product-card:hover .product-card__image:after { left: -50%; opacity: 1; top: -50%; -webkit-transition-duration: 1s, 1s, .5s; -o-transition-duration: 1s, 1s, .5s; transition-duration: 1s, 1s, .5s; -webkit-transition-property: left, top, opacity; -o-transition-property: left, top, opacity; transition-property: left, top, opacity; -webkit-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease } .product-card__wrap { position: relative; height: 100% } .product-card__part { position: relative } .product-card__part:first-child { margin-bottom: 1.85rem } .product-card__part:last-child { position: relative } /*.product-card__part:last-child:before { content: ""; display: block; position: absolute; width: 100%; height: 20px; left: 0; top: -20px; pointer-events: none; background: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, .8)), to(transparent)); background: -webkit-linear-gradient(bottom, rgba(255, 255, 255, .8), transparent); background: -o-linear-gradient(bottom, rgba(255, 255, 255, .8), transparent); background: linear-gradient(to top, rgba(255, 255, 255, .8), transparent) }*/ .product-card__part .image-link, .product-card__part .title-link { display: block } .product-card__part .chart-link { -webkit-transition: -webkit-transform .3s ease; -o-transition: transform .3s ease; transition: transform .3s ease; transition: transform .3s ease, -webkit-transform .3s ease; position: absolute; right: 5px; top: 30px; z-index: 2; width: 2.5rem; height: 2.5rem; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0) } .product-card__part .chart-link__image { width: 100%; height: 100% } .product-card__part .chart-link__image-circle, .product-card__part .chart-link__image-rect, svg { -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .product-card__part .chart-link.in_compare .chart-link__image-circle, .product-card__part .chart-link:hover .chart-link__image-circle { fill: #222 } .product-card__part .chart-link.in_compare .chart-link__image-rect, .product-card__part .chart-link:hover .chart-link__image-rect, .product-card__part .chart-link__image-circle { fill: #f3f3f3 } .basket-checkout-section .basket-btn-checkout { cursor: pointer; } .bx-catalog-element .favor { position: absolute; top: 40px; right: 29.5%; } .favor { width: 30px; height: 30px; z-index: 2; cursor: pointer; } .favor.active svg, .favor:hover svg { stroke: #ff075c; fill: #ff075c; } .favor svg, .favor.active:hover svg { stroke: none; fill: none; } .product-card__part .favor { display: none; position: absolute; right: 10px; top: 0px; } .product-card__part .favor.active { display: block; } .product-card__part:hover .favor { display: block; } .product-card__image { position: relative; overflow: hidden } .product-card__image:after { -webkit-transition: 1s; -o-transition: 1s; transition: 1s; content: ""; height: 200%; left: -230%; opacity: 0; position: absolute; top: -20%; -webkit-transform: rotate(-30deg); -ms-transform: rotate(-30deg); transform: rotate(-30deg); width: 200%; background: rgba(255, 255, 255, .13); background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, .13)), color-stop(77%, rgba(255, 255, 255, .13)), color-stop(92%, rgba(255, 255, 255, .5)), to(rgba(255, 255, 255, 0))); background: -webkit-linear-gradient(left, rgba(255, 255, 255, .13) 0%, rgba(255, 255, 255, .13) 77%, rgba(255, 255, 255, .5) 92%, rgba(255, 255, 255, 0) 100%); background: -o-linear-gradient(left, rgba(255, 255, 255, .13) 0%, rgba(255, 255, 255, .13) 77%, rgba(255, 255, 255, .5) 92%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(to right, rgba(255, 255, 255, .13) 0%, rgba(255, 255, 255, .13) 77%, rgba(255, 255, 255, .5) 92%, rgba(255, 255, 255, 0) 100%) } .product-card__title { display: block; line-height: 1.35 } .product-card__price, .product-card__title { padding: 0 1.25rem; text-align: center } .product-card__price-new, .product-card__price-old { line-height: 1 } .product-card__price-old { font-size: .875rem; color: #c2c2c0; margin-bottom: .5rem } .product-card__price-new { font-weight: 700; font-size: 1.125rem; margin-bottom: 1rem } .product-card__buy, .product-card__buy-mobile { -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; margin: 0 auto; width: 7.5rem; text-align: center; border: 1px solid #ff075c; -webkit-border-radius: 5px; border-radius: 5px; font-weight: 700; color: #ff075c; line-height: 2.5rem; background-color: transparent } .product-card__buy-mobile:hover, .product-card__buy:hover { background-color: #ff075c; color: #fff } .product-card__hidden { padding: 0 2.1875rem; text-align: center } .product-card__hidden-item { margin-bottom: 1.25rem } .product-card__hidden-title { font-size: .75rem; color: #666; margin-bottom: .625rem } .product-card__hidden-colors { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center } .product-card__hidden-colors li:not(:last-child) { margin-right: .625rem } .product-card__hidden-colors li a { display: block; height: 1.875rem; width: 1.875rem; -webkit-border-radius: 50%; border-radius: 50%; position: relative } .product-card__hidden-colors li a:before { content: ""; display: block; position: absolute; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; height: -webkit-calc(100% + 8px); height: calc(100% + 8px); width: -webkit-calc(100% + 8px); width: calc(100% + 8px); left: -4px; top: -4px; pointer-events: none; background-color: transparent; border: 2px solid transparent; -webkit-border-radius: 50%; border-radius: 50% } .product-card__hidden-colors li a.gray { background-color: #eeeff1 } .product-card__hidden-colors li a.blackup { background-color: #383838 } .product-card__hidden-colors li a.pink { background-color: #ffbfbc } .product-card__hidden-colors li a.almonds { background-color: #ffe4cd } .header-bottom__catalog-item.current > a, .header-bottom__catalog-item > a:hover, .product-card__hidden-colors li a.black { background-color: #000; } .header-bottom__catalog-item > a[href="/new/"] { color: #ff075c; } .product-card__hidden-colors li a.selected:before { border-color: #ff075c } .product-card__hidden-property { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } .product-card__hidden-property li { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1 } .product-card__hidden-property li:not(:last-child) { margin-right: .375rem } .product-card__amount button, .product-card__amount input, .product-card__hidden-property li a { -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; -webkit-border-radius: 5px; border-radius: 5px } .product-card__hidden-property li a { display: block; font-size: .8125rem; font-weight: 600; text-transform: uppercase; line-height: 1.875rem; border: 1px solid #666; color: #666 } .product-card__hidden-property li a.selected, .product-card__hidden-property li a:hover { color: #ff075c; border-color: #ff075c } .product-card__amount { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; line-height: 30px; font-weight: 500; margin-bottom: 1rem; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center } .product-card__amount button { font-size: 1.5rem } .product-card__amount button, .product-card__amount input { background-color: transparent; border: 1px solid #c2c2c0; padding: 0; margin: 0; width: 30px; height: 30px; cursor: pointer; color: #2d485f } .product-card__amount button:focus, .product-card__amount input:focus { outline: 0 } .product-card__amount button:hover, .product-card__amount input:hover { background-color: #f2f2f2 } .product-card__amount input { font-size: 1rem; border-color: transparent; text-align: center } .product-card__amount p { color: #2d485f; min-width: 30px; margin: 0 .25rem; text-align: center } .page-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; height: 100% } .page-wrapper.menu-open { overflow: hidden } .page-content { -webkit-box-flex: 1; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto } .page-title > * { font-weight: 300; line-height: 1.25; margin-bottom: 0 } .icon { display: inline-block } .icon svg { height: 100%; background: inherit; stroke-width: 0; stroke: currentColor; fill: inherit; pointer-events: none; -webkit-transform: translate(0); -ms-transform: translate(0); transform: translate(0); vertical-align: top } .logo img { width: 234px; height: 50px } .text-muted { color: #999 } .header-top { background-color: #f2f2f2 } .header-top nav, .icon svg { width: 100% } .header-top a { -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; color: #666; font-weight: 300 } .header-top__entry { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; line-height: 1 } .header-top__entry:hover { color: #ff075c } .header-top__entry:hover svg { fill: #ff075c } .header-top__entry .icon { height: 1rem; width: 1rem; margin-right: .3125rem } .header-top__entry svg { fill: #c2c2c2 } .header-top__social-link { height: 1.75rem; width: 1.75rem; background-color: #c2c2c0; -webkit-border-radius: 50%; border-radius: 50%; position: relative } .header-top__social-link:not(:first-child) { margin-left: 5px } .header-top__social-link:hover { background-color: #222 } .header-top__navigation-wave, .header-top__social .icon { -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%) } .header-top__social .icon { height: .9375rem; width: .9375rem; position: absolute; left: 50%; top: 50% } .header-top__social .icon svg { fill: #fff } .header-top__navigation-wave { position: fixed; top: 0; left: 0; background-color: #f2f2f2; -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; -webkit-border-radius: 50%; border-radius: 50% } .header-top__navigation-wave.displayed { -webkit-transition: z-index 0s linear, -webkit-transform .75s ease-in; -o-transition: z-index 0s linear, transform .75s ease-in; transition: z-index 0s linear, transform .75s ease-in; transition: z-index 0s linear, transform .75s ease-in, -webkit-transform .75s ease-in; z-index: 10; -webkit-transform: translate(-50%, -50%) scale(2); -ms-transform: translate(-50%, -50%) scale(2); transform: translate(-50%, -50%) scale(2) } .header-top__navigation-wave.not-displayed { -webkit-transition: z-index .5s linear, -webkit-transform .75s ease-in; -o-transition: z-index .5s linear, transform .75s ease-in; transition: z-index .5s linear, transform .75s ease-in; transition: z-index .5s linear, transform .75s ease-in, -webkit-transform .75s ease-in; z-index: -1; -webkit-transform: translate(-50%, -50%) scale(0); -ms-transform: translate(-50%, -50%) scale(0); transform: translate(-50%, -50%) scale(0); -webkit-transition-delay: .2s; -o-transition-delay: .2s; transition-delay: .2s } .header-middle .logo { display: inline-block } .header-middle__search { -webkit-transition: -webkit-box-shadow .3s ease; -o-transition: box-shadow .3s ease; transition: box-shadow .3s ease; transition: box-shadow .3s ease, -webkit-box-shadow .3s ease; background-color: transparent; -webkit-appearance: none; border: 1px solid #f2f2f2; border-right: none; padding: .625rem 1.25rem; -webkit-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px; -webkit-box-shadow: 0 0 0 0 transparent; box-shadow: 0 0 0 0 transparent; line-height: 1.15 } .header-middle__search.placeholder { -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; color: #000; font-size: .875rem; position: relative; right: 0; opacity: 1 } .header-middle__search:-moz-placeholder, .header-middle__search::-moz-placeholder { -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; color: #000; font-size: .875rem; position: relative; right: 0; opacity: 1 } .header-middle__search:-ms-input-placeholder { -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; color: #000; font-size: .875rem; position: relative; right: 0; opacity: 1 } .header-middle__search::-webkit-input-placeholder { -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; color: #000; font-size: .875rem; position: relative; right: 0; opacity: 1 } .header-middle__search:focus { outline: 0; -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .1); box-shadow: 0 0 5px 0 rgba(0, 0, 0, .1) } .header-middle__search:focus.placeholder { right: -10%; opacity: 0 } .header-middle__search:focus:-moz-placeholder, .header-middle__search:focus::-moz-placeholder { right: -10%; opacity: 0 } .header-middle__search:focus:-ms-input-placeholder { right: -10%; opacity: 0 } .header-middle__search:focus::-webkit-input-placeholder { right: -10%; opacity: 0 } .header-middle__submit { -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; background-image: url(/local/templates/apple/css/../img/search.svg); background-repeat: no-repeat; background-position: center center; -webkit-background-size: 1.25rem 1.25rem; background-size: 1.25rem; border: 1px solid #f2f2f2; -webkit-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0; background-color: #f2f2f2; padding: 0; font-size: 0px; } .header-middle__submit:hover { cursor: pointer; background-color: #e5e5e5 } .header-middle__submit:focus { outline: 0 } .header-middle__feedback, .header-middle__phone { -webkit-transition: color .3s ease; -o-transition: color .3s ease; transition: color .3s ease; display: block; line-height: 1.2 } .header-middle__feedback:hover, .header-middle__phone:hover { color: #ff075c } .header-bottom .mobile-catalog__button:focus, .header-middle__feedback:focus, .header-middle__phone:focus { outline: 0 } .header-middle__phone { font-weight: 500; font-size: 1.25rem } .header-middle__feedback, .subscribe h4 { font-weight: 300; font-size: .875rem } .header-middle__cart { -webkit-transition: color .3s ease; -o-transition: color .3s ease; transition: color .3s ease } .header-middle__cart .icon { width: 1.75rem; height: 1.75rem } .header-middle__cart-name { text-transform: uppercase; font-weight: 600; margin-left: 1rem } .header-bottom, .header-middle__cart-icon { position: relative } .header-middle__cart-icon .badge-counter { position: absolute; right: 0; -webkit-transform: translate(50%, -20%); -ms-transform: translate(50%, -20%); transform: translate(50%, -20%); top: 3px; background-color: #ff075c; font-size: 14px; font-weight: 600; color: #fff; line-height: 1.375rem; width: 21px; height: 21px; display: block; -webkit-border-radius: 50%; border-radius: 50%; text-align: center } .header-bottom__catalog-item__submenu-list__item.current a, .header-bottom__catalog-item__submenu-list__item:hover a, .header-middle__cart:hover { color: #ff075c } .header-menu__item-link:hover svg, .header-middle__cart:hover svg { fill: #ff075c } .header-bottom { background-color: #222; z-index: 9; } .header-bottom .mobile-catalog__button { margin: 1rem auto; background-color: transparent; border: 1px solid #fff; -webkit-border-radius: 5px; border-radius: 5px; padding-left: .75rem; padding-right: .75rem; position: relative } .header-bottom .mobile-catalog__button-name { font-size: 1rem; line-height: 1; color: #fff; margin: .75rem 0; display: inline-block; margin-right: .5rem } .header-bottom .mobile-catalog__button-icon { -webkit-transition: -webkit-transform .3s ease-in; -o-transition: transform .3s ease-in; transition: transform .3s ease-in; transition: transform .3s ease-in, -webkit-transform .3s ease-in; position: relative; width: 25px; height: 20px; display: inline-block; vertical-align: middle } .header-bottom .mobile-catalog__button-icon-line, .header-bottom .mobile-catalog__button-icon:after, .header-bottom .mobile-catalog__button-icon:before { content: ""; display: block; position: absolute; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; background-color: #fff; right: 0; width: 100%; height: 2px; -webkit-border-radius: 3px; border-radius: 3px } .header-bottom .mobile-catalog__button-icon-line { top: 9px } .header-bottom .mobile-catalog__button-icon:after { top: 0 } .header-bottom .mobile-catalog__button-icon:before { bottom: 0 } .header-bottom .mobile-catalog__button.not-active .mobile-catalog__button-icon { -webkit-transform: translateY(0) rotate(0); -ms-transform: translateY(0) rotate(0); transform: translateY(0) rotate(0) } .header-bottom .mobile-catalog__button.active .mobile-catalog__button-icon { -webkit-transform: translateY(-4px) rotate(270deg); -ms-transform: translateY(-4px) rotate(270deg); transform: translateY(-4px) rotate(270deg); margin-top: 10px; } .header-bottom .mobile-catalog__button.active .mobile-catalog__button-icon-line { width: 80% } .header-bottom .mobile-catalog__button.active .mobile-catalog__button-icon:after { -webkit-transform: translate(.5px, 5.5px) rotate(210deg); -ms-transform: translate(.5px, 5.5px) rotate(210deg); transform: translate(.5px, 5.5px) rotate(210deg); width: 60% } .header-bottom .mobile-catalog__button.active .mobile-catalog__button-icon:before { -webkit-transform: translate(.5px, -5.5px) rotate(-210deg); -ms-transform: translate(.5px, -5.5px) rotate(-210deg); transform: translate(.5px, -5.5px) rotate(-210deg); width: 60% } .header-bottom .mobile-catalog__button.active .mobile-catalog__button-icon { display: none; } .header-bottom .mobile-catalog__button .mobileClose { display: none; } .header-bottom .mobile-catalog__button.active .mobileClose { display: inline-block; color: #fff; height: 20px; font-size: 30px; position: absolute; right: 5px; top: -5px; } .header-bottom .mobile-catalog__button.active { padding-right: 20px; } .header-bottom__navigation { width: 100% } .header-bottom__catalog { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between } .header-bottom__catalog-item { text-align: center; position: relative } .header-bottom__catalog-item a { -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; display: block; font-size: .875rem } .header-bottom__catalog-item > a { padding: .9375rem 0; color: #fff; font-weight: 600 } .header-bottom__catalog-item__submenu { position: absolute; z-index: 3; /*width: 11.25rem;*/ width: 100%; display: none } .header-bottom__catalog-item__submenu-list { -webkit-box-shadow: 0 0 .625rem rgba(34, 34, 34, .3); box-shadow: 0 0 .625rem rgba(34, 34, 34, .3); background: #222; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; text-align: left; -webkit-border-bottom-left-radius: .3125rem; border-bottom-left-radius: .3125rem; -webkit-border-bottom-right-radius: .3125rem; border-bottom-right-radius: .3125rem; padding: .3125rem 0 } .header-bottom__catalog-item__submenu-list__item { -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; width: 100% } .header-bottom__catalog-item__submenu-list__item a { color: #fff; padding: .375rem 1rem; font-weight: 500 } .header-bottom__catalog-item__submenu-list__item.current { background: #000 } .header-bottom.fixed { position: fixed; width: 100%; left: 0; top: 0; right: 0; z-index: 10; opacity: .85 } .header-bottom.static { position: static } .header-menu__item-link { display: inline-block } .header-menu__item-link.current, .header-menu__item-link:hover { color: #ff075c } .header-menu__item-link svg { fill: #666 } .header__search { font-size: .875rem; position: relative } .header__search-absolute { position: absolute; width: 100%; z-index: 7; background: #fff } .header__search-toggle { padding: 1rem 0 } .header__search-toggle__item { font-weight: 600; display: inline-block; margin-right: 1rem; color: #ff075c; cursor: pointer } .header__search-toggle__item--active { color: #222; cursor: default } .header__search-citem { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 1rem; border: 1px solid transparent; -webkit-transition: border .4s; -o-transition: border .4s; transition: border .4s; -webkit-border-radius: 5px; border-radius: 5px; height: 100%; margin-bottom: 1rem } .header__search-citem__picture { max-width: 100%; height: auto; margin-bottom: .5rem } .header__search-citem__price, .header__search-citem__title { display: block; text-align: center } .header__search-citem__title { font-weight: 700; margin-bottom: .8rem } .header__search-citem__price--old { color: #666; text-decoration: line-through; font-size: 95% } .header__search-citem:hover, .header__search-nitem:hover { border: 1px solid #f2f2f2 } .header__search-nitem { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 1rem; border: 1px solid transparent; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-transition: border .4s; -o-transition: border .4s; transition: border .4s; -webkit-border-radius: 5px; border-radius: 5px; height: 100%; margin-bottom: 1rem } .header__search-nitem__picture { max-width: 100%; height: auto; margin-bottom: .5rem } .header__search-nitem__date, .header__search-nitem__title { display: block; text-align: left } .header__search-nitem__title { font-weight: 700; margin-bottom: .8rem } .header__search-all { display: inline-block; -webkit-border-radius: 5px; border-radius: 5px; background: #ff075c; border: 1px solid #ff075c; color: #fff; font-weight: 600; line-height: 2.5rem; margin: 1rem 0 1.5rem; text-align: center; padding: 0 1rem; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s } .header__search-all:hover { background: 0 0; color: #ff075c; text-decoration: none } .subscribe { background-color: #f3f3f3; padding: 2.1875rem 0 } .subscribe h4 { color: #666; font-size: 1.25rem; margin-bottom: 1.5625rem } .subscribe .form-group { position: relative } .subscribe-form { display: inline-block } .subscribe-form__email { background-color: transparent; -webkit-appearance: none; border: 1px solid #c2c2c0; border-right: none; padding: .625rem 1.25rem; -webkit-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px; -webkit-box-shadow: 0 0 0 0 transparent; box-shadow: 0 0 0 0 transparent; position: relative } .subscribe-form__email.placeholder { -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; color: #666; font-size: .875rem; position: relative; right: 0; opacity: 1 } .subscribe-form__email:-moz-placeholder, .subscribe-form__email::-moz-placeholder { -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; color: #666; font-size: .875rem; position: relative; right: 0; opacity: 1 } .subscribe-form__email:-ms-input-placeholder { -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; color: #666; font-size: .875rem; position: relative; right: 0; opacity: 1 } .subscribe-form__email::-webkit-input-placeholder { -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; color: #666; font-size: .875rem; position: relative; right: 0; opacity: 1 } .subscribe-form__email:focus { outline: 0; -webkit-box-shadow: 0 0 5px 0 rgba(102, 102, 102, .3); box-shadow: 0 0 5px 0 rgba(102, 102, 102, .3) } .subscribe-form__email:focus.placeholder { right: -10%; opacity: 0 } .subscribe-form__email:focus:-moz-placeholder, .subscribe-form__email:focus::-moz-placeholder { right: -10%; opacity: 0 } .subscribe-form__email:focus:-ms-input-placeholder { right: -10%; opacity: 0 } .subscribe-form__email:focus::-webkit-input-placeholder { right: -10%; opacity: 0 } .subscribe-form__submit { -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; background-color: #222; padding: 0; color: #fff; font-size: .875rem; border: 1px solid #222; font-weight: 600; -webkit-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0 } .subscribe-form__submit:hover { background-color: transparent; color: #222; cursor: pointer } .footer { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto } .footer-address, .footer-phone { -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; color: #666; line-height: 1.7 } .footer-address:hover, .footer-link:hover, .footer-nav__list-item a:hover, .footer-phone:hover { color: #ff075c } .footer-phone { font-size: 1.25rem; font-weight: 600 } .footer-address { font-size: .875rem } .footer-nav__list { /*display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;*/ -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between } .footer-nav__list-item a { color: #666; font-size: .875rem; line-height: 2 } .footer span, .footer-link { color: #666; font-size: .75rem } .footer-link, .footer-nav__list-item a { -webkit-transition: color .3s ease; -o-transition: color .3s ease; transition: color .3s ease } .footer-social { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center } .footer-social__link { -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; height: 1.75rem; width: 1.75rem; background-color: #c2c2c0; -webkit-border-radius: 50%; border-radius: 50%; position: relative } .footer-social__link:not(:first-child) { margin-left: 5px } .footer-social__link:hover { background-color: #222 } .footer-social .icon { height: .9375rem; width: .9375rem; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%) } .footer-social .icon svg { fill: #fff } .footer .line, .mobile-button { position: relative } .footer .line:before { content: ""; display: block; position: absolute; width: -webkit-calc(100% - 30px); width: calc(100% - 30px); height: 1px; left: 15px; bottom: 0; background-color: #c2c2c0 } .mobile-button { width: 30px; height: 22px; background-color: transparent; border: 0; padding: 0; margin: 0; display: block; z-index: 11 } .mobile-button:focus { outline: 0 } .mobile-button__line { height: 2px; display: block; position: absolute } .mobile-button__line:nth-child(2) { width: 100%; left: 0 } .mobile-button.open .mobile-button__line { background-color: #666 } .mobile-button.open .mobile-button__line:first-child { -webkit-transition: width .1s ease-in 0s, top .1s ease-in .3s, left .1s ease-in .3s, background-color 1s ease, -webkit-transform .1s ease-in .5s; -o-transition: width .1s ease-in 0s, top .1s ease-in .3s, left .1s ease-in .3s, transform .1s ease-in .5s, background-color 1s ease; transition: width .1s ease-in 0s, top .1s ease-in .3s, left .1s ease-in .3s, transform .1s ease-in .5s, background-color 1s ease; transition: width .1s ease-in 0s, top .1s ease-in .3s, left .1s ease-in .3s, transform .1s ease-in .5s, background-color 1s ease, -webkit-transform .1s ease-in .5s; top: 6px; left: 1px; width: 50%; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg) } .mobile-button.open .mobile-button__line:nth-child(2) { -webkit-transition: background-color 1s ease, -webkit-transform .1s ease-in .5s; -o-transition: transform .1s ease-in .5s, background-color 1s ease; transition: transform .1s ease-in .5s, background-color 1s ease; transition: transform .1s ease-in .5s, background-color 1s ease, -webkit-transform .1s ease-in .5s; -webkit-transform: rotate(-45deg) translateY(-50%); -ms-transform: rotate(-45deg) translateY(-50%); transform: rotate(-45deg) translateY(-50%) } .mobile-button.open .mobile-button__line:last-child { -webkit-transition: width .1s ease-in 0s, bottom .1s ease-in .3s, right .1s ease-in .3s, background-color 1s ease, -webkit-transform .1s ease-in .5s; -o-transition: width .1s ease-in 0s, bottom .1s ease-in .3s, right .1s ease-in .3s, transform .1s ease-in .5s, background-color 1s ease; transition: width .1s ease-in 0s, bottom .1s ease-in .3s, right .1s ease-in .3s, transform .1s ease-in .5s, background-color 1s ease; transition: width .1s ease-in 0s, bottom .1s ease-in .3s, right .1s ease-in .3s, transform .1s ease-in .5s, background-color 1s ease, -webkit-transform .1s ease-in .5s; bottom: 4px; right: 4px; width: 50%; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg) } .mobile-button.closed .mobile-button__line { background-color: #222 } .mobile-button.closed .mobile-button__line:first-child { -webkit-transition: width .1s ease-in .5s, top .1s ease-in .3s, left .1s ease-in .3s, background-color 1s ease, -webkit-transform .1s ease-in 0s; -o-transition: width .1s ease-in .5s, top .1s ease-in .3s, left .1s ease-in .3s, transform .1s ease-in 0s, background-color 1s ease; transition: width .1s ease-in .5s, top .1s ease-in .3s, left .1s ease-in .3s, transform .1s ease-in 0s, background-color 1s ease; transition: width .1s ease-in .5s, top .1s ease-in .3s, left .1s ease-in .3s, transform .1s ease-in 0s, background-color 1s ease, -webkit-transform .1s ease-in 0s; left: 0; top: 0; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); width: 100% } .mobile-button.closed .mobile-button__line:nth-child(2) { -webkit-transition: background-color 1s ease, -webkit-transform .1s ease-in .4s; -o-transition: transform .1s ease-in .4s, background-color 1s ease; transition: transform .1s ease-in .4s, background-color 1s ease; transition: transform .1s ease-in .4s, background-color 1s ease, -webkit-transform .1s ease-in .4s; top: 50%; -webkit-transform: rotate(0) translateY(-50%); -ms-transform: rotate(0) translateY(-50%); transform: rotate(0) translateY(-50%) } .mobile-button.closed .mobile-button__line:last-child { -webkit-transition: width .1s ease-in .5s, bottom .1s ease-in .3s, right .1s ease-in .3s, background-color 1s ease, -webkit-transform .1s ease-in 0s; -o-transition: width .1s ease-in .5s, bottom .1s ease-in .3s, right .1s ease-in .3s, transform .1s ease-in 0s, background-color 1s ease; transition: width .1s ease-in .5s, bottom .1s ease-in .3s, right .1s ease-in .3s, transform .1s ease-in 0s, background-color 1s ease; transition: width .1s ease-in .5s, bottom .1s ease-in .3s, right .1s ease-in .3s, transform .1s ease-in 0s, background-color 1s ease, -webkit-transform .1s ease-in 0s; bottom: 0; right: 0; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); width: 100% } .breadcrumb { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; font-size: .875rem } .breadcrumb-item { line-height: 1.15; color: #666; cursor: default } .breadcrumb-item:not(:last-child) { margin-right: 1.25rem; position: relative } .breadcrumb-item:not(:last-child):after { display: block; position: absolute; content: '>'; right: -.75rem; bottom: 0 } .breadcrumb-item__link { color: #ff075c; cursor: pointer; display: block } .breadcrumb-item__link:hover { color: #ff075c; text-decoration: underline } .typical ul li { padding-left: 18px; position: relative } .typical ul li:before { content: ""; display: block; position: absolute; width: 6px; height: 6px; left: 0; top: 50%; -webkit-transform: translateY(-60%); -ms-transform: translateY(-60%); transform: translateY(-60%); -webkit-border-radius: 50%; border-radius: 50%; background-color: #ff075c } .pagination { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; font-size: .875rem } .pagination-item { width: 1.875rem; text-align: center } .pagination-item__link { -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; color: #ff075c; display: block; line-height: 1.75rem } .pagination-item__link.active { color: #222 } .pagination-item__link:not(.active):hover { background-color: #f3f3f3; color: #222 } .pagination-nav.prev { margin-right: .5rem } .pagination-nav.next { margin-left: .5rem } .pagination-nav__link, .pagination-nav__link svg { display: block; width: 1.875rem; height: 1.75rem } .pagination-nav__link.disabled svg, .pagination-nav__link.disabled:hover svg { fill: #666 } .pagination-nav__link.disabled:hover { background-color: #fff } .pagination-nav__link svg { width: 1.25rem; margin: 0 auto; fill: #ff075c } .pagination-nav__link:hover { background-color: #f3f3f3 } .pagination-nav__link:hover svg { fill: #000 } .form [type=file] { opacity: 0; visibility: hidden; position: absolute; z-index: -1; left: 0; max-width: 1px } .form-group { height: 100%; position: relative } .form-group label.error { position: absolute; left: 0; bottom: -18px; margin-bottom: 0; line-height: 1.2; color: #ff075c; white-space: nowrap } .form-file-upload { -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; position: relative; min-width: 12.8125rem; height: 2.8125rem; background-color: #f3f3f3; -webkit-border-radius: 5px; border-radius: 5px; text-align: center; display: inline-block; border: 1px solid #ccc; margin-right: 1.375rem } .form-file-upload:hover { background-color: #e0e0e0 } .form-file-upload__area { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer; margin-bottom: 0 } .form-file-upload__area span { line-height: 2.8125rem; padding-left: 30px; font-size: .875rem; color: #222; display: inline-block; background-image: url(/local/templates/apple/css/../img/attachment-sign.svg); -webkit-background-size: 20px 20px; background-size: 20px; background-repeat: no-repeat; background-position: left 45%; font-weight: 500 } .form-file-upload__filename { display: none; font-size: .875rem; color: #222; font-weight: 500 } .form-annotation a, .form-file-upload__filename-accent { color: #ff075c } .form-input, .form-select { padding: .5rem 1.25rem } .form-input { color: #333 } .form-input, .form-select, .form-textarea { -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; font-size: .875rem; border: 1px solid #c2c2c2; -webkit-border-radius: 5px; border-radius: 5px; font-weight: 500 } .form-textarea { color: #333 } .form-input:focus, .form-select:focus, .form-textarea:focus { outline: 0 } .form-input:hover, .form-select:hover, .form-textarea:hover { cursor: pointer; border-color: #333 } .form-input, .form-select { width: 100% } .form-select { height: inherit; color: #999; -webkit-appearance: none; -moz-appearance: none; text-indent: .01px; -o-text-overflow: ''; text-overflow: ''; background-image: url(/local/templates/apple/css/../img/expand-button.svg); -webkit-background-size: 10px 10px; background-size: 10px; background-repeat: no-repeat; background-position: 95% center; background-color: transparent } .form-select::-ms-expand { display: none } .form-select.in-focus { color: #333 } .form-select.in-focus option { color: #333; outline: 0 } .form-select.out-focus, .form-select.out-focus option { color: #999 } .form-textarea { resize: none; min-height: 6.25rem; padding: .9375rem 1.25rem; display: block } .form-input.placeholder { -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); opacity: 1; color: #999; font-size: .875rem; font-weight: 400 } .form-input:-moz-placeholder, .form-input::-moz-placeholder { -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; transform: translateX(0); opacity: 1; color: #999; font-size: .875rem; font-weight: 400 } .form-input:-ms-input-placeholder { -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; -ms-transform: translateX(0); transform: translateX(0); opacity: 1; color: #999; font-size: .875rem; font-weight: 400 } .form-input::-webkit-input-placeholder { -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; color: #999; font-size: .875rem; font-weight: 400 } .form-input:focus.placeholder { -webkit-transform: translateX(5px); -ms-transform: translateX(5px); transform: translateX(5px); opacity: 0 } .form-input:focus:-moz-placeholder, .form-input:focus::-moz-placeholder { transform: translateX(5px); opacity: 0 } .form-input:focus:-ms-input-placeholder { -ms-transform: translateX(5px); transform: translateX(5px); opacity: 0 } .form-input:focus::-webkit-input-placeholder { -webkit-transform: translateX(5px); transform: translateX(5px); opacity: 0 } .form-input__submit { -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; background-color: #ff075c; font-weight: 700; color: #fff; border: 1px solid; border-color: transparent; display: inline-block; line-height: 2.8125rem; height: 2.8125rem; min-width: 9.375rem; -webkit-border-radius: 5px; border-radius: 5px; padding: 0; cursor: pointer } .form-input__submit:focus { outline: 0 } .form-input__submit:hover { border-color: #ff075c; background-color: transparent; color: #ff075c } .form-annotation p { font-size: .75rem; color: #222; letter-spacing: -.15px } .form-annotation a:hover { text-decoration: underline } .modal-container, .modal-overlay { /*will-change: transform*/ } .modal-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(34, 34, 34, .75); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; z-index: 15 } .modal-container { background-color: #fff; padding: 2rem; max-height: 100vh; overflow: auto; margin: auto } .modal-header { position: relative; text-align: center; margin-bottom: 1.75rem; color: #222 } .modal-header__title { font-size: 1.75rem; /*font-weight: 300;*/ line-height: 1.2 } .modal-header p { font-size: .9375rem } .modal-close { position: absolute; right: -1rem; top: -1rem; cursor: pointer; background-color: transparent; border: 0; padding: 0; width: 1rem; height: 1rem; z-index: 3; display: block } .modal-close:focus { outline: 0 } .modal-close:hover svg { opacity: 1 } .modal-close__icon { -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; width: 100%; height: 100%; fill: #222; pointer-events: none; opacity: .5 } .modal-animation, .scroll2top { display: none } .modal-animation.is-open { display: block } .modal-animation[aria-hidden=false] .modal-overlay { -webkit-animation: mmfadeIn .4s cubic-bezier(0, 0, .2, 1); animation: mmfadeIn .4s cubic-bezier(0, 0, .2, 1) } .modal-animation[aria-hidden=false] .modal-container { -webkit-animation: mmslideIn .4s cubic-bezier(0, 0, .2, 1); animation: mmslideIn .4s cubic-bezier(0, 0, .2, 1) } .modal-animation[aria-hidden=true] .modal-overlay { -webkit-animation: mmfadeOut .4s cubic-bezier(0, 0, .2, 1); animation: mmfadeOut .4s cubic-bezier(0, 0, .2, 1) } .modal-animation[aria-hidden=true] .modal-container { -webkit-animation: mmslideOut .4s cubic-bezier(0, 0, .2, 1); animation: mmslideOut .4s cubic-bezier(0, 0, .2, 1) } .modal-form input[type=file] + label.error { white-space: normal; min-height: 30px; bottom: -40px } .modal-form .form-file-upload { margin: 0; display: block } .modal-form .form-input__submit { width: 100% } div.title-search-result { border: 0 !important } .scroll2top { width: 3rem; height: 3rem; -webkit-border-radius: 5px; border-radius: 5px; background: #f2f2f2; background-image: url(/local/templates/apple/css/../img/scroll-arrow.svg); -webkit-background-size: 2rem 2rem; background-size: 2rem; background-position: center center; background-repeat: no-repeat; cursor: pointer; position: fixed; bottom: 5rem; right: 5rem } .labels { position: absolute; top: -25px; left: 0; z-index: 1; } .single-product .labels { top: 0; } .label-new-product { width: 65px; height: 30px; font-size: 11px; background: #79AEF9; border-radius: 4px; color: #fff; display: flex; justify-content: center; align-items: center; font-weight: bold; } .labels .saleLeader { width: 57px; height: 30px; margin-bottom: 10px; background: url('/local/templates/apple/img/icons/hit.svg') no-repeat; } .labels .newProduct { width: 65px; height: 30px; background: url('/local/templates/apple/img/icons/new.svg') no-repeat; } .faq-list h2 { color: #666; } .linkBlockInCat { margin-bottom: 0; } .bx-catalog-element #js-single-product-slider { opacity: 0; } .categories__description p { font-size: 15px; line-height: 20px; margin-bottom: 10px; } .categories__description li { font-size: 14px; line-height: 20px; margin-bottom: 10px; margin-left: 15px; } .categories__description table { font-size: 15px; border-collapse: collapse; margin-bottom: 10px; } .categories__description table td { border: 1px solid #eee; padding: 5px; } .categories__description ul li { list-style-type: disc; } .categories__description ol li { list-style-type: decimal; } .carousel_cards .product-card { min-height: 500px; } .carousel_cards .slick-prev { left: 0px; } .carousel_cards .slick-prev::before { color: #333; } .carousel_cards .slick-next { right: 0px; } .carousel_cards .slick-next::before { color: #333; } .carousel_cards .slick-arrow { z-index: 11; } @media all and (min-width: 375px) { .header-middle__cart-name { font-size: .875rem } } .basket-goto-catalog { display: inline-block; line-height: 40px; border: 1px solid #ff075c; color: #fff; font-weight: 600; background: #ff075c; border-radius: 5px; text-align: center; padding: 0 1rem; margin: .75rem 0; transition: all .3s; } @media all and (min-width: 576px) { .header-bottom .mobile-catalog__button { display: none !important } .header-bottom__navigation { display: block !important } .header-bottom__catalog { width: 100% } .header-bottom__catalog-item { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1 } .subscribe-form__email { width: 15.625rem } .subscribe-form__submit { width: 9.375rem } .footer-nav__list { padding-right: 5px } .form-group label.error { font-size: 12px } .modal-container { -webkit-border-radius: 5px; border-radius: 5px; max-width: 25rem } } @media all and (min-width: 1024px) and (hover: hover) and (pointer: fine) { .page-title > * { font-size: 2rem } .header-top__entry { font-size: .875rem } .header-middle__search { width: 20rem } .header-middle__submit { width: 2.5rem; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0 } .header-menu { display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 100% } .header-menu__item .icon { height: 1.125rem; width: 1.125rem } .header-menu__item-link { font-size: .875rem } .mobile-button { display: none !important } } @media (min-width: 1024px) and (max-width: 1199px) and (hover: hover) and (pointer: fine) { .header-menu__item-link { font-size: 13px; } } @media all and (min-width: 1200px) { .product-card__buy { display: block } .product-card__buy-mobile { display: none } .product-card__hidden { display: none } .header-top__social { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex } } @media all and (max-width: 1199px) { .product-card__buy { /*display: flex; padding: 5px 20px; justify-content: center;*/ display: block; padding: 0; } .product-card__buy-mobile { display: none } .product-card__hidden { display: none !important } .header-top__social { display: none } } @media all and (max-width: 1023px), (pointer: coarse) { .page-title > * { font-size: 1.75rem } .header-top__entry { font-size: 1rem } .header-top__navigation { position: fixed; max-height: 100vh; left: 0; top: 0; right: 0; bottom: 0 } .header-top__navigation.open { z-index: 11; overflow-y: auto } .header-top__navigation.open .header-menu { -webkit-transition: -webkit-transform .75s ease .5s; -o-transition: transform .75s ease .5s; transition: transform .75s ease .5s; transition: transform .75s ease .5s, -webkit-transform .75s ease .5s; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); -webkit-transition-delay: .75s; -o-transition-delay: .75s; transition-delay: .75s } .header-top__navigation.closed { -webkit-transition: z-index 0s linear 1.5s; -o-transition: z-index 0s linear 1.5s; transition: z-index 0s linear 1.5s; z-index: -1 } .header-top__navigation.closed .header-menu { -webkit-transition: -webkit-transform .75s ease; -o-transition: transform .75s ease; transition: transform .75s ease; transition: transform .75s ease, -webkit-transform .75s ease; -webkit-transform: translateY(-200%); -ms-transform: translateY(-200%); transform: translateY(-200%) } .header-middle__search { width: 80% } .header-middle__submit { width: 20% } .header-menu { padding-top: 3.2rem; padding-bottom: 3.2rem; display: block } .header-menu__item { margin-left: 2.5rem } .header-menu__item .icon { height: 1.875rem; width: 1.875rem } .header-menu__item-link { font-size: 1.25rem; line-height: 2 } } @media all and (max-width: 767px) { .footer span, .footer-link, .breadcrumb-item, #custom_tree_id .single-product-characteristics__title, #custom_tree_id .single-product-characteristics__memory, .single-product-characteristics__memory li, .single-product-characteristics__info-availability span, .single-product-characteristics__info-lower, .single-product-characteristics__info-report, .single-product-share__title, .table1 tr td, .footer-nav__list-item a { font-size: 13px; } body .single-product-characteristics__info-availability span.availability-true:before{ height: 5px; } } @media all and (max-width: 575px) { .deliveryBlock .fontMobile, .deliveryBlock .fontMobile ul li, .fontMobile { font-size: 13px; } .product-card__wrap { max-width: 300px; margin: 0 auto } .header-bottom .mobile-catalog__button { display: block } .header-bottom__navigation { position: absolute; background-color: #222; left: 0; z-index: 5; display: none } .header-bottom__catalog { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-top: 1rem; padding-bottom: 1rem } .header-bottom__catalog-item { -webkit-flex-basis: 30%; -ms-flex-preferred-size: 30%; flex-basis: 30% } .header-bottom__catalog-item__submenu { width: 100% } .subscribe-form__email { width: 11.25rem } .subscribe-form__submit { width: 7.5rem } .breadcrumb, .footer-nav__list { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .footer-nav__list-column:not(:last-child) { margin-right: .75rem } .breadcrumb-item { margin-bottom: .25rem } .form-group label.error { font-size: 10px } .modal-container { max-width: 300px } .header-bottom__catalog-item { position: unset; } .header-bottom__catalog-item__submenu { left: 0; } .header-bottom__catalog-item__submenu-list { column-count: 3; display: block; } } @media screen and (max-width: 575px) { .header__search-all { width: 100% } .scroll2top { display: none !important } } @media all and (max-width: 374px) { .header-middle__cart-name { font-size: .75rem } } @media all and (min-width: 768px) and (max-width: 1023px) { .footer-nav { padding-left: 1.5rem } } .header-middle__search { border: unset; } .header-middle__submit, .header-middle__submit:hover { background-color: unset; border: unset; } .header-middle__search { width: 11rem; padding: 7px 0; } #title-search { border-bottom: 1px solid #E5E5E5; } .telephoneBlock .header-middle__phone { background: url('/local/templates/apple/img/icon_phone.svg') no-repeat; padding-left: 30px; } .favoriteBlock, .compareBlock { position: relative; } .favoriteBlock .count, .compareBlock .count { position: absolute; right: -10px; color: #fff; background: #FF075C; text-align: center; border-radius: 70px; font-size: 15px; width: 21px; height: 21px; font-size: 14px; font-weight: 700; } .sotbit-seometa-tags-wrapper .sotbit-seometa-tag a.sotbit-seometa-tag-link { margin: 0 10px 15px 0; } @media screen and (max-width: 1199px) { .product-card__buy { /*display: none;*/ } .header .row { justify-content: space-between; } .telephoneBlock .header-middle__phone { font-size: 0; height: 50px; } .searchBlock #title-search-input { display: none; } .searchBlock .header-middle__submit { height: 50px; } #title-search { border-bottom: unset; } .telephoneBlock .header-middle__phone { background-position: 100%; } } @media screen and (max-width: 1023px), (pointer: coarse) { .searchBlock #title-search { width: 50px; } .searchBlock .header-middle__submit { width: 100%; } .basketBlock .bx-basket-block .header-middle__cart-name { display: none; } } @media screen and (max-width: 767px) { /* .header .row::before { content: ''; width: 100%; height: 10px; order:4; }*/ .header-bottom.fixed { opacity: 1; } } @media screen and (max-width: 575px) { .header .row { padding: 0 20px; } .buttonKonsultaciya { width: 157px; } .logo img { width: 190px; } } @media screen and (max-width: 450px) { #js-single-product-slider { padding-right: 20%; } } .categories-filter__group button:focus { outline: unset; } #footerMenu { column-count: 3; } @media screen and (max-width: 425px) { #footerMenu { column-count: 2; } } .personalText a { color: #fff; text-decoration: underline; } @media screen and (max-width: 767px) { ul.breadcrumb li:last-child { display: none; } .product-card__part .favor { display: block; } .product-card__part .chart-link { display: block; transform: scale(1); } .favor.active svg { stroke: #ff075c !important; fill: #ff075c !important; } .favor:not(.active) svg { stroke: #fff !important; fill: #fff !important; } .product-card__part .chart-link.in_compare .chart-link__image-rect { fill: #f3f3f3 !important; } .product-card__part .chart-link:not(.in_compare) .chart-link__image-rect { fill: #222 !important; } .product-card__part .chart-link.in_compare .chart-link__image-circle { fill: #222 !important; } .product-card__part .chart-link:not(.in_compare) .chart-link__image-circle { fill: #f3f3f3 !important; } } .header-top__entry .icon { margin-right: 0; width: 1.75rem; height: 1.75rem; } .header-top__entry svg{ fill: unset; height: 28px; } .header-top__entry{ flex-wrap: wrap; line-height: unset; } .iconTitle { width: 100%; display: block; font-size: 14px; text-transform: none; font-weight: 400; text-align: center; margin-top: 10px; } .telephoneBlock{ margin-left: 1rem; } .telephoneBlock .header-middle__phone{ background: unset; padding-left: 0; font-size: 1rem; } .header-middle .icon{ margin: 0 auto; } .headerIcons img{ margin: 0 auto; display: block; height: 28px; } .headerIcons{ gap: 1rem; } .header-middle__cart-icon .badge-counter{ right: unset; left: 50%; } .favoriteBlock .count, .compareBlock .count{ right: unset; left: 50%; margin-left: 10px; } .header-middle__cart-name{ margin-left: 0; } .header-middle .icon{ display: block; } .konsultBlock a img { width: 24px; height: 24px; } .header-middle__search{ width: 100%; } .searchBlock { width: 40%; border: 1px solid #000; border-radius: 20px; } #title-search{ border: unset; } .header-middle__search{ padding-left: 1rem; } body .konsultBlock a img{ width: 24px; height: 24px; } .header{ position: fixed; width: 100%; top: 0; left: 0; background: #fff; z-index: 99; } body{ padding-top: 198px; } .mobileHeader{ display: none; } .mobileMenu{ display: none; } .mobileMenuWrapper.slinky-menu a.next::after { content: ''; display: block; width: 12px; height: 12px; background: url("/local/templates/apple/css/../img/mingcute_arrows-down-fill.svg") no-repeat center; background-size: contain; position: absolute; -moz-transform: rotate(270deg); -webkit-transform: rotate(270deg); -o-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); right: 0; top: 50%; margin-top: -6px; } .mobileMenuWrapper.slinky-menu ul { border-top: 1px solid rgb(240, 240, 240); padding: 0; } .mobileMenuWrapper.slinky-menu ul ul { border-bottom: 1px solid rgb(240, 240, 240); } .mobileMenuWrapper.slinky-menu li { display: flex; align-items: center; border-bottom: 1px solid rgb(240, 240, 240); min-height: 64px; width: 100%; padding: 0 29px 0 36px; } .mobileMenuWrapper.slinky-menu li.headerMenuMobile a { padding-left: 24px !important; } .mobileMenuWrapper.slinky-menu li.headerMenuMobile a::before { content: ''; display: block; width: 12px; height: 12px; background: url("/local/templates/apple/css/../img/mingcute_arrows-down-fill.svg") no-repeat center; background-size: contain; position: absolute; -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); left: 0; top: 50%; margin-top: -6px; } .mobileMenuWrapper.slinky-menu li a { font-size: 14px; line-height: 20px; padding: 22px 0; position: relative; width: 100%; height: 100%; display: block; } .mobileMenuWrapper.slinky-menu li.catalogMenuParent a { padding: 0; } .mobileMenuWrapper.slinky-menu li.catalogMenuParent a span { display: flex; align-items: center; } .mobileMenuWrapper.slinky-menu li.catalogMenuParent a span img { margin-right: 1rem; } .mobileMenuWrapper a { color: #000; text-decoration: none; } .mobileMenu{ background: #fff; position: fixed; z-index: 100; width: 100%; height: 100%; overflow-y: scroll; display: none; top: 80px; padding-bottom: 80px; } .mobileMenu .telephoneBlock{ margin: 0; padding: 0 29px 0 36px; } .mobileMenu .konsultBlock{ padding: 0 29px 0 36px; margin: 2rem 0 1rem 0; } .toolbarItem{ text-align: center; display: flex; flex-wrap: wrap; justify-content: center; } .favoritesToolbarItem{ position: relative; } .favoritesToolbarItem .count{ position: absolute; left: 50%; margin-left: -3px; line-height: 21px; text-align: center; -webkit-transform: translate(50%, -20%); -ms-transform: translate(50%, -20%); transform: translate(50%, -20%); top: 3px; background-color: #ff075c; font-size: 14px; font-weight: 600; color: #fff; line-height: 1.375rem; width: 21px; height: 21px; display: block; -webkit-border-radius: 50%; border-radius: 50%; text-align: center; } body.ovh{ overflow: hidden; } .product-card__buy.wide{ width: 92%; font-size: 14px; } .single-product-characteristics__buy-btn.wide{ margin: 0; padding: 0 1rem; } .product-characteristics__info-availability_carousel{ margin-top: auto; margin-bottom: 10px; text-align: center; } .product-characteristics__info-availability_carousel span { padding-left: 20px; position: relative; line-height: 1; cursor: default; font-size: .75rem; color: #666; font-weight: 500; } .product-characteristics__info-availability_carousel span.availability-false::after, .product-characteristics__info-availability_carousel span.availability-false::before { content: ""; display: block; position: absolute; height: 12px; width: 2px; left: 8px; top: 2px; background-color: #666; } .product-characteristics__info-availability_carousel span.availability-false::before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .product-characteristics__info-availability_carousel span.availability-false::after { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .product-characteristics__info-availability_carousel span.availability-true::before { content: ""; display: block; position: absolute; top: 3px; left: 3px; width: 10px; height: 6px; border-left: 2px solid #ff075c; border-bottom: 2px solid #ff075c; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .single-product-characteristics__buy-btn_preOrder { -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; background-color: #ff075c; line-height: 2.5rem; font-weight: 600; color: #fff; min-width: 8.4375rem; text-align: center; -webkit-border-radius: 5px; border-radius: 5px; cursor: pointer; border: 2px solid transparent; padding: 0 1rem; } .single-product-characteristics__buy-btn_preOrder:hover { color: #ff075c; border-color: #ff075c; background-color: transparent } #preOrder{ max-width: 600px; } #preOrder .productTitle span{ display: block; } #oneClickBuy [name="form_text_15"], #preOrder [name="form_text_13"]{ display: none; } #oneClickBuy font.errortext, #preOrder font.errortext{ margin-top: 0.5rem; display: block; font-size: 13px; } .preOrderFormWrapper .topText{ font-weight: 600; margin: 1rem 0; } .inputsAndButtonWrapper{ display: flex; flex-wrap: wrap; gap: 0.5rem; } .inputsAndButtonWrapper.withBg{ margin-bottom: 1rem; padding: 0.5rem; border-radius: 5px; background: #ebebeb; justify-content: center; } .inputsAndButtonWrapper .subTitle{ width: 100%; text-align: center; margin-bottom: 0; } .inputsAndButtonWrapper .inputsWrapper{ /*width: 70%;*/ } .inputsAndButtonWrapper .inputsWrapper input{ width: 100%; border-radius: 5px; height: 100%; line-height: 100%; border: 1px solid #666; padding: 15px; font-family: inherit; font-size: inherit; max-width: 200px; letter-spacing: 1px; } .inputsAndButtonWrapper .buttonWrapper{ width: calc(30% - 0.5rem); } .inputsAndButtonWrapper .buttonWrapper input{ -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; background-color: #ff075c; line-height: 2.5rem; font-weight: 600; color: #fff; min-width: 8.4375rem; text-align: center; -webkit-border-radius: 5px; border-radius: 5px; cursor: pointer; border: 2px solid transparent; padding: 0 1rem; height: 100%; } .inputsAndButtonWrapper .buttonWrapper input:hover{ color: #ff075c; border-color: #ff075c; background-color: transparent } .preOrderFormWrapper .personalText{ font-size: 80%; color: #333; } .preOrderFormWrapper .personalText a{ color: #333; text-decoration: underline; } .preOrderFormWrapper .personalText a:hover{ text-decoration: none; } .successSubmit{ text-align: center; } .successSubmit .productTitle { margin-bottom: 1rem; display: block !important; } .successSubmit .contactInfo{ margin-top: 1rem; } .successSubmit .button{ -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; background-color: #ff075c; line-height: 2.5rem; font-weight: 600; color: #fff; min-width: 8.4375rem; text-align: center; -webkit-border-radius: 5px; border-radius: 5px; cursor: pointer; border: 2px solid transparent; padding: 0 1rem; display: block; max-width: 200px; margin: 0.5rem auto; } .successSubmit .button:hover{ color: #ff075c; border-color: #ff075c; background-color: transparent } .successSubmit .phone{ margin-top: 1rem; } .successSubmit .phone a{ font-size: 130%; display: inline-block; margin-top: 0.5rem; } .successSubmit .phone a:hover{ text-decoration: underline; } .successSubmit .phoneCaption{ font-size: 90%; opacity: 0.6; } .successSubmit .continueButton{ -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; background-color: transparent; line-height: 2.5rem; font-weight: 600; color: #ff075c; min-width: 8.4375rem; text-align: center; -webkit-border-radius: 5px; border-radius: 5px; cursor: pointer; border: 2px solid #ff075c; padding: 0 1rem; display: block; max-width: 300px; margin: 1rem auto 0 auto; } .successSubmit .continueButton:hover{ background-color: #ff075c; border: 2px solid transparent; color: #fff; } .product-characteristics__info-availability.forPreOrder{ /*margin-top: 0;*/ } .single-product-characteristics__info-availability span.availability-false-empty{ padding-left: 0; font-weight: 700; color: #ff075c; font-size: 14px; } .product-characteristics__info-availability span.availability-false-empty{ padding-left: 0; font-weight: 700; color: #ff075c; } .single-product-characteristics__buy-btn_preOrder, .single-product-characteristics__info-availability span.availability-false-empty{ font-size: 1rem; } .single-product-characteristics__info.withPreOrder{ align-items: center; } .product-card__part:first-child { margin-bottom: 0.5rem; } .single-product-characteristics__info-availability span.availability-true, .product-characteristics__info-availability span.availability-true{ color: green; } .single-product-characteristics__info-availability span.availability-true::before, .product-characteristics__info-availability span.availability-true::before{ border-color: green; } .single-product-characteristics__buy-amount{ display: none; } .single-product-characteristics__buy-btn{ margin: 0; } .single-product-characteristics__buy{ align-items: stretch; gap: 1rem; flex-wrap: wrap; } .single-product-characteristics__buy a{ width: calc(50% - 0.5rem); } .single-product-characteristics__info{ font-size: 1.2rem; } .single-product-characteristics__info-availability span.availability-true:before{ height: 9px; } span.availableTime { display: block; padding: 0; margin: 0.2rem; text-align: center; width: 100%; } .single-product-characteristics__color li.imageVariantSelector{ width: 70px; height: 70px; border-radius: 5px; } .single-product-characteristics__color li.imageVariantSelector a{ border-radius: 5px; text-align: center; } .single-product-characteristics__color li.imageVariantSelector img{ width: auto; height: 100%; object-fit: contain; max-height: 100%; } .single-product-characteristics__color li.imageVariantSelector a:before{ border-radius: 5px; -webkit-border-radius: 5px; border-width: 1px; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } .single-product-characteristics__color li.imageVariantSelector:hover a:before{ border-color: #ff075c; } .oneClickBuy { display: block; width: 100%; text-align: center; margin: 0.5rem 0 0 0; font-size: 14px; font-weight: 700; color: #ff075c; } .oneClickBuy span{ border-bottom: 1px dashed #ff075c; } .oneClickBuy:hover{ color: #000; } .oneClickBuy:hover span{ border-color: #000; } .preOrderFormWrapper .titleAndImage{ display: flex; flex-wrap: wrap; gap: 20px; } .preOrderFormWrapper .titleAndImage .img{ width: 160px; } .preOrderFormWrapper .titleAndImage .img img{ width: 100%; height: auto; } .preOrderFormWrapper .titleAndImage .titleWrapper{ width: calc(100% - 220px); } .preOrderFormWrapper .titleAndImage .titleWrapper .price{ margin-top: 1rem; } #oneClickBuy{ max-width: 600px; } .oneClickBuyFooter .contactInfo{ text-align: center; margin-top: 1rem; } .oneClickBuyFooter .phone{ margin-top: 1rem; } .oneClickBuyFooter .phone a{ font-size: 130%; display: inline-block; margin-top: 0.5rem; } .oneClickBuyFooter .phone a:hover{ text-decoration: underline; } .oneClickBuyFooter .phoneCaption{ font-size: 90%; opacity: 0.6; } .buyOneClickInCard{ margin-top: 1rem; border-radius: 5px; border: 2px solid #ececec; padding: 1.5rem 1rem; } .buyOneClickInCard .buyOneClickWrapper .single-product-characteristics__buy-btn_preOrder{ height: 44px; display: block; } .buyOneClickInCard .buyOneClickWrapper{ display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; } .buyOneClickInCard .caption{ font-size: 14px; } .askQuestion{ margin-top: 1rem; border-radius: 5px; border: 2px solid #ececec; padding: 1.5rem 1rem; text-align: center; } .askQuestion .title{ width: 100%; margin-bottom: 1rem; font-size: 14px; } .askQuestion .konsultBlock{ width: 100%; display: flex; align-items: stretch; gap: 1rem; } .askQuestion .buttons a{ gap: 0.5rem; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; line-height: 0; font-weight: 500; width: calc(50% - 0.5rem); height: 45px; text-align: center; -webkit-border-radius: 5px; border-radius: 5px; cursor: pointer; color: #ff075c; border: 1px solid #ececec; background-color: transparent; text-align: center; font-size: 13px; } .askQuestion .buttons a:hover{ color: #fff; background: #ff075c; border-color: #ff075c; } .askQuestion .buttons a img{ filter: unset; } .single-product-characteristics__info.noPreOrder .single-product-characteristics__info-availability{ display: flex; align-items: center; justify-content: space-between; gap: 1rem; flex-wrap: wrap; width: 100%; } .single-product-characteristics__info.noPreOrder{ width: 100%; } .shopAdresses{ margin-top: 1rem; border-radius: 5px; border: 2px solid #ececec; padding: 1.5rem 1rem; } .shopAdresses .title{ width: 100%; margin-bottom: 1rem; font-size: 14px; } .shopAddressLink{ display: flex; font-size: 14px; margin-bottom: 0.5rem; align-items: center; gap: 10px; } .shopAddressLink::before{ content: ''; display: block; width: 14px; height: 18px; background: url("/local/templates/apple/css/../img/location.svg") no-repeat center; background-size: contain; } .shopAddressLink span{ -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; border-bottom: 1px dashed #000; font-size: 14px; } .shopAddressLink:hover span{ color: #ff075c; border-color: #ff075c; } .shopAddressLink:last-of-type{ margin-bottom: 0; } .shopPopupWrapper{ display: flex; gap: 1rem; flex-wrap: wrap; } .shopPopup .mapWrapper{ overflow: hidden; border-radius: 5px; width: 500px; max-width: 100%; } .shopPopup .contact-card p{ margin-bottom: 5px; } .shopPopup .contact-card p a{ border-bottom: 1px dashed; } .shopPopup .contact-card p a:hover{ border-bottom: unset; } .shopPopup .btn-modern{ -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; background-color: #ff075c; line-height: 2.5rem; font-weight: 600; color: #fff; min-width: 8.4375rem; text-align: center; -webkit-border-radius: 5px; border-radius: 5px; cursor: pointer; border: 2px solid transparent; display: block; } .shopPopup .btn-modern:hover{ color: #ff075c; border-color: #ff075c; background-color: transparent; } .availableCaption{ font-size: 14px; } .single-product-slider__item img{ top: 0; } .single-product-slider__item { padding: 0 2rem; display: flex !important; align-items: center; justify-content: center; height: unset !important; } #js-single-product-slider .slick-arrow{ z-index: 98; position: absolute; top: 50%; cursor: pointer; opacity: 0.5; -webkit-transition: opacity .3s linear; -o-transition: opacity .3s linear; transition: opacity .3s linear; -moz-transform: rotate(270deg); -webkit-transform: rotate(270deg); -o-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } #js-single-product-slider .slick-arrow.prev{ left: 10px; } #js-single-product-slider .slick-arrow.next{ right: 10px; } #js-single-product-slider .slick-arrow:hover{ opacity: 1; } #js-single-product-slider .slick-arrow.slick-disabled{ cursor: default; } #js-single-product-slider .slick-arrow.slick-disabled:hover{ opacity: 0.5; } #js-single-product-slider .slick-track{ display: flex; } .bx-catalog-element .favor{ right: 15px; } .single-product-comparison{ right: 10px; } #js-single-product-slider-thumbs .slick-slide img{ margin: 0 auto; max-width: 100%; } #js-single-product-slider-thumbs .slick-slide{ margin: 0 5px; border: 1px solid #c2c2c0; padding: 8px; -webkit-transition: border-radius .12s linear 0s .35s linear 0s; -webkit-transition: -webkit-border-radius .12s linear 0s .35s linear 0s; -o-transition: border-radius .12s linear 0s .35s linear 0s; transition: border-radius .12s linear 0s .35s linear 0s; transition: border-radius .12s linear 0s .35s linear 0s, -webkit-border-radius .12s linear 0s .35s linear 0s; cursor: pointer; } #js-single-product-slider-thumbs .slick-slide:hover, #js-single-product-slider-thumbs .slick-slide.slick-current{ border-color: #666; } #js-single-product-slider-thumbs .slick-list{ margin: 0 -5px; } #js-single-product-slider-thumbs .slick-track{ margin-left: 0; } #js-single-product-slider-thumbs{ margin-top: 1rem; } .single-product-characteristics__color, .single-product-characteristics__memory{ row-gap: 0.5rem; } @media screen and (min-width: 1024px){ .single-product-share{ text-align: center; } .single-product-slider__item img{ max-height: unset; max-width: 90%; } } @media screen and (max-width: 1199px){ .single-product-characteristics__color li:not(:last-child){ margin-right: 0; } .single-product-characteristics__color{ gap: 0.5rem; } .single-product-characteristics__color li.imageVariantSelector{ width: 50px; height: 50px; } .single-product-characteristics__info-availability span{ margin-right: 0; } .single-product-characteristics__buy-btn_preOrder, .single-product-characteristics__info-availability span.availability-false-empty{ font-size: 14px; } .scroll2top{ bottom: 6rem; right: 1rem; } .telephoneBlock .header-middle__phone{ height: unset; } .iconTitle{ font-size: 11px; } .headerIcons img{ height: 20px; } .header-middle__cart .icon, .header-top__entry .icon{ width: 20px; height: 20px; } .searchBlock #title-search-input{ display: block; } .searchBlock .header-middle__submit{ height: auto; } body{ padding-top: 189px; } } @media screen and (max-width: 1024px){ #js-single-product-slider .slick-arrow.prev{ left: 0; } #js-single-product-slider .slick-arrow.next{ right: 0; } .single-product-slider__item img{ max-height: unset; } } @media screen and (max-width: 1023px), (pointer: coarse){ body .installmentButton{ margin-top: 0; } .single-product-characteristics__info.withPreOrder{ align-items: start; } body{ padding-top: 160px; } .header-top, .header-middle, .header-bottom{ display: none; } .mobileHeader{ display: block; position: fixed; width: 100%; top: 0; left: 0; background: #fff; z-index: 99; padding-bottom: 2rem; border-bottom: 1px solid rgb(240, 240, 240); transition: transform 300ms ease; } .mobileHeader.is-hidden{ transform: translateY(-100%); } .mobileHeader .logoAndButtons{ padding: 1rem 0 1rem 0; justify-content: space-between; } .mobileHeader .searchBlock .header-middle__submit{ width: 41px; } .mobileHeader .searchBlock #title-search{ width: 100%; } .mobileHeader .searchBlock{ width: 100%; } .mobileHeader > .container{ position: relative; } .header-top__navigation.open{ width: 100%; height: 100vh; background: #fff; position: absolute; } .header-menu__item{ margin-left: 0; } } @media screen and (max-width: 930px){ .shopPopupWrapper{ flex-direction: column-reverse; } } @media screen and (max-width: 800px){ .productSlider div { max-width: unset !important; } } @media screen and (max-width: 768px){ .shopPopupWrapper iframe { height: 280px; } .modal-header__title{ font-size: 1.5rem; } .single-product-characteristics__info.withPreOrder { align-items: center; gap: 1rem; } .single-product-characteristics__info-availability span.availability-false-empty{ margin-right: 0; } .mobileMenu{ top: 75px; padding-bottom: 75px; } body { padding-top: 140px; } .mobileHeader .row{ padding-left: 0; padding-right: 0; } .product-characteristics__info-availability span.availability-false::before{ top: 0; } .single-product-characteristics__color { gap: 1rem; margin-left: 5px; } .single-product-characteristics__title{ width: 100%; display: block; } #custom_tree_id .d-flex.align-items-center.mb-4{ flex-wrap: wrap; gap: 0.5rem; } } @media screen and (max-width: 575px){ .single-product-characteristics__buy a{ width: 100%; max-width: 100%; } .single-product-characteristics__info.noPreOrder .single-product-characteristics__info-availability .availableCaption{ width: 100%; text-align: center; } .single-product-characteristics__info.noPreOrder .single-product-characteristics__info-availability{ justify-content: center; } .mobileMenu{ top: 66px; } } @media screen and (max-width: 500px){ .inputsAndButtonWrapper .inputsWrapper{ width: 100%; } .inputsAndButtonWrapper .inputsWrapper input{ max-width: 100%; padding: 9px; } .inputsAndButtonWrapper .buttonWrapper input, .inputsAndButtonWrapper .buttonWrapper{ width: 100%; } .preOrderFormWrapper .titleAndImage .img{ width: 60px; } .preOrderFormWrapper .titleAndImage .titleWrapper{ width: calc(100% - 80px); } .preOrderFormWrapper .titleAndImage .titleWrapper .price{ margin-top: 0.5rem; } } @media screen and (max-width: 460px){ .buyOneClickInCard .buyOneClickWrapper{ justify-content: center; } .buyOneClickInCard .caption{ width: 100%; text-align: center; margin-bottom: 1rem; } #js-single-product-slider{ padding-right: 0; } } @media screen and (max-width: 360px){ .shopAddressLink span{ font-size: 12px; } .askQuestion .buttons a{ font-size: 11px; } } .messengers-cta { background: #fff; border-radius: 1rem; padding: 2.5rem 2rem; box-shadow: 0 6px 20px rgba(0,0,0,0.1); font-size: 1.125rem; line-height: 1.6; margin-bottom: 1.5rem; text-align: center; transition: transform 0.3s ease, box-shadow 0.3s ease; } .messengers-cta h2 { font-size: clamp(1.2rem, 2.4vw, 1.75rem); margin: 0 0 0.75rem; font-weight: 600; color: #1e293b; } .messengers-cta p { color: #555; margin: 0 0 1.75rem; } .messengers-cta__buttons { display: flex; gap: 1rem; justify-content: center; flex-wrap: wrap; } .messengers-cta__btn { display: inline-flex; align-items: center; justify-content: center; gap: 0.75rem; padding: 1.1rem 2rem; border-radius: 0.75rem; font-size: 1.125rem; font-weight: 600; text-decoration: none; transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease, border-color 0.2s ease, filter 0.2s ease; min-width: 200px; box-sizing: border-box; } .messengers-cta__btn img { width: 28px; height: 28px; object-fit: contain; display: block; } .messengers-cta__btn--max { background: #f0f4ff; color: #1e1e1e; border: 1px solid #c6c6c6; } .messengers-cta__btn--telegram { background: #f0f4ff; color: #1e1e1e; border: 1px solid #c6c6c6; } @media (hover: hover) and (pointer: fine) { .messengers-cta:hover { transform: translateY(-5px); box-shadow: 0 10px 28px rgba(0,0,0,0.14); } .messengers-cta__btn--max:hover { background: #dbe4ff; border-color: #94a3cf; color: #1e1e1e; transform: translateY(-2px); box-shadow: 0 6px 14px rgba(0,0,0,0.14); text-decoration: none; } .messengers-cta__btn--telegram:hover { background: #dbe4ff; border-color: #94a3cf; color: #1e1e1e; transform: translateY(-2px); box-shadow: 0 6px 14px rgba(0,0,0,0.14); text-decoration: none; } } .messengers-cta__btn:active { transform: translateY(1px); filter: brightness(0.95); box-shadow: inset 0 2px 4px rgba(0,0,0,0.18); } @media screen and (max-width: 460px) { .messengers-cta { padding: 1.75rem 1.25rem; } .messengers-cta__buttons { flex-direction: column; gap: 0.75rem; } .messengers-cta__btn { width: 100%; min-width: 0; padding: 1rem; } } /* Compliance-блок согласия под submit-кнопками форм (152-ФЗ, 05.05.2026) */ .apple-consent-block { margin: 12px 0 0 0; padding: 0 4px; font-size: 12px; line-height: 1.4; color: #6b6b6b; text-align: center; } .apple-consent-block a { color: #6b6b6b; text-decoration: underline; } .apple-consent-block a:hover { color: #1a1a1a; } @media (max-width: 380px) { .apple-consent-block { font-size: 11px; } } @media (min-width: 768px) and (max-width: 1199px){ .itemElement{ flex: 0 0 33.3333% !important; max-width: 33.3333% !important; } } @media (max-width: 1023px), (pointer: coarse){ .footer iframe[src*="rating-badge"]{ display: block; margin: 0 auto 80px; } } @media (prefers-reduced-motion: reduce){ .mobileHeader{ transition: none; } } @media (min-width: 1024px) and (max-width: 1199px) { .row-for-filter > .filterWrapper { flex: 0 0 25%; max-width: 25%; } .row-for-filter > .col-lg-8 { flex: 0 0 75%; max-width: 75%; } } @media (max-width: 575px) { .categories-results .itemElement { flex: 0 0 50%; max-width: 50%; } } @media (min-width: 769px) and (max-width: 1023px) { .bx-soa { max-width: 100% !important; flex: 0 0 100% !important; } .bx-soa-cart-total, .bx-soa-cart-total.bx-soa-cart-total-fixed { position: static !important; width: 100% !important; max-width: 100% !important; } .bx-soa-sidebar { flex: 0 0 100% !important; max-width: 100% !important; } .bx-soa-cart-total-ghost { display: none !important; } } /* AS72 product state: in-cart button (reference /favorites/ .lk-fav-cart.is-in-cart) */ .product-card__buy.is-in-cart, .product-card__buy-mobile.is-in-cart { background-color: var(--as72-color-bg-elevated); border-color: var(--as72-color-bg-elevated); color: var(--as72-color-success); } .product-card__buy.is-in-cart:hover, .product-card__buy-mobile.is-in-cart:hover { background-color: var(--as72-color-bg-hover); border-color: var(--as72-color-bg-hover); color: var(--as72-color-success); } .single-product-characteristics__buy-oneclick.is-in-cart, .single-product-characteristics__buy-btn.is-in-cart { background-color: var(--as72-color-bg-elevated) !important; border-color: var(--as72-color-bg-elevated) !important; color: var(--as72-color-success) !important; } .single-product-characteristics__buy-oneclick.is-in-cart:hover, .single-product-characteristics__buy-btn.is-in-cart:hover { background-color: var(--as72-color-bg-hover) !important; color: var(--as72-color-success) !important; } .searchRow .header-middle__search { font-size: 16px; } /* End */ /* Start:/local/templates/apple/css/share-buttons.css?17775627692216*/ .as72-share { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; } .as72-share__btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-width: 44px; min-height: 44px; padding: 8px 16px; border: 1px solid #ff075c; border-radius: 5px; background-color: transparent; color: #ff075c; font-family: var(--font-primary, -apple-system, BlinkMacSystemFont, sans-serif); font-size: 0.875rem; font-weight: 700; line-height: 1.2; text-decoration: none; cursor: pointer; transition: background-color 0.3s ease, color 0.3s ease; box-sizing: border-box; } .as72-share__btn:hover, .as72-share__btn:focus { background-color: #ff075c; color: #fff; text-decoration: none; } .as72-share__btn:focus-visible { outline: 2px solid #ff075c; outline-offset: 2px; } .as72-share__icon { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; width: 20px; height: 20px; } .as72-share__icon svg { width: 100%; height: 100%; display: block; } .as72-share__label { white-space: nowrap; } @media (max-width: 480px) { .as72-share__label { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } .as72-share__btn { padding: 8px; min-width: 44px; gap: 0; } } .as72-share-toast { position: fixed; bottom: 24px; left: 50%; transform: translateX(-50%) translateY(20px); background-color: #333; color: #fff; padding: 12px 20px; border-radius: 5px; font-family: var(--font-primary, -apple-system, BlinkMacSystemFont, sans-serif); font-size: 0.875rem; font-weight: 500; z-index: 99999; opacity: 0; transition: opacity 0.3s ease, transform 0.3s ease; pointer-events: none; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); max-width: 90vw; text-align: center; } .as72-share-toast--visible { opacity: 1; transform: translateX(-50%) translateY(0); } /* End */ /* Start:/local/templates/apple/css/main.css?177584208617999*/ .trends-link__image img { max-width: 100%; height: auto; display: block; margin: 0 auto; max-height: 100% } .tns-outer { padding: 0 !important } .tns-outer [hidden] { display: none !important } .tns-outer [aria-controls], .tns-outer [data-action] { cursor: pointer } .tns-outer.ms-touch { overflow-x: scroll; overflow-y: hidden; -ms-overflow-style: none; -ms-scroll-chaining: none; -ms-scroll-snap-type: mandatory; -ms-scroll-snap-points-x: snapInterval(0%, 100%) } .tns-slider { -webkit-transition: all 0s; -o-transition: all 0s; transition: all 0s } .tns-slider>.tns-item { -webkit-box-sizing: border-box; box-sizing: border-box } .tns-horizontal.tns-subpixel { white-space: nowrap } .tns-horizontal.tns-subpixel>.tns-item { display: inline-block; vertical-align: top; white-space: normal } .tns-horizontal.tns-no-subpixel:after { content: ''; display: table; clear: both } .tns-horizontal.tns-no-subpixel>.tns-item { float: left; margin-right: -100% } .tns-gallery, .tns-no-calc { position: relative; left: 0 } .tns-gallery { min-height: 1px } .tns-gallery>.tns-item { position: absolute; left: -100%; -webkit-transition: transform 0s, opacity 0s; -webkit-transition: opacity 0s, -webkit-transform 0s; -o-transition: transform 0s, opacity 0s; transition: transform 0s, opacity 0s; transition: transform 0s, opacity 0s, -webkit-transform 0s } .tns-gallery>.tns-moving { -webkit-transition: all .25s; -o-transition: all .25s; transition: all .25s } .tns-lazy-img { -webkit-transition: opacity .6s; -o-transition: opacity .6s; transition: opacity .6s; opacity: .6 } .tns-lazy-img.loaded { opacity: 1 } .tns-ah { -webkit-transition: height 0s; -o-transition: height 0s; transition: height 0s } .tns-ovh { overflow: hidden } .tns-hdx { overflow-x: hidden } .tns-hdy { overflow-y: hidden } .tns-visually-hidden { position: absolute; left: -10000em } .tns-transparent { opacity: 0; visibility: hidden } .tns-fadeIn { opacity: 1; filter: alpha(opacity=100); z-index: 0 } .tns-fadeOut, .tns-normal { opacity: 0; filter: alpha(opacity=0); z-index: -1 } .tns-outer { height: 100% } .slider { position: relative } .slider .tns-controls { position: absolute; height: 85%; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); pointer-events: none; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; z-index: 1; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column } .slider .tns-controls [data-controls] { pointer-events: all; text-indent: -9999px; border: 0; width: 2.5rem; height: 1.5rem; cursor: pointer; -webkit-background-size: cover !important; background-size: cover !important } .slider .tns-controls [data-controls]:first-child { background: url(/local/templates/apple/css/../img/up-arrow.svg) no-repeat center left } .slider .tns-controls [data-controls]:last-child { background: url(/local/templates/apple/css/../img/down-arrow.svg) no-repeat center left } .slider-item h2 { font-weight: 700; line-height: 1; margin-bottom: 0 } .slider-item__buttons .slider-button { -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; display: inline-block; font-weight: 600; border: 1px solid; -webkit-border-radius: 5px; border-radius: 5px; text-align: center } .slider-item__buttons .slider-button.more { border-color: #666; color: #666; margin-right: 1rem } .slider-item__buttons .slider-button.buy, .slider-item__buttons .slider-button.more:hover { background-color: #ff075c; border-color: #ff075c; color: #fff } .slider-item__buttons .slider-button.buy:hover { background-color: transparent; color: #ff075c } .slider-item__image { background-repeat: no-repeat; background-position: center center; -webkit-background-size: contain; background-size: contain } .slider-controls { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } .slider-controls__dot { -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; background-color: #c2c2c0; -webkit-border-radius: 50%; border-radius: 50% } .slider-controls__dot:not(:last-child) { margin-bottom: 1.125rem } .slider-controls__dot:focus { outline: 0 } .slider-controls__dot:hover { background-color: #222; cursor: pointer } .slider-controls__dot.tns-nav-active { background-color: #222 } .excellences { padding: 3.125rem 0 } .excellences .icon { width: 3.125rem; height: 3.125rem } .excellences svg { fill: #ff075c } .excellences h3 { font-weight: 700; font-size: 1rem; margin-bottom: 1.25rem; line-height: 1.15 } .excellences p { font-weight: 300; font-size: .875rem; color: #666; line-height: 1.3 } .trends { padding-top: 1.25rem; padding-bottom: 2.5rem } .trends h2 { font-size: 1.75rem; font-weight: 300; color: #222 } .trends-wrapper .row { margin-right: -5px; margin-left: -5px } .trends-wrapper [class|=col] { padding-right: 5px; padding-left: 5px } .trends-link, .trends-link__image { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center } .trends-link { -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; -webkit-box-shadow: 0 0 0 0 transparent; box-shadow: 0 0 0 0 transparent; height: 100%; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 1rem 0 } .trends-link.hovered { -webkit-box-shadow: 0 3px 18px 0 rgba(0, 0, 0, .13); box-shadow: 0 3px 18px 0 rgba(0, 0, 0, .13) } .trends-link__image { height: 11.25rem } .trends-link__title { text-align: center; margin-top: 1rem; margin-bottom: .4rem; font-weight: 600 } .trends-link__price { text-align: center } .promo { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-bottom: 2.1875rem } .promo .row { margin-right: -6px; margin-left: -6px } .promo [class|=col] { padding-right: 6px; padding-left: 6px } .promo-item { /*-webkit-background-size: cover; background-size: cover;*/ background-repeat: no-repeat; /*background-position: center center;*/ background-position: center bottom; position: relative; -webkit-background-size: contain; background-size: contain; background-color: #000; } .fullsized-link{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; } .promo-item__content { position: absolute; width: 100%; height: 100%; left: 0; top: 0; text-align: center; /*padding: 5% 1rem*/ padding: 3% 1rem } .promo-item__content h3, .promo-item__content h4 { font-weight: 600; line-height: 1.15 } .promo-item__content p { font-weight: 400; line-height: 1.4 } .promo-item__content.white-text, .tiles-tabs__controls-item.active a, .tiles-tabs__controls-item:hover a { color: #fff } .promo-item__content.black-text { color: #222 } .promo-item__mb { margin-bottom: .75rem } .promo-item__button { -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; display: block; -webkit-border-radius: 5px; border-radius: 5px; color: #fff; margin-left: auto; margin-right: auto; border: 1px solid rgba(204, 204, 204, .5) } .promo-item__button:hover { background-color: #fff } .tiles-tabs { padding-top: 2.25rem; padding-bottom: 2.25rem; border-top: 1px solid #f2f2f2; border-bottom: 1px solid #f2f2f2 } .tiles-tabs__controls { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 2.1875rem } .tiles-tabs__controls-item { -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; line-height: 1.15; border: 1px solid; border-color: #ccc; -webkit-border-radius: 5px; border-radius: 5px; background-color: transparent } .tiles-tabs__controls-item:not(:last-child) { margin-right: .4375rem } .tiles-tabs__controls-item h4 { margin-bottom: 0; font-weight: 600; font-size: 1rem } .tiles-tabs__controls-item a { display: block } .tiles-tabs__controls-item:hover { cursor: pointer; background-color: #222 } .tiles-tabs__controls-item.active { background-color: #222 } .tiles-tabs__item { position: relative; top: 100% } .tiles__item { -webkit-background-size: cover; background-size: cover; background-position: center center; background-repeat: no-repeat; margin-bottom: 2rem } .tiles__item a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; min-height: 18.75rem; text-decoration: none; color: #fff; outline: 0; padding: 2.3rem 2rem; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, .7))); background: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, .7)); background: -o-linear-gradient(top, transparent, rgba(0, 0, 0, .7)); background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, .7)); text-shadow: 0 0 .125rem rgba(50, 50, 50, .7) } .tiles__item-date { margin-bottom: 1rem } .tiles__item-title { font-size: 1.375rem; line-height: 1.625rem } .tiles__item.hovered { -webkit-box-shadow: 0 0 .625rem 0 rgba(0, 0, 0, .69); box-shadow: 0 0 .625rem 0 rgba(0, 0, 0, .69) } .tiles__goto { -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; display: inline-block; line-height: 2.625rem; background: #ff075c; -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid #ff075c; color: #fff; text-decoration: none; padding: 0 1.2rem; font-weight: 600 } .tiles__goto:hover { color: #ff075c; background: 0 0 } .about { color: #666 } .about h3 { font-size: 1.75rem; font-weight: 300 } .about p { font-size: .875rem } .about p:last-child { margin-bottom: 2.1875rem } .about-image { height: 100%; background-image: url(/local/templates/apple/css/../img/about-bg.png); -webkit-background-size: contain; background-size: contain; background-repeat: no-repeat; background-position: bottom center } @media all and (min-width:576px) { .slider-item .container, .slider-item__image { height: 100% } .slider-item .row { height: inherit } .slider-controls__dot { height: 10px; width: 10px } .tiles-tabs__controls-item { padding: .625rem 1.875rem } } @media all and (min-width:768px) { .excellences-icon { margin-bottom: 1.5625rem } .promo-item:before { content: ""; display: block; position: relative; width: 100%; padding-top: 70% } } @media all and (min-width:992px) { .slider-item p { font-size: 1.5rem } .about { padding-top: 4.375rem } .about h3 { margin-bottom: 2rem } .about p:not(:last-child) { margin-bottom: 2.5rem } .about-content, .about-image { width: 50% } } @media all and (min-width:1200px) { .slider-item { height: 39.375rem } .slider-item h2 { font-size: 4rem } .slider-item__buttons { margin-top: 5rem } .slider-item__buttons .slider-button { width: 8.75rem; height: 3.125rem; line-height: 3.125rem } } @media all and (min-width:1400px) { .promo-item__content h3 { /*margin-bottom: 2.8125rem*/ margin-bottom: 0.5125rem } .promo-item__button { width: 9.375rem; line-height: 3.125rem } } @media all and (min-width:1600px) { .promo-item__content h3 { font-size: 3.25rem } .promo-item__content p { font-size: 1.375rem } } @media all and (max-width:1399px) { .promo-item__button { width: 8.125rem; line-height: 2.5rem; font-size: .9375rem } } @media all and (max-width:1199px) { .slider-item__buttons .slider-button { width: 7.5rem; height: 2.5rem; line-height: 2.5rem } .promo-item__content h3 { /*margin-bottom: 1rem*/ margin-bottom: 0.3rem } } @media all and (max-width:991px) { .slider-item { height: 28.125rem } .slider-item__buttons { margin-top: 2rem } .tiles-tabs__item .row [class|=col]:not(:last-child) { margin-bottom: .5rem } .about { padding-top: 2.1875rem } .about h3 { margin-bottom: 1rem } .about p:not(:last-child) { margin-bottom: 1rem } .about-image { display: none } } @media all and (max-width:767px) { .slider-item p { font-size: 1.125rem } .excellences-icon { margin-bottom: .9375rem } .promo-item:before { content: ""; display: block; position: relative; width: 100%; padding-top: 65% } .tiles__item a { min-height: 12.5rem } .excellences p, .about p, .footer-address, .footer-phone, .footer-nav__list-item a { font-size: 13px; } } @media all and (max-width:575px) { .slider-item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } .slider-item h2 { font-size: 1.5rem } .slider-item__image { width: 10rem; height: 10rem; margin: 0 auto } .slider-controls__dot { height: 14px; width: 14px } .trends-link__image { height: 9.375rem } .tiles-tabs__controls-item { padding: .625rem } .tiles__item { margin-bottom: 1.2rem } .tiles__item a { min-height: initial; padding: 2rem 1.8rem } .tiles__item-title { font-size: 1.125rem; line-height: 1.375rem } .about-content { text-align: center } } @media all and (max-width:374px) { .promo-item__content p { display: none } } @media all and (min-width:992px) and (max-width:1199px) { .slider-item { height: 34.375rem } .slider-item h2 { font-size: 3.125rem } .slider-item__buttons { margin-top: 3.75rem } .promo-item__content h3 { font-size: 1.75rem } } @media all and (min-width:768px) and (max-width:991px) { .slider-item h2 { font-size: 2.375rem } .slider-item p { font-size: 1.25rem } .promo-item__content h3 { font-size: 1.5rem } } @media all and (min-width:576px) and (max-width:767px) { .slider-item h2 { font-size: 2rem } .promo-item__content h3 { font-size: 1.875rem } } @media all and (max-width:575px) { .promo-item__content{ padding-top: 6% } .col-md-6.promo-item__mb .promo-item{ padding-top: 22% } .promo [class|=col]{ padding: 0 } } @media all and (max-width:480px) { .promo-item__content { padding-top: 5%; } } @media all and (min-width:375px) and (max-width:575px) { .excellences p { padding: 0 15% } .promo-item__content h3 { font-size: 1.5rem } } @media all and (min-width:1200px) and (max-width:1399px) { .promo-item__content h3 { /*margin-bottom: 2rem; font-size: 2.375rem*/ margin-bottom: 0.5rem; font-size: 2.075rem; } .promo-item__content p { font-size: 1.125rem } } @media all and (min-width:1400px) and (max-width:1599px) { .promo-item__content h3 { font-size: 2.625rem } .promo-item__content p { font-size: 1.25rem } } @media all and (min-width:576px) and (max-width:1199px) { .promo-item__content p { font-size: 1rem } } .topPromo{ width: 100%; } .topPromo img{ max-width: 100%; } .topPromo .hidden{ display: none; } @media screen and (max-width: 1920px){ .topPromo .pi2560{ display: none } .topPromo .pi1920{ display: inline-block; } } @media screen and (max-width: 1200px){ .topPromo .hidden{ display: none } .topPromo .pi1200{ display: inline-block; } } @media screen and (max-width: 1024px){ .topPromo .hidden{ display: none } .topPromo .pi1024{ display: inline-block; } } @media screen and (max-width: 1024px){ .topPromo .hidden{ display: none } .topPromo .pi1024{ display: inline-block; } } @media screen and (max-width: 880px){ .topPromo .hidden{ display: none } .topPromo .pi880{ display: inline-block; } } @media screen and (max-width: 680px){ .topPromo .hidden{ display: none } .topPromo .pi680{ display: inline-block; } } @media screen and (max-width: 580px){ .topPromo .hidden{ display: none } .topPromo .pi580{ display: inline-block; } } @media screen and (max-width: 480px){ .topPromo .hidden{ display: none } .topPromo .pi480{ display: inline-block; } } @media screen and (max-width: 380px){ .topPromo .hidden{ display: none } .topPromo .pi380{ display: inline-block; } } /* Баннер на главной — изображение всегда по ширине, без искажений */ .topPromo-link img { display: block; width: 100%; height: auto; } /* === Mobile hero fix: делаем баннер «обложкой» на узких экранах === */ .topPromo-link, .topPromo-link picture, .topPromo-link img { display: block; width: 100%; } @media (max-width: 576px) { /* Высота обложки на мобилках (подберите под глаз): */ .topPromo-link { height: 42vw; /* можно варьировать 38–50vw */ overflow: hidden; /* обрезаем лишнее, чтобы не было «плоско» */ } .topPromo-link img { height: 100%; /* растягиваем по высоте контейнера */ object-fit: cover; /* заполняем блок как фон cover */ object-position: center center; /* центрируем важную часть */ } } /* End */ /* Start:/local/templates/apple/css/faq.css?17760756341884*/ .faq-list__item-title:after{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);display:block;position:absolute;content:'+';right:1.5625rem;font-size:2rem;font-weight:700;line-height:2rem}.faq-title>*{font-weight:500;font-size:.875rem;margin-bottom:1.875rem}.faq-list{display:block}.faq-list__item:not(:last-child) .faq-list__item-content,.faq-list__item:not(:last-child) .faq-list__item-title{border-bottom:1px solid #ccc}.faq-list__item-title{-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;background-color:#f3f3f3;position:relative;cursor:pointer}.faq-list__item-title:hover{background-color:#e6e6e6}.faq-list__item-title>*{margin-bottom:0;font-weight:700;font-size:1rem}.faq-list__item-content{display:none}.faq-list__item-content.opened{display:block}.faq-list__item-content p{font-size:.875rem;line-height:1.4;font-weight:500;cursor:default}.faq-feedback h5{font-weight:500;line-height:1;font-size:1.25rem}.faq-feedback p{color:#999;font-size:.875rem}.faq-feedback__button{-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;background-color:#ff075c;border:2px solid transparent;-webkit-border-radius:5px;border-radius:5px;min-width:14.0625rem;line-height:2.8125rem;color:#fff;font-weight:600;cursor:pointer}.faq-feedback__button:focus{outline:0}.faq-feedback__button:hover{border-color:#ff075c;background-color:transparent;color:#ff075c}@media all and (min-width:1200px){.faq-list__item-content,.faq-list__item-title{padding:1rem 7.5rem 1rem 1.5625rem}.faq-feedback h5,.faq-feedback p{margin-bottom:1.75rem}}@media all and (max-width:1199px){.faq-list__item-content,.faq-list__item-title{padding:1rem 4.375rem 1rem 1.5625rem}.faq-feedback h5,.faq-feedback p{margin-bottom:1.25rem}}@media all and (max-width:767px) {.faq-list__item-content p {font-size: 13px;}} /* End */ /* Start:/local/templates/apple/css/jquery.fancybox.min.css?177584208614065*/ body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;backface-visibility:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;height:100%;left:0;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-webkit-transform:translateZ(0);transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.87;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s,visibility 0s linear .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s,visibility 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;text-align:center;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;-webkit-transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;height:100%;margin-right:-.25em;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--next{z-index:99995}.fancybox-slide--image{overflow:visible;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px 6px 0}.fancybox-slide--iframe{padding:44px 44px 0}.fancybox-content{background:#fff;display:inline-block;margin:0 0 6px;max-width:100%;overflow:auto;padding:0;padding:24px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{-webkit-animation-timing-function:cubic-bezier(.5,0,.14,1);animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;margin:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;-webkit-transform-origin:top left;transform-origin:top left;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-drag .fancybox-content{cursor:-webkit-grab;cursor:grab}.fancybox-is-dragging .fancybox-content{cursor:-webkit-grabbing;cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--html .fancybox-content{margin-bottom:6px}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;margin:0;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff;height:calc(100% - 44px);margin-bottom:44px}.fancybox-iframe,.fancybox-video{background:transparent;border:0;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{vertical-align:top}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;cursor:pointer;display:inline-block;height:44px;margin:0;outline:none;padding:10px;transition:color .2s;vertical-align:top;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:focus,.fancybox-button:hover{color:#fff}.fancybox-button.disabled,.fancybox-button.disabled:hover,.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default}.fancybox-button svg{display:block;overflow:visible;position:relative;shape-rendering:geometricPrecision}.fancybox-button svg path{fill:transparent;stroke:currentColor;stroke-linejoin:round;stroke-width:3}.fancybox-button--pause svg path:nth-child(1),.fancybox-button--play svg path:nth-child(2){display:none}.fancybox-button--play svg path,.fancybox-button--share svg path,.fancybox-button--thumbs svg path{fill:currentColor}.fancybox-button--share svg path{stroke-width:1}.fancybox-navigation .fancybox-button{height:38px;opacity:0;padding:6px;position:absolute;top:50%;width:38px}.fancybox-show-nav .fancybox-navigation .fancybox-button{transition:opacity .25s,visibility 0s,color .25s}.fancybox-navigation .fancybox-button:after{content:"";left:-25px;padding:50px;position:absolute;top:-25px}.fancybox-navigation .fancybox-button--arrow_left{left:6px}.fancybox-navigation .fancybox-button--arrow_right{right:6px}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#555;cursor:pointer;height:44px;margin:0;padding:6px;position:absolute;right:0;top:0;width:44px;z-index:10}.fancybox-close-small svg{fill:transparent;opacity:.8;stroke:currentColor;stroke-width:1.5;transition:stroke .1s}.fancybox-close-small:focus{outline:none}.fancybox-close-small:hover svg{opacity:1}.fancybox-slide--iframe .fancybox-close-small,.fancybox-slide--image .fancybox-close-small,.fancybox-slide--video .fancybox-close-small{color:#ccc;padding:5px;right:-12px;top:-44px}.fancybox-slide--iframe .fancybox-close-small:hover svg,.fancybox-slide--image .fancybox-close-small:hover svg,.fancybox-slide--video .fancybox-close-small:hover svg{background:transparent;color:#fff}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-drag .fancybox-close-small{display:none}.fancybox-caption{bottom:0;color:#fff;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:25px 44px;right:0}.fancybox-caption:before{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAEtCAQAAABjBcL7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHRJREFUKM+Vk8EOgDAIQ0vj/3+xBw8qIZZueFnIKC90MCAI8DlrkHGeqqGIU6lVigrBtpCWqeRWoHDNqs0F7VNVBVxmHRlvoVqjaYkdnDIaivH2HqZ5+oZj3JUzWB+cOz4G48Bg+tsJ/tqu4dLC/4Xb+0GcF5BwBC0AA53qAAAAAElFTkSuQmCC);background-repeat:repeat-x;background-size:contain;bottom:0;content:"";display:block;left:0;pointer-events:none;position:absolute;right:0;top:-25px;z-index:-1}.fancybox-caption:after{border-bottom:1px solid hsla(0,0%,100%,.3);content:"";display:block;left:44px;position:absolute;right:44px;top:0}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{-webkit-animation:a .8s infinite linear;animation:a .8s infinite linear;background:transparent;border:6px solid hsla(0,0%,39%,.5);border-radius:100%;border-top-color:#fff;height:60px;left:50%;margin:-30px 0 0 -30px;opacity:.6;padding:0;position:absolute;top:50%;width:60px;z-index:99999}@-webkit-keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;-webkit-transform:scale3d(1.5,1.5,1.5);transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;-webkit-transform:scale3d(.5,.5,.5);transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;-webkit-transform:rotate(-1turn);transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;-webkit-transform:rotate(1turn);transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;-webkit-transform:rotate(0deg);transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;-webkit-transform:scale3d(0,0,0) translate3d(-100%,0,0);transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;-webkit-transform:scale3d(0,0,0) translate3d(100%,0,0);transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;-webkit-transform:scaleX(1) translateZ(0);transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{-webkit-transform:translate3d(-100%,0,0) scale(.1) skew(-10deg);transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{-webkit-transform:translate3d(100%,0,0) scale(.1) skew(10deg);transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1)}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#fff;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:transparent;top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs>ul{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x>ul{overflow:hidden}.fancybox-thumbs-y>ul::-webkit-scrollbar{width:7px}.fancybox-thumbs-y>ul::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y>ul::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs>ul>li{-webkit-backface-visibility:hidden;backface-visibility:hidden;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs-loading{background:rgba(0,0,0,.1)}.fancybox-thumbs>ul>li{background-position:50%;background-repeat:no-repeat;background-size:cover}.fancybox-thumbs>ul>li:before{border:4px solid #4ea7f9;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs .fancybox-thumbs-active:before{opacity:1}@media (max-width:800px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs>ul>li{max-width:calc(100% - 10px)}} /* End */ /* Start:/local/templates/apple/css/installment.css?17763268664179*/ .modal, #installmentDescription, #promoPriceDescription { display: none; } .fancybox-slide--html .fancybox-content{ border-radius: 10px; } .fancybox-close-small{ width: 36px !important; } .installmentDescriptionWrapper{ max-width: 500px; font-family: var(--font-primary); color: #000; font-size: 14px; } .installmentDescriptionWrapper h3{ font-weight: 600; font-size: 1.5rem; } .installmentDescriptionWrapper ol li{ list-style: auto; } .installmentDescriptionWrapper ol{ list-style: auto; padding-left: 20px; } .installmentDescriptionWrapper ul, .installmentDescriptionWrapper ol{ margin: 14px 0; } .installmentDescriptionWrapper ul{ width: 78%; margin: 14px auto 0 auto; display: flex; flex-wrap: wrap; justify-content: center; list-style: none; } .installmentDescriptionWrapper ul li:before{ content: ''; display: block; position: absolute; left: 0; width: 9px; height: 10px; top: 50%; margin-top: -5px; background: url("/local/templates/apple/css/../img/check.png") no-repeat; background-size: contain; } .installmentDescriptionWrapper ul li{ width: 50%; position: relative; padding-left: 18px; } .fancybox-is-open .fancybox-bg { opacity: 0.57 !important; } @media screen and (max-width: 500px){ .installmentDescriptionWrapper ul{ width: 100% } } @media screen and (max-width: 410px){ .installmentDescriptionWrapper ul{ width: 100% } .installmentDescriptionWrapper ul li{ width: 100% } .installmentDescriptionWrapper h3{ font-size: 1.3rem; } } .installmentButtonSmall strong{ font-weight: 600; } .installmentButtonSmall{ color: #ff075c; text-align: center; display: inline-block; margin-top: 10px; font-weight: 600; width: 100%; font-size: 14px; } .installmentButton{ display: flex; flex-wrap: wrap; align-items: center; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; line-height: 0; font-weight: 500; width: 135px; height: 45px; text-align: center; -webkit-border-radius: 5px; border-radius: 5px; cursor: pointer; color: #ff075c; border: 2px solid #ff075c; background-color: transparent; text-align: center; font-size: 13px; } .installmentButton:hover { border: 2px solid transparent; background-color: #ff075c; color: #fff; } .installmentButton span, .installmentButton strong{ width: 100%; line-height: 14px; } @media screen and (max-width: 991px){ .installmentButton { margin-top: 10px; width: 100%; } } @media screen and (max-width: 767px){ .installmentButton { margin-top: 0; width: 135px; height: 39px; } } .installmentCheckoutButton{ margin-left: 15px; display: flex; flex-wrap: wrap; align-items: center; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; line-height: 1rem; font-weight: 500; text-align: center; -webkit-border-radius: 5px; border-radius: 5px; cursor: pointer; color: #ff075c; border: 2px solid #ff075c; background-color: transparent; text-align: center; font-size: 1rem; height: 44px; float: right; padding: 0 14px; font-weight: 600; letter-spacing: -0.5px; } .installmentCheckoutButton:hover{ border: 2px solid transparent; background-color: #ff075c; color: #fff; } @media screen and (max-width: 991px){ .installmentCheckoutButton { margin-left: 11px; font-size: 14px; padding: 0 7px; } } @media screen and (max-width: 767px){ .basket-btn-checkout{ font-size: 14px; } .installmentCheckoutButton { margin-left: 6px; margin-top: 8px; } } @media screen and (max-width: 579px){ .installmentCheckoutButton { margin-left: 0; text-align: center; justify-content: center; width: 100%; margin-top: 8px; padding: 0; font-size: 14px; } } #bx-soa-properties-description.bx-soa-section.bx-selected .bx-soa-section-title-container{ background: #ff075c; } #bx-soa-properties-description{ margin: 28px 0; border: 1px solid #e8e9eb; } #bx-soa-properties-description ul{ margin: 28px 0; list-style: disc; padding-left: 20px; } #bx-soa-properties-description ul li{ list-style: disc; } /* End */ /* Start:/local/templates/apple/css/price.css?17758420861152*/ .noPromoPrice .caption, .promoPriceButtonSmallSimple{ font-weight: 400; font-size: 12px; display: block; margin-bottom: 10px; color: #666; } .promoPriceButtonSmallSimple.flex{ display: flex; align-items: center; gap: 6px; } .promoPriceButtonIcon{ width: 14px; height: 14px; background: url('/local/templates/apple/css/../img/help.png') no-repeat center; background-size: contain; } .promoPriceButtonSmall{ font-weight: 400; margin-left: 4px; color: #fff; font-size: 12px; line-height: 16px; padding: 4px 8px; background: #ff075c; border: 1px solid #ff075c; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .promoPriceButtonSmall:hover{ color: #ff075c; background: #fff; } .noPromoPrice{ margin-top: 10px; font-weight: 400; font-size: 14px; color: #666; } .single-product-characteristics__price.flex .noPromoPrice{ margin-top: 0; font-size: 1.625rem; } .single-product-characteristics__price.flex{ display: flex; flex-wrap: wrap; align-items: center; gap: 32px; } @media screen and (max-width: 575px) { .single-product-characteristics__price.flex{ justify-content: center; text-align: left; } } /* End */ /* Start:/local/templates/apple/css/content-end-divider.css?177816265692*/ .content-end-divider { height: 1px; background: #c2c2c0; margin: 40px 0 16px; } /* End */ /* Start:/local/templates/apple/css/text-spacing.css?1778499394241*/ .faq-list__item-content p { line-height: 1.6; } .categories__description p, .categories__description li { line-height: 1.6; } #description p, #description li, #delivery p, #delivery li, #warranty p, #warranty li { line-height: 1.6; } /* End */ /* Start:/local/templates/apple/css/tokens.css?1779270253980*/ :root { --as72-color-text: #1d1d1f; --as72-color-text-secondary: #6e6e73; --as72-color-text-tertiary: #86868b; --as72-color-bg: #ffffff; --as72-color-bg-elevated: #f5f5f7; --as72-color-bg-hover: #ebebf0; --as72-color-border: #d2d2d7; --as72-color-border-strong: #86868b; --as72-color-accent: #ff075c; --as72-color-accent-hover: #e0064f; --as72-color-accent-active: #c80548; --as72-color-link: #0071e3; --as72-color-link-hover: #0077ed; --as72-color-icon: #6e6e73; --as72-color-avatar-bg: #c7c7cc; --as72-color-error: #d70015; --as72-color-success: #34c759; --as72-color-disabled: #c7c7cc; --as72-color-warning-bg: #fff8e6; --as72-color-warning-text: #5d4a0a; --as72-shadow-modal: 0 20px 60px rgba(0,0,0,0.20); --as72-shadow-card: 0 1px 3px rgba(0,0,0,0.08); --as72-shadow-segment: 0 1px 3px rgba(0,0,0,0.10); --as72-shadow-focus: 0 0 0 4px rgba(0,113,227,0.20); --as72-shadow-focus-error: 0 0 0 4px rgba(215,0,21,0.18); } /* End */ /* Start:/local/templates/apple/css/phone-mask.css?1778949506459*/ .as72-phone-hint { display: block; margin: 8px 4px 12px; font-family: inherit; font-size: 13px; line-height: 1.35; color: #d70015; } .as72-phone-hint[hidden] { display: none; } #preOrder .inputsAndButtonWrapper, #oneClickBuy .inputsAndButtonWrapper { flex-direction: column; } #preOrder .inputsWrapper, #oneClickBuy .inputsWrapper { width: 100%; } #preOrder .buttonWrapper, #oneClickBuy .buttonWrapper { width: 100%; margin-top: 12px; } /* End */ /* Start:/local/templates/apple/css/auth-modal.css?178143763212735*/ html:has(body.as72-auth-no-scroll){scrollbar-gutter:stable;} .as72-auth-modal-root[hidden] { display: none !important; } .as72-auth-modal-root { position: fixed; inset: 0; z-index: 100000; display: flex; align-items: stretch; justify-content: center; font-family: 'Onest', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif; color: var(--as72-color-text); -webkit-font-smoothing: antialiased; } .as72-auth-modal-backdrop { position: absolute; inset: 0; background: rgba(0,0,0,0.5); opacity: 0; animation: as72AuthFadeIn 200ms cubic-bezier(0.4, 0.0, 0.2, 1) forwards; } @keyframes as72AuthFadeIn { from { opacity: 0; } to { opacity: 1; } } .as72-auth-modal-root.is-closing .as72-auth-modal-backdrop { animation: as72AuthFadeOut 200ms cubic-bezier(0.4, 0.0, 0.2, 1) forwards; } @keyframes as72AuthFadeOut { from { opacity: 1; } to { opacity: 0; } } .as72-auth-modal-window { position: relative; background: var(--as72-color-bg); display: flex; flex-direction: column; width: 100%; max-width: 100%; border-radius: 20px 20px 0 0; animation: as72AuthSlideUp 220ms cubic-bezier(0.4, 0.0, 0.2, 1); overscroll-behavior: contain; transform: translateY(0); will-change: transform; } .as72-auth-modal-root.is-dragging .as72-auth-modal-window { transition: none; } .as72-auth-modal-root.is-closing .as72-auth-modal-window { animation: as72AuthSlideDown 200ms cubic-bezier(0.4, 0.0, 0.2, 1) forwards; } @keyframes as72AuthSlideUp { from { transform: translateY(100%); } to { transform: translateY(0); } } @keyframes as72AuthSlideDown { from { transform: translateY(0); } to { transform: translateY(100%); } } .as72-auth-modal-header { height: 56px; flex-shrink: 0; display: flex; align-items: center; justify-content: flex-end; padding: 0 6px; border-bottom: 1px solid var(--as72-color-bg-elevated); position: sticky; top: 0; background: var(--as72-color-bg); z-index: 10; } .as72-auth-modal-header__btn { width: 44px; height: 44px; display: inline-flex; align-items: center; justify-content: center; background: transparent; border: none; cursor: pointer; border-radius: 50%; transition: background 150ms ease; padding: 0; color: var(--as72-color-text); } .as72-auth-modal-header__btn:hover { background: var(--as72-color-bg-hover); } .as72-auth-modal-header__btn[hidden] { display: none; } .as72-auth-modal-header__btn svg { width: 24px; height: 24px; pointer-events: none; } .as72-auth-modal-root button:focus, .as72-auth-modal-root a:focus { outline: none; } .as72-auth-modal-root button:focus-visible, .as72-auth-modal-root a:focus-visible { outline: none; box-shadow: 0 0 0 3px rgba(0,113,227,0.30); border-radius: 8px; } .as72-auth-modal-root .as72-auth-change:focus-visible, .as72-auth-modal-root .as72-auth-resend-link:focus-visible { box-shadow: none; text-decoration: underline; } .as72-auth-no-scroll { position: fixed; width: 100%; overflow: hidden; } .as72-auth-modal-content { flex: 1; padding: 24px; overflow-y: auto; -webkit-overflow-scrolling: touch; } .as72-auth-step[hidden] { display: none !important; } .as72-auth-title { font-size: 22px; font-weight: 600; color: var(--as72-color-text); letter-spacing: -0.01em; margin: 0; } .as72-auth-segmented { position: relative; display: flex; height: 44px; background: var(--as72-color-bg-elevated); border-radius: 10px; padding: 3px; margin-top: 20px; } .as72-auth-segmented[hidden] { display: none; } .as72-auth-seg-slider { position: absolute; top: 3px; left: 3px; width: calc(50% - 3px); height: calc(100% - 6px); background: var(--as72-color-bg); border-radius: 8px; box-shadow: var(--as72-shadow-segment); transition: transform 150ms ease; pointer-events: none; } .as72-auth-seg-slider.is-phone { transform: translateX(100%); } .as72-auth-seg { flex: 1; position: relative; z-index: 1; background: transparent; border: none; font-family: inherit; font-size: 15px; font-weight: 500; color: var(--as72-color-text-secondary); cursor: pointer; transition: color 150ms ease; padding: 0; } .as72-auth-seg.is-active { color: var(--as72-color-text); } .as72-auth-subtitle { font-size: 15px; color: var(--as72-color-text-secondary); margin: 16px 0 0 0; line-height: 1.4; } .as72-auth-subtitle strong { font-weight: 600; color: var(--as72-color-text); } .as72-auth-change { display: inline-block; margin-top: 6px; font-size: 14px; font-weight: 400; color: var(--as72-color-link); text-decoration: none; cursor: pointer; background: transparent; border: none; padding: 0; } .as72-auth-change:hover { color: var(--as72-color-link-hover); text-decoration: underline; } .as72-auth-field-wrap { margin-top: 20px; } .as72-auth-field { width: 100%; height: 56px; padding: 0 16px; font-family: inherit; font-size: 16px; font-weight: 400; color: var(--as72-color-text); background: var(--as72-color-bg); border: 1px solid var(--as72-color-border); border-radius: 12px; outline: none; transition: border-color 150ms ease, box-shadow 150ms ease; box-sizing: border-box; } .as72-auth-field::placeholder { color: var(--as72-color-text-tertiary); } .as72-auth-field:focus { border-color: var(--as72-color-border-strong); box-shadow: var(--as72-shadow-focus); } .as72-auth-field.is-hidden { display: none; } .as72-auth-field.is-invalid { border-color: var(--as72-color-error); } .as72-auth-field.is-invalid:focus { box-shadow: var(--as72-shadow-focus-error); } .as72-auth-btn-primary { width: 100%; height: 52px; margin-top: 20px; font-family: inherit; font-size: 16px; font-weight: 600; color: #ffffff; background: var(--as72-color-disabled); border: none; border-radius: 8px; cursor: not-allowed; transition: background 150ms ease; display: inline-flex; align-items: center; justify-content: center; position: relative; } .as72-auth-btn-primary.is-enabled { background: var(--as72-color-accent); cursor: pointer; } .as72-auth-btn-primary.is-enabled:hover { background: var(--as72-color-accent-hover); } .as72-auth-btn-primary.is-enabled:active { background: var(--as72-color-accent-active); } .as72-auth-btn-primary.is-loading { pointer-events: none; opacity: 0.9; } .as72-auth-btn-primary.is-cooldown { pointer-events: none; background: var(--as72-color-disabled); cursor: not-allowed; } .as72-auth-btn-primary.is-loading .as72-auth-btn-primary__label { visibility: hidden; } .as72-auth-btn-primary.is-loading::after { content: ''; position: absolute; width: 20px; height: 20px; border: 2px solid rgba(255,255,255,0.4); border-top-color: #fff; border-radius: 50%; animation: as72AuthSpin 0.8s linear infinite; } @keyframes as72AuthSpin { to { transform: rotate(360deg); } } .as72-auth-step-alert { margin: 12px 0 0 0; padding: 12px 14px; border-radius: 10px; background: var(--as72-color-warning-bg); color: var(--as72-color-warning-text); font-size: 13px; font-weight: 500; line-height: 1.4; text-align: center; font-variant-numeric: tabular-nums; } .as72-auth-step-alert[hidden] { display: none; } .as72-auth-compliance { margin: 16px 0 0 0; font-size: 12px; font-weight: 400; color: var(--as72-color-text-secondary); line-height: 1.5; } .as72-auth-compliance a { color: var(--as72-color-link); text-decoration: none; } .as72-auth-compliance a:hover { color: var(--as72-color-link-hover); text-decoration: underline; } .as72-auth-code-inputs { display: flex; justify-content: center; gap: 12px; margin-top: 32px; } .as72-auth-code { width: 64px; height: 72px; font-family: inherit; font-size: 28px; font-weight: 500; text-align: center; color: var(--as72-color-text); background: var(--as72-color-bg); border: 1px solid var(--as72-color-border); border-radius: 12px; outline: none; transition: border-color 150ms ease, box-shadow 150ms ease, background 150ms ease; padding: 0; -moz-appearance: textfield; appearance: textfield; box-sizing: border-box; } .as72-auth-code::-webkit-outer-spin-button, .as72-auth-code::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .as72-auth-code:focus { border-color: var(--as72-color-border-strong); box-shadow: var(--as72-shadow-focus); } .as72-auth-code.is-error { border-color: var(--as72-color-error); } .as72-auth-code.is-error:focus { box-shadow: var(--as72-shadow-focus-error); } .as72-auth-code:disabled { background: var(--as72-color-bg-elevated); color: var(--as72-color-text-tertiary); cursor: not-allowed; } .as72-auth-status { margin: 16px 0 0 0; font-size: 14px; color: var(--as72-color-error); line-height: 1.4; text-align: center; } .as72-auth-status[hidden] { display: none; } .as72-auth-status.is-success { color: var(--as72-color-success); } .as72-auth-status.is-locked { font-weight: 500; } .as72-auth-resend { margin-top: 32px; text-align: center; } .as72-auth-resend-timer { font-size: 15px; color: var(--as72-color-text-secondary); font-variant-numeric: tabular-nums; } .as72-auth-resend-link { font-size: 15px; font-weight: 500; color: var(--as72-color-link); text-decoration: none; cursor: pointer; background: transparent; border: none; padding: 0; font-family: inherit; } .as72-auth-resend-link[hidden] { display: none; } .as72-auth-resend-link:hover { color: var(--as72-color-link-hover); text-decoration: underline; } .as72-auth-toast { position: fixed; left: 50%; bottom: 32px; transform: translateX(-50%) translateY(20px); background: var(--as72-color-text); color: #ffffff; font-size: 13px; font-weight: 500; padding: 12px 18px; border-radius: 12px; max-width: 320px; text-align: center; opacity: 0; pointer-events: none; transition: opacity 200ms ease, transform 200ms ease; z-index: 100001; } .as72-auth-toast.is-show { opacity: 1; transform: translateX(-50%) translateY(0); } .as72-auth-toast.is-success { background: #1d7a33; } .as72-auth-toast.is-error { background: var(--as72-color-error); } @media (min-width: 768px) { .as72-auth-modal-root { align-items: center; } .as72-auth-modal-window { width: 480px; max-width: calc(100vw - 32px); border-radius: 20px; box-shadow: var(--as72-shadow-modal); animation: as72AuthScaleIn 220ms cubic-bezier(0.4, 0.0, 0.2, 1); align-self: center; max-height: calc(100vh - 64px); } .as72-auth-modal-root.is-closing .as72-auth-modal-window { animation: as72AuthScaleOut 180ms cubic-bezier(0.4, 0.0, 0.2, 1) forwards; } @keyframes as72AuthScaleIn { from { opacity: 0; transform: scale(0.96); } to { opacity: 1; transform: scale(1); } } @keyframes as72AuthScaleOut { from { opacity: 1; transform: scale(1); } to { opacity: 0; transform: scale(0.96); } } .as72-auth-modal-header { display: none; } .as72-auth-modal-content { padding: 40px; } .as72-auth-modal-window .as72-auth-modal-close-desktop { position: absolute; top: 16px; right: 16px; width: 32px; height: 32px; display: inline-flex; align-items: center; justify-content: center; background: transparent; border: none; cursor: pointer; border-radius: 50%; transition: background 150ms ease; color: var(--as72-color-text); padding: 0; z-index: 11; } .as72-auth-modal-window .as72-auth-modal-close-desktop:hover { background: var(--as72-color-bg-hover); } .as72-auth-modal-window .as72-auth-modal-close-desktop svg { width: 20px; height: 20px; } .as72-auth-title { font-size: 28px; } .as72-auth-segmented { margin-top: 24px; } .as72-auth-subtitle { font-size: 16px; } .as72-auth-compliance { font-size: 14px; } .as72-auth-code { width: 72px; height: 80px; font-size: 32px; } } @media (max-width: 767px) { .as72-auth-modal-window .as72-auth-modal-close-desktop { display: none; } } .as72-auth-skeleton { padding: 24px; max-width: 720px; margin: 0 auto; } .as72-auth-skeleton__title { height: 32px; width: 60%; background: linear-gradient(90deg, #f0f0f3 0%, #e8e8eb 50%, #f0f0f3 100%); background-size: 200% 100%; animation: as72AuthShimmer 1.4s linear infinite; border-radius: 8px; margin-bottom: 24px; } .as72-auth-skeleton__row { height: 64px; background: linear-gradient(90deg, #f0f0f3 0%, #e8e8eb 50%, #f0f0f3 100%); background-size: 200% 100%; animation: as72AuthShimmer 1.4s linear infinite; border-radius: 12px; margin-bottom: 16px; } @keyframes as72AuthShimmer { from { background-position: 200% 0; } to { background-position: -200% 0; } } /* End */ /* Start:/local/templates/apple/css/lk.css?179194956871041*/ :root { --as72-lk-text: #1d1d1f; --as72-lk-text-sec: #6e6e73; --as72-lk-text-tert: #86868b; --as72-lk-bg: #ffffff; --as72-lk-bg-elev: #f5f5f7; --as72-lk-bg-hover: #ebebf0; --as72-lk-border: #d2d2d7; --as72-lk-border-strong: #86868b; --as72-lk-accent: #0071e3; --as72-lk-accent-hover: #0077ed; --as72-lk-error: #d70015; --as72-lk-success: #34c759; --as72-lk-warning: #ff9500; --as72-lk-shadow-card: 0 1px 3px rgba(0,0,0,0.08); --as72-lk-shadow-modal: 0 20px 60px rgba(0,0,0,0.20); --as72-lk-shadow-focus: 0 0 0 3px rgba(0,113,227,0.20); } .lk-page { font-family: 'Onest', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif; color: var(--as72-lk-text); } .lk-page * { box-sizing: border-box; -webkit-tap-highlight-color: transparent; } .lk-container { max-width: 1280px; margin: 0 auto; padding: 0 20px; } .lk-page-title { font-size: 22px; font-weight: 600; letter-spacing: -0.01em; margin: 16px 0; } @media (min-width: 1024px) { .lk-page-title { font-size: 28px; margin: 24px 0 20px; } } .lk-layout { display: flex; gap: 24px; align-items: flex-start; } @media (max-width: 1023px), (pointer: coarse) { .lk-layout { display: block; } .lk-sidebar { display: none; } } @media (min-width: 1024px) { .lk-sidebar { flex: 0 0 280px; background: var(--as72-lk-bg); border: 1px solid var(--as72-lk-border); border-radius: 14px; padding: 20px; position: sticky; top: 96px; align-self: flex-start; } .lk-content { flex: 1; min-width: 0; } } .lk-sidebar-profile { display: flex; align-items: center; gap: 12px; padding: 4px 4px 16px; border-bottom: 1px solid var(--as72-lk-bg-elev); margin-bottom: 12px; } .lk-avatar { width: 48px; height: 48px; border-radius: 50%; background: var(--as72-color-avatar-bg); color: #fff; font-size: 17px; font-weight: 600; display: flex; align-items: center; justify-content: center; flex-shrink: 0; } .lk-sidebar-profile .lk-avatar-name { font-size: 15px; font-weight: 600; line-height: 1.3; } .lk-sidebar-profile .lk-avatar-contact { font-size: 13px; color: var(--as72-lk-text-sec); margin-top: 2px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 200px; } .lk-menu { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 2px; } .lk-menu-item { display: flex; align-items: center; gap: 12px; padding: 10px 12px; border-radius: 8px; text-decoration: none; color: var(--as72-lk-text); font-size: 15px; font-weight: 500; transition: background 150ms ease; } .lk-menu-item:hover { background: var(--as72-lk-bg-elev); } .lk-menu-item.is-active { background: var(--as72-lk-bg-elev); color: var(--as72-lk-accent); } .lk-menu-item svg { width: 20px; height: 20px; flex-shrink: 0; } .lk-menu-badge { margin-left: auto; font-size: 12px; font-weight: 600; color: var(--as72-lk-text-sec); } .lk-empty { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; background: none; border-radius: 0; padding: 40px 24px; min-height: calc(100svh - 320px); } .lk-empty-icon { width: 112px; height: 112px; color: var(--as72-color-text-tertiary); margin: 0 0 24px; display: flex; align-items: center; justify-content: center; } .lk-empty-icon svg { width: 100%; height: 100%; stroke-width: 1.25; } .lk-empty-title { font-size: 23px; font-weight: 700; letter-spacing: -0.02em; margin: 0 0 12px; line-height: 1.18; } .lk-empty-sub { font-size: 16px; color: var(--as72-color-text-secondary); margin: 0 0 28px; line-height: 1.5; max-width: 320px; } .lk-empty .lk-btn-primary { min-height: 54px; height: auto; padding: 0 48px; border-radius: 14px; font-size: 16px; } @media (min-width: 1024px) { .lk-empty-icon { width: 128px; height: 128px; } .lk-empty-title { font-size: 27px; } } .lk-btn { display: inline-flex; align-items: center; justify-content: center; height: 48px; padding: 0 22px; font-family: inherit; font-size: 15px; font-weight: 600; border: none; border-radius: 8px; cursor: pointer; text-decoration: none; transition: background 150ms ease; } .lk-btn-primary { background: var(--as72-color-accent); color: #fff; } .lk-btn-primary:hover { background: var(--as72-color-accent-hover); } .lk-btn-ghost { background: var(--as72-color-bg); color: var(--as72-color-text); border: 1px solid var(--as72-color-border); } .lk-btn-ghost:hover { background: var(--as72-color-bg-elevated); } .lk-btn-danger { background: var(--as72-color-error); color: #fff; } .lk-btn-danger:hover { background: #b30012; } .lk-btn-full { width: 100%; } /* Список заказов (D3-C1 mobile / D3-C2 desktop). Единый DOM, grid-areas переключают раскладку. Desktop-раскладка гейтится hover/fine (S-10): touch-планшет любой ширины остаётся mobile-стопкой. */ .lk-orders-list { display: flex; flex-direction: column; gap: 12px; } .lk-order-card { display: grid; grid-template-columns: auto 1fr; grid-template-areas: "head head" "ship ship" "thumb items" "div div" "foot foot"; column-gap: 12px; row-gap: 8px; align-items: center; background: var(--as72-color-bg-elevated); border-radius: 12px; padding: 16px; text-decoration: none; color: var(--as72-color-text); transition: background 150ms ease; } .lk-order-card:hover { background: var(--as72-color-bg-hover); } .lk-order-head { grid-area: head; display: flex; align-items: baseline; justify-content: space-between; gap: 10px; } .lk-order-number { font-size: 15px; font-weight: 600; } .lk-order-date { font-size: 13px; color: var(--as72-color-text-secondary); white-space: nowrap; flex-shrink: 0; } .lk-order-badge { display: inline-block; font-size: 11px; font-weight: 600; line-height: 1.5; padding: 1px 8px; border-radius: 6px; vertical-align: middle; } .lk-order-badge.is-canceled { background: rgba(215,0,21,0.10); color: var(--as72-color-error); } .lk-detail-canceled { border: 1px solid rgba(215,0,21,0.28); background: rgba(215,0,21,0.05); margin-bottom: 16px; } .lk-detail-canceled-title { font-size: 15px; font-weight: 600; color: var(--as72-color-error); } .lk-detail-canceled-reason { font-size: 14px; color: var(--as72-color-text-secondary); margin-top: 4px; line-height: 1.4; } .lk-order-shipping { grid-area: ship; font-size: 13px; color: var(--as72-color-text-secondary); } .lk-order-thumbs { grid-area: thumb; position: relative; width: 48px; flex-shrink: 0; } .lk-order-thumb { display: flex; align-items: center; justify-content: center; width: 48px; height: 48px; border-radius: 8px; background: var(--as72-color-bg); box-shadow: 0 0 0 1px var(--as72-color-border); object-fit: contain; padding: 4px; } .lk-order-thumb-empty { color: var(--as72-color-text-tertiary); } .lk-order-thumb-badge { position: absolute; right: -6px; bottom: -6px; display: inline-flex; align-items: center; justify-content: center; min-width: 22px; height: 20px; padding: 0 6px; background: var(--as72-color-text); color: #fff; font-size: 11px; font-weight: 600; border-radius: 10px; border: 2px solid var(--as72-color-bg-elevated); } .lk-order-items-text { grid-area: items; min-width: 0; font-size: 14px; line-height: 1.35; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; } .lk-order-items-full { display: none; } .lk-order-divider { grid-area: div; height: 1px; background: var(--as72-color-border); margin: 4px 0; } .lk-order-foot { grid-area: foot; display: flex; align-items: center; justify-content: space-between; gap: 12px; } .lk-order-total { font-size: 16px; font-weight: 600; } .lk-order-link { display: none; font-size: 14px; font-weight: 500; color: var(--as72-color-text-secondary); } .lk-order-chevron { color: var(--as72-color-text-tertiary); flex-shrink: 0; } @media (min-width: 1024px) and (hover: hover) and (pointer: fine) { .lk-order-card { grid-template-columns: auto 1fr auto; grid-template-areas: "thumb head foot" "thumb ship foot" "thumb items foot"; column-gap: 20px; row-gap: 4px; padding: 20px 24px; transition: background 150ms ease, box-shadow 150ms ease, transform 150ms ease; } .lk-order-card:hover { background: var(--as72-color-bg-elevated); box-shadow: 0 6px 20px rgba(0,0,0,0.10); transform: translateY(-1px); } .lk-order-head { justify-content: flex-start; } .lk-order-thumbs { width: 60px; align-self: center; } .lk-order-thumb { width: 60px; height: 60px; } .lk-order-thumb-badge { min-width: 24px; height: 22px; } .lk-order-items-text { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .lk-order-items-short { display: none; } .lk-order-items-full { display: inline; } .lk-order-divider { display: none; } .lk-order-foot { flex-direction: column; align-items: flex-end; gap: 8px; align-self: center; } .lk-order-total { font-size: 18px; } .lk-order-link { display: inline; } .lk-order-chevron { display: none; } } /* Деталь заказа — единый блок «состав + итог». Mobile: стопка карточек (дата → [отменён] → состав+итог → информация → кнопка), сумма НЕ сверху. Desktop ≥1024 hover/fine (S-10): 2 колонки — слева карточка состав+итог, справа sticky карточка «Информация о заказе» + кнопка отмены. */ .lk-detail-head { display: none; } .lk-back-link { display: none; align-items: center; gap: 6px; font-size: 14px; font-weight: 500; color: var(--as72-color-accent); text-decoration: none; margin: 0 0 14px; } .lk-od-datesub { font-size: 14px; color: var(--as72-color-text-secondary); margin: 0 0 16px; text-align: center; } .lk-od-cols { display: flex; flex-direction: column; gap: 12px; align-items: stretch; } .lk-od-main { min-width: 0; } .lk-od-side { min-width: 0; display: flex; flex-direction: column; gap: 12px; } .lk-od-cancelnote { display: flex; gap: 11px; align-items: flex-start; background: rgba(215,0,21,0.05); border: 1px solid rgba(215,0,21,0.22); border-radius: 14px; padding: 13px 15px; margin-bottom: 12px; } .lk-od-cancelnote svg { flex: 0 0 20px; width: 20px; height: 20px; stroke: var(--as72-color-error); margin-top: 1px; } .lk-od-cancelnote strong { display: block; font-size: 14px; font-weight: 600; color: var(--as72-color-error); } .lk-od-cancelnote p { font-size: 13px; color: var(--as72-color-text-secondary); margin-top: 3px; line-height: 1.4; } .lk-od-card { background: var(--as72-color-bg-elevated); border: 1px solid var(--as72-color-border); border-radius: 16px; padding: 16px; } .lk-od-card-title { font-size: 16px; font-weight: 600; letter-spacing: -0.01em; margin: 0; } .lk-od-card-hint { font-size: 13px; color: var(--as72-color-text-tertiary); margin: 4px 0 12px; } .lk-od-items { display: flex; flex-direction: column; } .lk-od-item { display: flex; gap: 13px; align-items: flex-start; padding: 14px 0; text-decoration: none; color: var(--as72-color-text); border-top: 1px solid var(--as72-color-border); } .lk-od-item:first-child { border-top: none; padding-top: 0; } .lk-od-item-img { flex: 0 0 56px; width: 56px; height: 56px; border-radius: 12px; background: var(--as72-color-bg); border: 1px solid var(--as72-color-border); display: flex; align-items: center; justify-content: center; overflow: hidden; color: var(--as72-color-text-tertiary); } .lk-od-item-img img { width: 100%; height: 100%; object-fit: contain; padding: 4px; } .lk-od-item-img svg { width: 24px; height: 24px; } .lk-od-item-info { flex: 1; min-width: 0; } .lk-od-item-info strong { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; font-size: 14px; font-weight: 600; line-height: 1.35; letter-spacing: -0.01em; } .lk-od-item-row { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; margin-top: 8px; } .lk-od-item-qty { font-size: 12.5px; color: var(--as72-color-text-secondary); white-space: nowrap; } .lk-od-item-sum { font-size: 15px; font-weight: 700; white-space: nowrap; } .lk-od-meta { margin-top: 16px; padding-top: 16px; border-top: 1px solid var(--as72-color-border); } .lk-od-mrow { display: flex; justify-content: space-between; gap: 16px; padding: 5px 0; font-size: 14px; } .lk-od-mrow .k { color: var(--as72-color-text-secondary); } .lk-od-mrow .v { font-weight: 500; text-align: right; } .lk-od-total { display: flex; align-items: center; justify-content: space-between; border-top: 1px solid var(--as72-color-border); margin-top: 10px; padding-top: 16px; } .lk-od-total .k { font-size: 16px; font-weight: 600; } .lk-od-total .v { font-size: 22px; font-weight: 700; letter-spacing: -0.02em; } .lk-od-info { display: flex; flex-direction: column; margin-top: 14px; } .lk-od-irow { display: flex; gap: 12px; align-items: flex-start; padding: 13px 0; border-top: 1px solid var(--as72-color-border); } .lk-od-irow:first-child { border-top: none; padding-top: 0; } .lk-od-ic { flex: 0 0 38px; width: 38px; height: 38px; border-radius: 11px; background: var(--as72-color-bg); display: flex; align-items: center; justify-content: center; } .lk-od-ic svg { width: 19px; height: 19px; stroke: var(--as72-color-text); } .lk-od-ibody { flex: 1; min-width: 0; } .lk-od-ilbl { font-size: 12.5px; color: var(--as72-color-text-tertiary); font-weight: 500; } .lk-od-ival { font-size: 14.5px; font-weight: 600; margin-top: 2px; line-height: 1.35; word-break: break-word; } .lk-od-isub { font-size: 13px; color: var(--as72-color-text-secondary); margin-top: 3px; line-height: 1.4; word-break: break-word; } .lk-od-cancelbtn { color: var(--as72-color-error); } @media (min-width: 1024px) and (hover: hover) and (pointer: fine) { .lk-detail-head { display: flex; align-items: baseline; justify-content: flex-start; gap: 14px; flex-wrap: wrap; margin-bottom: 20px; } .lk-detail-head-title { font-size: 28px; font-weight: 600; letter-spacing: -0.02em; } .lk-detail-head-sub { font-size: 14px; color: var(--as72-color-text-secondary); margin-top: 0; } .lk-back-link { display: inline-flex; margin: 0 0 24px; } .lk-od-datesub { display: none; } .lk-od-cols { max-width: 680px; } .lk-od-card { padding: 22px 24px; border-radius: 18px; } .lk-od-card-title { font-size: 17px; } .lk-od-item-img { flex-basis: 60px; width: 60px; height: 60px; } } /* Избранное (D3-C5 mobile / D3-C6 desktop). Mobile/планшет — карточка прозрачная (image=bg-elevated, heart-иконка без подложки); desktop (hover/fine) — карточка с рамкой, hover-shadow, «В корзину» по ховеру. 2 кол телефон → 3 кол планшет → 4 кол desktop (S-11: грид остаётся многоколоночным на широком планшете). */ .lk-fav-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; } .lk-fav-card { display: flex; flex-direction: column; min-width: 0; transition: opacity 200ms ease, transform 200ms ease; } .lk-fav-card.is-removing { opacity: 0; transform: scale(0.95); } .lk-fav-image { position: relative; aspect-ratio: 1 / 1; background: var(--as72-color-bg); box-shadow: inset 0 0 0 1px var(--as72-color-border); border-radius: 12px; display: flex; align-items: center; justify-content: center; overflow: hidden; color: var(--as72-color-border-strong); } .lk-fav-image-link { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; } .lk-fav-image img { width: 100%; height: 100%; object-fit: contain; padding: 12px; box-sizing: border-box; } .lk-fav-heart { position: absolute; top: 6px; right: 6px; width: 44px; height: 44px; display: inline-flex; align-items: center; justify-content: center; background: transparent; border: none; cursor: pointer; color: var(--as72-color-error); transition: transform 120ms ease; } .lk-fav-heart:active { transform: scale(0.88); } .lk-fav-body { padding-top: 8px; display: flex; flex-direction: column; flex: 1; } .lk-fav-name { font-size: 16px; font-weight: 600; line-height: 1.35; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; overflow-wrap: anywhere; min-height: 44px; text-decoration: none; color: var(--as72-color-text); } .lk-fav-price-row { display: flex; align-items: baseline; gap: 8px; margin-top: 6px; } .lk-fav-price { font-size: 16px; font-weight: 600; } .lk-fav-price-old { font-size: 13px; color: var(--as72-color-text-secondary); text-decoration: line-through; } .lk-fav-cart { margin-top: 10px; height: 44px; padding: 0 14px; background: var(--as72-color-accent); color: #fff; border: none; border-radius: 10px; font-family: inherit; font-size: 15px; font-weight: 600; cursor: pointer; transition: background 150ms ease, opacity 150ms ease; } .lk-fav-cart:hover { background: var(--as72-color-accent-hover); } .lk-fav-cart.is-in-cart { background: var(--as72-color-bg-elevated); color: var(--as72-color-success); } .lk-fav-cart.is-in-cart:hover { background: var(--as72-color-bg-hover); } .lk-fav-toolbar { display: flex; align-items: center; justify-content: space-between; margin: 0 0 16px; gap: 12px; flex-wrap: wrap; } .lk-fav-count { font-size: 15px; color: var(--as72-color-text-secondary); } .lk-fav-sort-wrap { position: relative; } .lk-fav-sort-btn { height: 44px; padding: 0 14px; background: var(--as72-color-bg); border: 1px solid var(--as72-color-border); border-radius: 8px; font-family: inherit; font-size: 14px; color: var(--as72-color-text); cursor: pointer; display: inline-flex; align-items: center; gap: 6px; transition: border-color 150ms ease; } .lk-fav-sort-btn:hover { border-color: var(--as72-color-border-strong); } .lk-fav-sort-btn[aria-expanded="true"] svg { transform: rotate(180deg); } .lk-fav-sort-btn svg { color: var(--as72-color-text-secondary); transition: transform 150ms ease; } .lk-fav-sort-menu { position: absolute; top: calc(100% + 6px); right: 0; min-width: 220px; background: var(--as72-color-bg); border: 1px solid var(--as72-color-border); border-radius: 12px; box-shadow: var(--as72-shadow-modal); padding: 6px; z-index: 100; display: none; } .lk-fav-sort-menu.is-open { display: block; } .lk-fav-sort-option { display: block; width: 100%; padding: 10px 12px; text-align: left; background: transparent; border: none; font-family: inherit; font-size: 14px; color: var(--as72-color-text); cursor: pointer; border-radius: 8px; } .lk-fav-sort-option:hover { background: var(--as72-color-bg-elevated); } .lk-fav-sort-option.is-selected { color: var(--as72-color-link); font-weight: 500; } @media (min-width: 768px) { .lk-fav-grid { grid-template-columns: repeat(3, 1fr); gap: 16px; } } @media (min-width: 1024px) and (hover: hover) and (pointer: fine) { .lk-fav-grid { grid-template-columns: repeat(4, 1fr); gap: 20px; } .lk-fav-card { background: var(--as72-color-bg); border: 1px solid var(--as72-color-border); border-radius: 12px; padding: 16px; transition: border-color 150ms ease, box-shadow 150ms ease, transform 200ms ease, opacity 200ms ease; } .lk-fav-card:hover { border-color: transparent; box-shadow: 0 8px 24px rgba(0,0,0,0.10); } .lk-fav-image { border-radius: 8px; box-shadow: none; } .lk-fav-heart { top: 8px; right: 8px; width: 44px; height: 44px; } .lk-fav-heart:hover { transform: scale(1.1); } .lk-fav-body { padding-top: 12px; } .lk-fav-name { line-height: 1.4; min-height: 45px; } .lk-fav-price { font-size: 17px; } .lk-fav-cart { height: 44px; margin-top: 14px; font-size: 15px; } } .lk-pd-inner { max-width: 440px; } @media (max-width: 1023px) { .lk-pd-inner { max-width: 100%; } } .lk-pd-field { margin-bottom: 16px; } .lk-pd-section-divider { height: 1px; background: var(--as72-lk-border); margin: 32px 0 20px; } .lk-pd-addresses-title { font-size: 22px; font-weight: 600; letter-spacing: -0.01em; margin: 0 0 16px; } .lk-pd-addresses-empty { padding: 16px; background: var(--as72-lk-bg-elev); border-radius: 12px; font-size: 14px; color: var(--as72-lk-text-sec); } .lk-pd-address-list { display: flex; flex-direction: column; gap: 12px; } .lk-pd-address-card { padding: 16px; background: var(--as72-lk-bg); border: 1px solid var(--as72-lk-border); border-radius: 12px; } .lk-pd-address-head { display: flex; align-items: center; gap: 10px; margin-bottom: 6px; } .lk-pd-address-name { font-size: 15px; font-weight: 600; } .lk-pd-address-badge { font-size: 12px; font-weight: 500; padding: 3px 9px; background: rgba(0,113,227,0.10); color: var(--as72-lk-accent); border-radius: 6px; } .lk-pd-address-text { font-size: 14px; color: var(--as72-lk-text-sec); line-height: 1.4; } body:has(.lk-page) ul.breadcrumb li:last-child { display: list-item !important; } /* Z2.4 — visually-hidden утилита (SR-only, современный clip-path inset) + скрытие шаблонного H1 на страницах ЛК (дублирует крошки/active-таб; в DOM остаётся для a11y). */ .visually-hidden, body:has(.lk-page) .page-title h1 { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; } body:has(.lk-page) .row.mb-4:has(.page-title) { margin-bottom: 0; } .lk-pd-label { display: block; font-size: 13px; font-weight: 500; color: var(--as72-lk-text-sec); margin: 0 0 6px; } .lk-pd-input { width: 100%; height: 52px; padding: 0 16px; font-family: inherit; font-size: 15px; background: var(--as72-lk-bg); border: 1px solid var(--as72-lk-border); border-radius: 12px; outline: none; transition: border-color 150ms ease, box-shadow 150ms ease; box-sizing: border-box; color: var(--as72-lk-text); } .lk-pd-input:focus { border-color: var(--as72-lk-border-strong); box-shadow: var(--as72-lk-shadow-focus); } .lk-pd-hint { font-size: 12px; color: var(--as72-lk-text-sec); margin-top: 4px; } .lk-pd-identity { display: flex; align-items: center; justify-content: space-between; padding: 12px 16px; background: var(--as72-lk-bg-elev); border-radius: 10px; gap: 10px; } .lk-pd-identity-value { font-size: 15px; font-weight: 500; } .lk-pd-identity-change { background: transparent; border: none; color: var(--as72-lk-accent); font-family: inherit; font-size: 14px; font-weight: 500; cursor: pointer; padding: 4px 8px; } .lk-pd-bind { display: flex; align-items: center; justify-content: center; padding: 12px 16px; background: transparent; border: 1px dashed var(--as72-lk-border-strong); border-radius: 10px; color: var(--as72-lk-accent); font-family: inherit; font-size: 14px; font-weight: 500; cursor: pointer; width: 100%; } .lk-pd-gender { display: flex; gap: 8px; } .lk-pd-gender-btn { flex: 1; height: 48px; padding: 0; background: var(--as72-lk-bg); border: 1px solid var(--as72-lk-border); border-radius: 10px; font-family: inherit; font-size: 14px; font-weight: 500; cursor: pointer; color: var(--as72-lk-text); } .lk-pd-gender-btn.is-active { background: var(--as72-lk-bg-elev); border-color: var(--as72-lk-accent); color: var(--as72-lk-accent); } .lk-save-bar { position: fixed; left: 0; right: 0; bottom: 0; background: var(--as72-lk-bg); border-top: 1px solid var(--as72-lk-border); padding: 12px 16px; transform: translateY(100%); transition: transform 200ms ease; z-index: 8500; } .lk-save-bar.is-visible { transform: translateY(0); } .lk-save-bar-inner { max-width: 1280px; margin: 0 auto; display: flex; align-items: center; gap: 16px; flex-wrap: wrap; } .lk-save-compliance { font-size: 12px; color: var(--as72-lk-text-sec); line-height: 1.4; flex: 1; min-width: 200px; } .lk-save-compliance a { color: var(--as72-lk-accent); text-decoration: none; } .lk-save-bar .lk-btn { height: 44px; padding: 0 18px; } @media (max-width: 1023px), (pointer: coarse) { .lk-save-bar { bottom: 64px; } } /* --- Settings page (D4-E3 mobile / D4-E4 desktop) --- */ .lk-settings-card { background: var(--as72-color-bg-elevated); border-radius: 12px; overflow: hidden; margin-top: 24px; } @media (min-width: 1024px) { .lk-content > .lk-settings-card:first-child { margin-top: 0; } } .lk-settings-link { display: flex; align-items: center; gap: 12px; width: 100%; min-height: 56px; padding: 16px; background: transparent; border: none; border-bottom: 1px solid var(--as72-color-border); font-family: inherit; font-size: 15px; font-weight: 500; text-align: left; color: var(--as72-color-text); text-decoration: none; cursor: pointer; transition: background 150ms ease; } .lk-settings-link:last-child { border-bottom: none; } .lk-settings-link:hover, .lk-settings-link:active { background: var(--as72-color-bg-hover); } .lk-settings-link:focus { outline: none; } .lk-settings-link:focus-visible { outline: 2px solid var(--as72-color-link); outline-offset: -2px; } .lk-settings-link svg { flex-shrink: 0; } .lk-settings-link span { flex: 1; } .lk-settings-link.is-danger { color: var(--as72-color-error); } .lk-settings-link.is-danger svg { color: var(--as72-color-error); } @media (min-width: 1024px) { .lk-settings-link { gap: 14px; min-height: 64px; padding: 20px; } .lk-settings-card { max-width: 440px; } } .lk-modal-overlay { position: fixed; inset: 0; background: rgba(0,0,0,0.5); z-index: 9000; display: flex; align-items: flex-end; justify-content: center; opacity: 0; pointer-events: none; transition: opacity 200ms ease; } .lk-modal-overlay.is-open { opacity: 1; pointer-events: auto; } @media (min-width: 768px) { .lk-modal-overlay { align-items: center; } } .lk-modal { background: var(--as72-lk-bg); width: 100%; max-width: 460px; border-radius: 20px 20px 0 0; padding: 20px; transform: translateY(100%); transition: transform 220ms cubic-bezier(0.4,0,0.2,1); max-height: 88vh; overflow-y: auto; } .lk-modal-overlay.is-open .lk-modal { transform: translateY(0); } @media (min-width: 768px) { .lk-modal { border-radius: 16px; max-width: 460px; transform: scale(0.96); opacity: 0; transition: opacity 200ms ease, transform 200ms ease; } .lk-modal-overlay.is-open .lk-modal { transform: scale(1); opacity: 1; } } .lk-modal-handle { display: block; width: 36px; height: 4px; border-radius: 2px; background: var(--as72-lk-border); margin: 0 auto 12px; } @media (min-width: 768px) { .lk-modal-handle { display: none; } } .lk-modal-title { font-size: 18px; font-weight: 600; margin: 0 0 8px; } .lk-modal-text { font-size: 14px; color: var(--as72-lk-text-sec); line-height: 1.5; margin: 0 0 16px; } .lk-modal-actions { display: flex; flex-direction: column; gap: 8px; } @media (min-width: 768px) { .lk-modal-actions { flex-direction: row; gap: 12px; } .lk-modal-actions .lk-btn { flex: 1; } } .lk-modal-step { display: none; } .lk-modal-step.is-active { display: block; } .lk-reason-list { display: flex; flex-direction: column; gap: 8px; margin-bottom: 16px; } .lk-reason-option { display: flex; align-items: center; gap: 10px; padding: 12px 14px; background: var(--as72-lk-bg-elev); border: 1px solid transparent; border-radius: 10px; cursor: pointer; transition: border-color 150ms ease, background 150ms ease; } .lk-reason-option.is-selected { border-color: var(--as72-lk-accent); background: rgba(0,113,227,0.08); } .lk-reason-radio { width: 20px; height: 20px; border-radius: 50%; border: 2px solid var(--as72-lk-border-strong); position: relative; flex-shrink: 0; } .lk-reason-option.is-selected .lk-reason-radio { border-color: var(--as72-lk-accent); } .lk-reason-option.is-selected .lk-reason-radio::after { content: ''; position: absolute; inset: 3px; border-radius: 50%; background: var(--as72-lk-accent); } .lk-reason-text { font-size: 14px; font-weight: 500; flex: 1; } .lk-reason-textarea { display: none; width: 100%; min-height: 80px; margin-top: 10px; padding: 10px 12px; font-family: inherit; font-size: 16px; background: var(--as72-lk-bg); border: 1px solid var(--as72-lk-border); border-radius: 10px; outline: none; resize: vertical; box-sizing: border-box; color: var(--as72-lk-text); } .lk-reason-textarea.is-shown { display: block; } .lk-reason-textarea:focus { border-color: var(--as72-lk-border-strong); box-shadow: var(--as72-lk-shadow-focus); } .lk-cm-input { width: 100%; height: 52px; padding: 0 16px; font-family: inherit; font-size: 15px; background: var(--as72-lk-bg); border: 1px solid var(--as72-lk-border); border-radius: 12px; outline: none; margin-bottom: 16px; box-sizing: border-box; color: var(--as72-lk-text); } .lk-cm-input:focus { border-color: var(--as72-lk-border-strong); box-shadow: var(--as72-lk-shadow-focus); } .lk-cm-code-row { display: flex; justify-content: center; gap: 10px; margin-bottom: 16px; } .lk-cm-code-cell { width: 56px; height: 64px; text-align: center; font-size: 24px; font-weight: 600; background: var(--as72-lk-bg); border: 1px solid var(--as72-lk-border); border-radius: 12px; outline: none; color: var(--as72-lk-text); -moz-appearance: textfield; } .lk-cm-code-cell::-webkit-outer-spin-button, .lk-cm-code-cell::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .lk-cm-code-cell:focus { border-color: var(--as72-lk-border-strong); box-shadow: var(--as72-lk-shadow-focus); } .lk-cm-code-cell.is-error { border-color: var(--as72-lk-error); } .lk-cm-resend { text-align: center; font-size: 14px; color: var(--as72-lk-text-sec); margin: 12px 0 4px; } .lk-cm-resend button { background: transparent; border: none; color: var(--as72-lk-accent); font-family: inherit; font-size: 14px; font-weight: 500; cursor: pointer; padding: 0; } .lk-cm-resend button[disabled] { color: var(--as72-lk-text-tert); cursor: not-allowed; } .lk-toast { position: fixed; left: 50%; bottom: 96px; transform: translateX(-50%) translateY(20px); background: var(--as72-lk-text); color: #fff; font-size: 13px; font-weight: 500; padding: 12px 18px; border-radius: 12px; max-width: 320px; text-align: center; opacity: 0; pointer-events: none; transition: opacity 200ms ease, transform 200ms ease; z-index: 9500; } .lk-toast.is-show { opacity: 1; transform: translateX(-50%) translateY(0); } .lk-toast.is-success { background: #34a853; } .lk-toast.is-error { background: var(--as72-lk-error); } .as72-mobile-footer-nav { position: fixed; bottom: 0; left: 0; right: 0; height: 64px; background: var(--as72-lk-bg); border-top: none; box-shadow: 0 -1px 0 transparent; z-index: 8000; display: none; } @media (max-width: 1023px), (pointer: coarse) { .as72-mobile-footer-nav { display: flex; } body { padding-bottom: 64px !important; } .footer { padding-bottom: 64px; } } .as72-mobile-footer-nav__item { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px; text-decoration: none; color: var(--as72-lk-text-tert); padding-top: 2px; } .as72-mobile-footer-nav__item.is-active { color: var(--as72-color-accent); } .as72-mobile-footer-nav__item span { font-size: 11px; font-weight: 500; } .as72-mobile-footer-nav__badge { position: absolute; top: 6px; right: calc(50% - 16px); min-width: 16px; height: 16px; padding: 0 4px; background: var(--as72-color-accent); color: #fff; font-size: 10px; font-weight: 700; border-radius: 8px; display: flex; align-items: center; justify-content: center; border: 1.5px solid var(--as72-lk-bg); } .as72-mobile-footer-nav__item { position: relative; } /* ====================================================================== Z2.1 — Личные данные + sidebar + change-contact + addresses модалки Все классы используют --as72-color-* токены из tokens.css (D-25.52). ====================================================================== */ /* --- Sidebar desktop (D4-E2) --- */ .lk-sidebar { width: 280px; flex-shrink: 0; align-self: flex-start; } @media (max-width: 1023px), (pointer: coarse) { .lk-sidebar { display: none; } } .lk-sidebar-profile { display: flex; flex-direction: column; align-items: center; padding: 20px 16px; background: var(--as72-color-bg-elevated); border-radius: 12px; } .lk-sidebar-avatar { width: 64px; height: 64px; flex-shrink: 0; border-radius: 50%; background: var(--as72-color-avatar-bg); color: #fff; font-size: 22px; font-weight: 600; display: flex; align-items: center; justify-content: center; letter-spacing: 0.02em; } .lk-sidebar-profile-info { min-width: 0; margin-top: 12px; text-align: center; display: flex; flex-direction: column; align-items: center; gap: 4px; } .lk-sidebar-profile-name { font-size: 16px; font-weight: 600; line-height: 1.35; color: var(--as72-color-text); } .lk-sidebar-change-photo { margin-top: 6px; background: transparent; border: none; font-family: inherit; font-size: 13px; font-weight: 600; color: var(--as72-color-link); cursor: pointer; padding: 4px 8px; border-radius: 6px; } .lk-sidebar-change-photo:hover { color: var(--as72-color-link-hover); text-decoration: underline; } .lk-sidebar-menu { list-style: none; padding: 0; margin: 24px 0 0; display: flex; flex-direction: column; gap: 2px; } .lk-sidebar-menu-item { display: flex; align-items: center; gap: 12px; height: 44px; padding: 0 16px; border-radius: 8px; text-decoration: none; color: var(--as72-color-text); transition: background 150ms ease, color 150ms ease; } .lk-sidebar-menu-item svg { width: 20px; height: 20px; flex-shrink: 0; color: var(--as72-color-text-secondary); transition: color 150ms ease; } .lk-sidebar-menu-item .lk-sidebar-menu-label { flex: 1; font-size: 15px; font-weight: 500; } .lk-sidebar-menu-item:hover { background: var(--as72-color-bg-hover); } .lk-sidebar-menu-item.is-active { background: var(--as72-color-bg-elevated); color: var(--as72-color-accent); } .lk-sidebar-menu-item.is-active svg { color: var(--as72-color-accent); } .lk-sidebar-menu-badge { min-width: 22px; height: 22px; padding: 0 8px; background: var(--as72-color-link); color: #fff; font-size: 12px; font-weight: 600; border-radius: 11px; display: flex; align-items: center; justify-content: center; } /* --- Mobile profile card (D4-E1, only mobile) --- */ .lk-pd-mobile-profile { display: none; flex-direction: column; align-items: center; padding: 20px 16px 16px; margin: 16px 0; background: var(--as72-color-bg-elevated); border-radius: 12px; } @media (max-width: 1023px), (pointer: coarse) { .lk-pd-mobile-profile { display: flex; } } .lk-pd-mobile-avatar { width: 64px; height: 64px; border-radius: 50%; background: var(--as72-color-avatar-bg); color: #fff; font-size: 22px; font-weight: 600; display: flex; align-items: center; justify-content: center; letter-spacing: 0.02em; } .lk-pd-mobile-name { font-size: 16px; font-weight: 600; margin-top: 12px; line-height: 1.35; text-align: center; color: var(--as72-color-text); } .lk-pd-mobile-change-photo { margin-top: 10px; background: transparent; border: none; font-family: inherit; font-size: 13px; font-weight: 600; color: var(--as72-color-link); cursor: pointer; padding: 6px 8px; } .lk-pd-mobile-change-photo:hover { color: var(--as72-color-link-hover); text-decoration: underline; } a.lk-pd-mobile-change-photo, a.lk-sidebar-change-photo { text-decoration: none; } /* Z2.5 — guest-индикатор на аватарах ЛК (personal-data mobile-card + desktop sidebar): красная badge-точка + ссылка «Заполните данные профиля» для гостя. Состояние «гость» детектится по силуэт-иконке [data-pd-avatar-icon] внутри аватара; refreshProfileCards (lk.js) переключает её live при сохранении ФИО → badge/текст обновляются без перезагрузки. */ .lk-sidebar-avatar, .lk-pd-mobile-avatar { position: relative; } .lk-sidebar-avatar:has([data-pd-avatar-icon])::after, .lk-pd-mobile-avatar:has([data-pd-avatar-icon])::after { content: ''; position: absolute; top: 2px; right: 2px; width: 14px; height: 14px; border-radius: 50%; background: var(--as72-color-error); border: 2.5px solid var(--as72-color-bg-elevated); } .lk-cp-fill { display: none; } .lk-sidebar-profile:has([data-pd-avatar-icon]) .lk-cp-fill, .lk-pd-mobile-profile:has([data-pd-avatar-icon]) .lk-cp-fill { display: inline-block; } /* --- Personal data form refinements (override старых правил) --- */ .lk-pd-inner { max-width: 100%; } @media (min-width: 1024px) { .lk-pd-inner { max-width: 440px; } } @media (pointer: coarse) and (min-width: 768px) { .lk-pd-inner, .lk-pd-mobile-profile { max-width: 440px; margin-left: auto; margin-right: auto; } } .lk-pd-field { margin-bottom: 16px; } .lk-pd-label { display: block; font-size: 13px; font-weight: 500; color: var(--as72-color-text-secondary); margin: 0 0 6px; } .lk-pd-input { width: 100%; height: 52px; padding: 0 16px; font-family: inherit; font-size: 16px; background: var(--as72-color-bg); border: 1px solid var(--as72-color-border); border-radius: 12px; outline: none; box-sizing: border-box; color: var(--as72-color-text); transition: border-color 150ms ease, box-shadow 150ms ease; } .lk-pd-input::placeholder { color: var(--as72-color-text-tertiary); } .lk-pd-input:focus { border-color: var(--as72-color-border-strong); box-shadow: var(--as72-shadow-focus); } .lk-pd-hint { font-size: 12px; color: var(--as72-color-text-secondary); margin-top: 6px; line-height: 1.4; } .lk-pd-identity { display: flex; align-items: center; justify-content: space-between; gap: 12px; height: 52px; padding: 0 12px 0 16px; background: var(--as72-color-bg-elevated); border-radius: 12px; } .lk-pd-identity-value { font-size: 16px; color: var(--as72-color-text); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .lk-pd-identity-change { flex-shrink: 0; display: inline-flex; align-items: center; justify-content: center; min-width: 44px; min-height: 44px; background: transparent; border: none; font-family: inherit; font-size: 13px; font-weight: 600; color: var(--as72-color-link); cursor: pointer; padding: 8px 10px; border-radius: 8px; transition: background 150ms ease; } .lk-pd-identity-change:hover { background: var(--as72-color-bg-hover); } .lk-pd-bind { width: 100%; height: 52px; display: flex; align-items: center; justify-content: center; gap: 6px; padding: 0; background: var(--as72-color-bg-elevated); border: 1px dashed var(--as72-color-border-strong); border-radius: 12px; font-family: inherit; font-size: 15px; font-weight: 500; color: var(--as72-color-link); cursor: pointer; transition: background 150ms ease; } .lk-pd-bind:hover { background: var(--as72-color-bg-hover); } .lk-pd-gender { display: flex; gap: 8px; } .lk-pd-gender-btn { flex: 1; height: 52px; border-radius: 12px; border: 1px solid transparent; background: var(--as72-color-bg-elevated); font-family: inherit; font-size: 15px; font-weight: 500; color: var(--as72-color-text-secondary); cursor: pointer; transition: background 150ms ease, border-color 150ms ease, color 150ms ease; } .lk-pd-gender-btn:hover { background: var(--as72-color-bg-hover); } .lk-pd-gender-btn.is-active { background: var(--as72-color-bg); border-color: var(--as72-color-link); color: var(--as72-color-link); } .lk-pd-gender-btn.is-active:hover { background: var(--as72-color-bg); } .lk-pd-section-divider { height: 1px; background: var(--as72-color-border); margin: 32px 0 24px; } .lk-pd-addresses-title { font-size: 22px; font-weight: 600; letter-spacing: -0.01em; margin: 0 0 16px; } .lk-pd-addresses .lk-pd-addresses-empty { display: none; font-size: 14px; color: var(--as72-color-text-secondary); line-height: 1.45; padding: 4px 0 12px; } .lk-pd-addresses[data-empty="1"] .lk-pd-addresses-empty { display: block; } .lk-pd-addresses[data-empty="1"] .lk-pd-address-list { display: none; } .lk-pd-address-list { display: flex; flex-direction: column; gap: 12px; margin-bottom: 12px; padding: 0; } .lk-pd-address-card { display: flex; align-items: flex-start; gap: 12px; padding: 16px; background: var(--as72-color-bg-elevated); border: none; border-radius: 12px; } .lk-pd-address-info { flex: 1; min-width: 0; } .lk-pd-address-head { display: flex; align-items: center; gap: 8px; margin-bottom: 4px; flex-wrap: wrap; } .lk-pd-address-name { font-size: 15px; font-weight: 600; color: var(--as72-color-text); } .lk-pd-address-badge { font-size: 11px; font-weight: 600; color: var(--as72-color-link); background: rgba(0,113,227,0.10); padding: 2px 8px; border-radius: 6px; } .lk-pd-address-text { font-size: 14px; color: var(--as72-color-text-secondary); line-height: 1.4; } .lk-pd-address-actions { display: flex; flex-direction: column; gap: 4px; flex-shrink: 0; } @media (min-width: 1024px) { .lk-pd-address-actions { flex-direction: row; } } .lk-pd-address-btn { width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; background: transparent; border: none; cursor: pointer; color: var(--as72-color-text-tertiary); border-radius: 8px; transition: background 150ms ease, color 150ms ease; } .lk-pd-address-btn:hover { background: var(--as72-color-bg-hover); } .lk-pd-address-btn.is-danger:hover { color: var(--as72-color-error); } .lk-pd-add-address { width: 100%; height: 48px; display: flex; align-items: center; justify-content: center; gap: 6px; background: transparent; border: 1px dashed var(--as72-color-border-strong); border-radius: 12px; font-family: inherit; font-size: 15px; font-weight: 500; color: var(--as72-color-link); cursor: pointer; padding: 0; transition: background 150ms ease, color 150ms ease, border-color 150ms ease; } .lk-pd-add-address:hover { background: var(--as72-color-bg-elevated); } .lk-pd-add-address[disabled] { color: var(--as72-color-text-tertiary); border-color: var(--as72-color-border); cursor: not-allowed; } .lk-pd-add-address[disabled]:hover { background: transparent; } @media (min-width: 1024px) { .lk-pd-add-address { height: 52px; } } .lk-pd-addresses-limit-hint { margin: 10px 0 0; font-size: 13px; color: var(--as72-color-text-secondary); line-height: 1.4; text-align: center; } /* --- Save-bar (D4-E1 sticky-bottom mobile / D4-E2 над контент-блоком) --- */ /* Mobile: фиксированный снизу, поверх mobile-footer-nav. Desktop: позиционирован под content-inner (≤440px ширина блока с данными), компактный. */ .lk-pd-save-bar { position: fixed; left: 0; right: 0; bottom: 0; background: var(--as72-color-bg); border-top: 1px solid var(--as72-color-border); padding: 12px 16px 14px; transform: translateY(calc(100% + 80px)); transition: transform 280ms cubic-bezier(0.32, 0.72, 0, 1); z-index: 8500; } .lk-pd-save-bar.is-visible { transform: translateY(0); } @media (max-width: 1023px), (pointer: coarse) { .lk-pd-save-bar { bottom: 64px; } body.lk-keyboard-open .lk-pd-save-bar { bottom: 0; } } @media (min-width: 1024px) and (hover: hover) and (pointer: fine) { /* Desktop: save-bar центрирован относительно блока с данными (sidebar 280 + 24 gap + pd-inner 440). Центр блока приходится на .lk-content. Используем сдвиг через margin-left относительно центра viewport. На layout layoutWidth (sidebar 280 + 24 + content): pd-inner отображается left-aligned внутри content, поэтому center of pd-inner ≈ container_left + 280 + 24 + 220 = container_left + 524. Save-bar 720px шириной, centered to pd-inner ≈ container_left + 524 - 360 = container_left + 164. viewport_center ≈ container_center = container_left + 640. Сдвиг от viewport_center = 164 - 640 = -476px. Но это для 1280 container. Простой компромисс: bar attached to layout via flex within container — поэтому переезжаем с position:fixed на position:fixed с calc привязкой к --lk-content-offset (JS вычислит). */ .lk-pd-save-bar { position: fixed; left: var(--lk-savebar-left, 50%); right: auto; bottom: 24px; padding: 14px 20px; border: 1px solid var(--as72-color-border); border-top: 1px solid var(--as72-color-border); border-radius: 14px; box-shadow: var(--as72-shadow-modal); width: 440px; max-width: calc(100vw - 32px); transform: translate(-50%, 200%); } .lk-pd-save-bar.is-visible { transform: translate(-50%, 0); } .lk-pd-save-bar-inner { flex-direction: row !important; align-items: center; gap: 16px; } .lk-pd-save-compliance { flex: 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 13px; } } .lk-pd-save-bar-inner { margin: 0 auto; display: flex; flex-direction: column; gap: 10px; width: 100%; } .lk-pd-save-compliance { font-size: 12px; color: var(--as72-color-text-secondary); line-height: 1.4; margin: 0; } .lk-pd-save-compliance a { color: var(--as72-color-link); text-decoration: none; } .lk-pd-save-compliance a:hover { color: var(--as72-color-link-hover); text-decoration: underline; } .lk-pd-save-actions { display: flex; gap: 8px; flex-shrink: 0; } .lk-pd-save-actions .lk-pd-btn { flex: 1; min-width: 0; } @media (min-width: 1024px) and (hover: hover) and (pointer: fine) { .lk-pd-save-actions { flex: 1; } .lk-pd-save-actions .lk-pd-btn { flex: 1; min-width: 0; } } @media (pointer: coarse) and (min-width: 768px) { .lk-pd-save-bar-inner { max-width: 440px; } } .lk-pd-btn { display: inline-flex; align-items: center; justify-content: center; height: 44px; padding: 0 16px; font-family: inherit; font-size: 14px; font-weight: 600; border: none; border-radius: 10px; cursor: pointer; text-decoration: none; transition: background 150ms ease, border-color 150ms ease, color 150ms ease; box-sizing: border-box; } .lk-pd-btn:focus { outline: none; } .lk-pd-btn:focus-visible { box-shadow: 0 0 0 3px rgba(0,113,227,0.30); } .lk-pd-btn-primary { background: var(--as72-color-accent); color: #fff; } .lk-pd-btn-primary:hover { background: var(--as72-color-accent-hover); } .lk-pd-btn-primary:active { background: var(--as72-color-accent-active); } .lk-pd-btn-primary[disabled] { background: var(--as72-color-disabled); cursor: not-allowed; } .lk-pd-btn-ghost { background: var(--as72-color-bg); color: var(--as72-color-text); border: 1px solid var(--as72-color-border); } .lk-pd-btn-ghost:hover { background: var(--as72-color-bg-elevated); border-color: var(--as72-color-border-strong); } .lk-pd-btn-danger { background: var(--as72-color-error); color: #fff; } .lk-pd-btn-danger:hover { background: #b30012; } /* --- Change-contact модалка (D4-E1 slide-right mobile / D4-E2 overlay desktop) --- */ .lk-cc-overlay { position: fixed; inset: 0; z-index: 100000; opacity: 0; pointer-events: none; transition: opacity 200ms ease; background: var(--as72-color-bg); display: flex; flex-direction: column; } .lk-cc-overlay.is-open { opacity: 1; pointer-events: auto; } .lk-cc-overlay .lk-cc-modal { width: 100%; height: 100%; background: var(--as72-color-bg); display: flex; flex-direction: column; transform: translateX(100%); transition: transform 280ms cubic-bezier(0.32, 0.72, 0, 1); } .lk-cc-overlay.is-open .lk-cc-modal { transform: translateX(0); } @media (min-width: 768px) { .lk-cc-overlay { background: rgba(0,0,0,0.4); align-items: center; justify-content: center; padding: 16px; } .lk-cc-overlay .lk-cc-modal { width: 440px; max-width: 100%; height: auto; max-height: calc(100vh - 32px); border-radius: 20px; overflow: hidden; transform: scale(0.96); transition: transform 220ms ease, opacity 220ms ease; opacity: 0; box-shadow: var(--as72-shadow-modal); } .lk-cc-overlay.is-open .lk-cc-modal { transform: scale(1); opacity: 1; } } .lk-cc-header { height: 56px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; padding: 0 56px; border-bottom: 1px solid var(--as72-color-border); position: relative; background: var(--as72-color-bg); } .lk-cc-nav { position: absolute; left: 6px; width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; background: transparent; border: none; cursor: pointer; color: var(--as72-color-text); border-radius: 10px; transition: background 150ms ease; } .lk-cc-nav:hover { background: var(--as72-color-bg-hover); } @media (min-width: 768px) { .lk-cc-nav { width: 40px; height: 40px; } } .lk-cc-title { font-size: 17px; font-weight: 600; letter-spacing: -0.01em; color: var(--as72-color-text); } .lk-cc-body { flex: 1; overflow-y: auto; padding: 24px 20px; } @media (min-width: 768px) { .lk-cc-body { padding: 28px 28px 32px; flex: 0 0 auto; } } .lk-cc-step { display: none; } .lk-cc-step.is-active { display: block; } .lk-cc-intro { font-size: 14px; color: var(--as72-color-text-secondary); line-height: 1.5; margin: 0 0 20px; } .lk-cc-field-label { display: block; font-size: 13px; font-weight: 500; color: var(--as72-color-text-secondary); margin-bottom: 6px; } .lk-cc-input { width: 100%; height: 52px; padding: 0 16px; font-family: inherit; font-size: 16px; color: var(--as72-color-text); background: var(--as72-color-bg); border: 1px solid var(--as72-color-border); border-radius: 12px; outline: none; transition: border-color 150ms ease, box-shadow 150ms ease; box-sizing: border-box; } .lk-cc-input::placeholder { color: var(--as72-color-text-tertiary); } .lk-cc-input:focus { border-color: var(--as72-color-border-strong); box-shadow: var(--as72-shadow-focus); } .lk-cc-input.is-invalid { border-color: var(--as72-color-error); } .lk-cc-input.is-invalid:focus { box-shadow: var(--as72-shadow-focus-error); } .lk-cc-hint { margin: 6px 2px 0; font-size: 13px; font-weight: 500; line-height: 1.4; color: var(--as72-color-error); } .lk-cc-hint[hidden] { display: none; } .lk-cc-primary { width: 100%; height: 52px; background: var(--as72-color-accent); color: #fff; border: none; border-radius: 12px; font-family: inherit; font-size: 16px; font-weight: 600; cursor: pointer; margin-top: 24px; transition: background 150ms ease; display: inline-flex; align-items: center; justify-content: center; position: relative; } .lk-cc-primary:hover { background: var(--as72-color-accent-hover); } .lk-cc-primary:active { background: var(--as72-color-accent-active); } .lk-cc-primary[disabled], .lk-cc-primary.is-disabled { background: var(--as72-color-disabled); cursor: not-allowed; pointer-events: none; } .lk-cc-primary.is-loading { pointer-events: none; opacity: 0.9; } .lk-cc-primary.is-loading .lk-cc-primary-label { visibility: hidden; } .lk-cc-primary.is-loading::after { content: ''; position: absolute; width: 20px; height: 20px; border: 2px solid rgba(255,255,255,0.4); border-top-color: #fff; border-radius: 50%; animation: lkCcSpin 0.8s linear infinite; } @keyframes lkCcSpin { to { transform: rotate(360deg); } } .lk-cc-code-sent { font-size: 14px; color: var(--as72-color-text-secondary); line-height: 1.5; text-align: center; margin: 0 0 24px; } .lk-cc-code-sent strong { color: var(--as72-color-text); font-weight: 600; } .lk-cc-code-row { display: flex; gap: 12px; justify-content: center; margin-bottom: 20px; } .lk-cc-code-cell { width: 56px; height: 64px; border: 1px solid var(--as72-color-border); border-radius: 12px; text-align: center; font-family: inherit; font-size: 24px; font-weight: 600; color: var(--as72-color-text); transition: border-color 150ms ease, box-shadow 150ms ease, background 150ms ease; outline: none; background: var(--as72-color-bg); -moz-appearance: textfield; padding: 0; box-sizing: border-box; } @media (min-width: 768px) { .lk-cc-code-cell { width: 60px; height: 68px; font-size: 26px; } } .lk-cc-code-cell::-webkit-outer-spin-button, .lk-cc-code-cell::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .lk-cc-code-cell:focus { border-color: var(--as72-color-link); box-shadow: var(--as72-shadow-focus); } .lk-cc-code-cell.is-error { border-color: var(--as72-color-error); } .lk-cc-code-cell.is-error:focus { box-shadow: var(--as72-shadow-focus-error); } .lk-cc-code-cell:disabled { background: var(--as72-color-bg-elevated); color: var(--as72-color-text-tertiary); cursor: not-allowed; } .lk-cc-alert { margin: 12px 0 0; padding: 12px 14px; border-radius: 10px; background: var(--as72-color-warning-bg); color: var(--as72-color-warning-text); font-size: 13px; font-weight: 500; line-height: 1.4; text-align: center; font-variant-numeric: tabular-nums; } .lk-cc-alert[hidden] { display: none; } .lk-cc-status { margin: 12px 0 0; font-size: 14px; color: var(--as72-color-error); line-height: 1.4; text-align: center; } .lk-cc-status[hidden] { display: none; } .lk-cc-resend { text-align: center; font-size: 13px; color: var(--as72-color-text-secondary); margin: 12px 0 0; } .lk-cc-resend button { background: transparent; border: none; font-family: inherit; font-size: 13px; font-weight: 600; color: var(--as72-color-link); cursor: pointer; padding: 4px; } .lk-cc-resend button:hover { color: var(--as72-color-link-hover); text-decoration: underline; } .lk-cc-resend button[disabled] { color: var(--as72-color-text-tertiary); cursor: not-allowed; text-decoration: none; } .lk-cc-overlay button:focus, .lk-cc-overlay input:focus { outline: none; } .lk-cc-overlay button:focus-visible { box-shadow: 0 0 0 3px rgba(0,113,227,0.30); } /* --- Address edit modalka (внутри personal-data) --- */ .lk-addr-overlay { position: fixed; inset: 0; z-index: 100000; opacity: 0; pointer-events: none; transition: opacity 200ms ease; background: var(--as72-color-bg); display: flex; flex-direction: column; } .lk-addr-overlay.is-open { opacity: 1; pointer-events: auto; } .lk-addr-modal { width: 100%; height: 100%; background: var(--as72-color-bg); display: flex; flex-direction: column; transform: translateX(100%); transition: transform 280ms cubic-bezier(0.32, 0.72, 0, 1); } .lk-addr-overlay.is-open .lk-addr-modal { transform: translateX(0); } @media (min-width: 768px) { .lk-addr-overlay { background: rgba(0,0,0,0.4); align-items: center; justify-content: center; padding: 16px; } .lk-addr-modal { width: 440px; max-width: 100%; height: auto; max-height: calc(100vh - 32px); border-radius: 20px; overflow: hidden; transform: scale(0.96); transition: transform 220ms ease, opacity 220ms ease; opacity: 0; box-shadow: var(--as72-shadow-modal); } .lk-addr-overlay.is-open .lk-addr-modal { transform: scale(1); opacity: 1; } } .lk-addr-header { height: 56px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; padding: 0 56px; border-bottom: 1px solid var(--as72-color-border); position: relative; } .lk-addr-nav { position: absolute; left: 6px; width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; background: transparent; border: none; cursor: pointer; color: var(--as72-color-text); border-radius: 10px; transition: background 150ms ease; } .lk-addr-nav:hover { background: var(--as72-color-bg-hover); } .lk-addr-title { font-size: 17px; font-weight: 600; } .lk-addr-body { flex: 1; overflow-y: auto; padding: 24px 20px; } @media (min-width: 768px) { .lk-addr-body { padding: 28px 28px 32px; flex: 0 0 auto; } } .lk-addr-field { margin-bottom: 16px; } .lk-addr-field-label { display: block; font-size: 13px; font-weight: 500; color: var(--as72-color-text-secondary); margin-bottom: 6px; } .lk-addr-input, .lk-addr-textarea { width: 100%; padding: 14px 16px; font-family: inherit; font-size: 16px; color: var(--as72-color-text); background: var(--as72-color-bg); border: 1px solid var(--as72-color-border); border-radius: 12px; outline: none; transition: border-color 150ms ease, box-shadow 150ms ease; box-sizing: border-box; } .lk-addr-input { height: 52px; padding: 0 16px; } .lk-addr-textarea { min-height: 80px; resize: vertical; line-height: 1.4; } .lk-addr-input::placeholder, .lk-addr-textarea::placeholder { color: var(--as72-color-text-tertiary); } .lk-addr-input:focus, .lk-addr-textarea:focus { border-color: var(--as72-color-border-strong); box-shadow: var(--as72-shadow-focus); } .lk-addr-default-toggle { display: flex; align-items: center; gap: 12px; padding: 12px 16px; background: var(--as72-color-bg-elevated); border-radius: 12px; cursor: pointer; user-select: none; } .lk-addr-default-toggle input { position: absolute; opacity: 0; pointer-events: none; } .lk-addr-default-check { width: 22px; height: 22px; border-radius: 6px; border: 2px solid var(--as72-color-border-strong); flex-shrink: 0; position: relative; transition: background 150ms ease, border-color 150ms ease; } .lk-addr-default-toggle input:checked + .lk-addr-default-check { background: var(--as72-color-link); border-color: var(--as72-color-link); } .lk-addr-default-toggle input:checked + .lk-addr-default-check::after { content: ''; position: absolute; left: 6px; top: 2px; width: 5px; height: 10px; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg); } .lk-addr-default-label { font-size: 14px; color: var(--as72-color-text); } .lk-addr-primary { width: 100%; height: 52px; background: var(--as72-color-accent); color: #fff; border: none; border-radius: 12px; font-family: inherit; font-size: 16px; font-weight: 600; cursor: pointer; margin-top: 24px; transition: background 150ms ease; } .lk-addr-primary:hover { background: var(--as72-color-accent-hover); } .lk-addr-primary[disabled] { background: var(--as72-color-disabled); cursor: not-allowed; } .lk-addr-overlay button:focus, .lk-addr-overlay input:focus, .lk-addr-overlay textarea:focus { outline: none; } .lk-addr-overlay button:focus-visible { box-shadow: 0 0 0 3px rgba(0,113,227,0.30); } /* --- Toast (отдельный namespace от .lk-toast чтобы не задвоить) --- */ .lk-pd-toast { position: fixed; left: 16px; right: 16px; bottom: 96px; max-width: 360px; margin: 0 auto; background: var(--as72-color-text); color: #fff; font-size: 14px; font-weight: 500; text-align: center; padding: 14px 16px; border-radius: 12px; z-index: 100001; opacity: 0; transform: translateY(12px); transition: opacity 250ms ease, transform 250ms ease; pointer-events: none; } .lk-pd-toast.is-show { opacity: 1; transform: translateY(0); } .lk-pd-toast.is-success { background: #1d7a33; } .lk-pd-toast.is-error { background: var(--as72-color-error); } @media (min-width: 1024px) { .lk-pd-toast { left: 50%; right: auto; bottom: 32px; transform: translateX(-50%) translateY(12px); } .lk-pd-toast.is-show { transform: translateX(-50%) translateY(0); } } /* Body scroll-lock (паттерн D-25.53) */ html:has(body.lk-no-scroll) { scrollbar-gutter: stable; } body.lk-no-scroll { position: fixed; width: 100%; overflow: hidden; } /* П3-r3: date input переведён на type=text + As72DateMask (см. date-mask.js). .lk-pd-input уже даёт все нужные стили; visual is-invalid для невалидной даты — общий. */ .lk-pd-input.is-invalid { border-color: var(--as72-color-error); } .lk-pd-input.is-invalid:focus { box-shadow: var(--as72-shadow-focus-error); } /* П11: скрытие mobile-footer-nav при открытой клавиатуре */ @media (max-width: 767px) { body.lk-keyboard-open .as72-mobile-footer-nav { display: none !important; } body.lk-keyboard-open { padding-bottom: 0 !important; } } /* ====================================================================== Z2.4 — Dashboard /personal/ (D2-B1 mobile + D2-B2 desktop) Рендерится для ВСЕХ viewport (без редиректа, без viewport-detection). Все цвета — токены --as72-color-*. Аватар/иконки нейтрально-серые (--as72-color-avatar-bg / --as72-color-icon). Фокус — --as72-color-link. Guest (нет ФИО): силуэт + красная badge-точка + prompt-ссылка вместо контакта. ====================================================================== */ .lk-dashboard { padding-top: 16px; padding-bottom: 48px; } .lk-dash-profile { display: flex; align-items: center; gap: 12px; padding: 16px; margin-bottom: 12px; background: var(--as72-color-bg-elevated); border-radius: 12px; text-decoration: none; color: inherit; transition: background 150ms ease; } .lk-dash-profile:hover, .lk-dash-profile:active { background: var(--as72-color-bg-hover); } .lk-dash-profile:focus { outline: none; } .lk-dash-profile:focus-visible { outline: 2px solid var(--as72-color-link); outline-offset: -2px; } .lk-dash-avatar { position: relative; width: 48px; height: 48px; flex-shrink: 0; border-radius: 50%; background: var(--as72-color-avatar-bg); color: #fff; font-size: 17px; font-weight: 600; display: flex; align-items: center; justify-content: center; letter-spacing: 0.02em; } .lk-dash-silhouette { width: 28px; height: 28px; } .lk-dash-badge { position: absolute; top: 0; right: 0; width: 12px; height: 12px; border-radius: 50%; background: var(--as72-color-error); border: 2px solid var(--as72-color-bg-elevated); } .lk-dash-profile:hover .lk-dash-badge, .lk-dash-profile:active .lk-dash-badge { border-color: var(--as72-color-bg-hover); } .lk-dash-profile-info { flex: 1; min-width: 0; } .lk-dash-profile-name { font-size: 16px; font-weight: 600; line-height: 1.3; color: var(--as72-color-text); } .lk-dash-profile-contact { font-size: 14px; color: var(--as72-color-text-secondary); margin-top: 2px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .lk-dash-profile-prompt { font-size: 14px; color: var(--as72-color-link); font-weight: 500; margin-top: 2px; } .lk-dash-chevron { color: var(--as72-color-text-tertiary); flex-shrink: 0; } .lk-dash-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; } .lk-dash-card { display: flex; flex-direction: column; gap: 4px; padding: 16px; background: var(--as72-color-bg-elevated); border-radius: 12px; text-decoration: none; color: inherit; transition: background 150ms ease; } .lk-dash-card:hover, .lk-dash-card:active { background: var(--as72-color-bg-hover); } .lk-dash-card:focus { outline: none; } .lk-dash-card:focus-visible { outline: 2px solid var(--as72-color-link); outline-offset: -2px; } .lk-dash-icon { color: var(--as72-color-icon); margin-bottom: 8px; } .lk-dash-card-title { font-size: 16px; font-weight: 600; color: var(--as72-color-text); } .lk-dash-card-sub { font-size: 13px; color: var(--as72-color-text-secondary); line-height: 1.35; } /* Desktop dashboard (D2-B2): контейнер 880px по центру, крупнее аватар/карточки/шрифты */ @media (min-width: 1024px) { .lk-dashboard { max-width: 880px; margin: 0 auto; padding-top: 24px; padding-bottom: 64px; display: flex; flex-direction: column; gap: 16px; } .lk-dash-profile { gap: 20px; padding: 24px 28px; margin-bottom: 0; border-radius: 16px; } .lk-dash-avatar { width: 64px; height: 64px; font-size: 22px; } .lk-dash-silhouette { width: 36px; height: 36px; } .lk-dash-badge { top: 2px; right: 2px; width: 14px; height: 14px; border-width: 2.5px; } .lk-dash-profile-name { font-size: 22px; line-height: 1.25; letter-spacing: -0.01em; } .lk-dash-profile-contact { font-size: 16px; margin-top: 4px; } .lk-dash-profile-prompt { font-size: 16px; margin-top: 4px; } .lk-dash-grid { gap: 16px; } .lk-dash-card { gap: 6px; padding: 28px; min-height: 140px; border-radius: 16px; } .lk-dash-icon { width: 28px; height: 28px; margin-bottom: 12px; } .lk-dash-card-title { font-size: 20px; letter-spacing: -0.01em; } .lk-dash-card-sub { font-size: 15px; line-height: 1.4; } } /* ====================================================================== Z2.6 — Mobile page-header для всех страниц ЛК (D2-B1/D3-C1/D4-E1). На mobile показывает back+title (крошки скрыты), на desktop — display:none (крошки видны как раньше). H1 visually-hidden (Z2.4) остаётся в DOM. ====================================================================== */ .lk-page-header { display: none; } @media (max-width: 1023px), (pointer: coarse) { .lk-page-header { display: flex; align-items: center; justify-content: space-between; height: 56px; background: var(--as72-color-bg); border-bottom: 1px solid var(--as72-color-border); margin-left: -15px; margin-right: -15px; margin-bottom: 8px; } .lk-page-header-back, .lk-page-header-spacer { width: 44px; height: 44px; flex-shrink: 0; } .lk-page-header-back { display: flex; align-items: center; justify-content: center; color: var(--as72-color-text); text-decoration: none; border-radius: 10px; -webkit-tap-highlight-color: transparent; } .lk-page-header-back:focus { outline: none; } .lk-page-header-back:focus-visible { outline: 2px solid var(--as72-color-link); outline-offset: -2px; } .lk-page-header-title { flex: 1; min-width: 0; text-align: center; font-size: 17px; font-weight: 500; color: var(--as72-color-text); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /* Крошки скрыты на mobile — page-header заменяет навигацию */ body:has(.lk-page) .container:has(.breadcrumb) { display: none; } } .lk-fav-guest-hint { margin: 0 0 12px; padding: 10px 14px; background: #f5f5f7; border-radius: 10px; font-size: 14px; line-height: 1.4; color: #1d1d1f; } .lk-fav-guest-hint__login { margin-left: 6px; color: var(--as72-color-link, #0071e3); font-weight: 600; text-decoration: none; white-space: nowrap; } .lk-fav-guest-hint__login:hover { text-decoration: underline; } /* === favorites: remove breadcrumbs all viewports (unified with cart) === */ body:has(#favRoot) .container:has(ul.breadcrumb){display:none;} /* === favorites empty state — unified with /personal/cart/ empty (values transferred from cart) === */ body:has(#favRoot) .lk-empty{ display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center; background:none;border-radius:0;padding:24px; } body:has(#favRoot) .lk-empty-icon{width:112px;height:112px;margin:0 0 28px;color:#c4c4cd;display:flex;align-items:center;justify-content:center;} body:has(#favRoot) .lk-empty-icon svg{width:100%;height:100%;stroke-width:1.25;} body:has(#favRoot) .lk-empty-title{font-size:23px;font-weight:700;letter-spacing:-0.02em;margin:0 0 12px;line-height:1.18;color:#1d1d1f;} body:has(#favRoot) .lk-empty-sub{font-size:16px;color:#6e6e73;line-height:1.5;margin:0 0 28px;max-width:300px;} body:has(#favRoot) .lk-empty .lk-btn-primary{min-height:54px;height:auto;padding:0 48px;border-radius:14px;font-size:16px;font-weight:600;letter-spacing:-0.01em;box-shadow:0 10px 24px rgba(255,7,92,0.28);} /* favorites empty — full-screen vertical+horizontal centering (server-rendered empty) */ .lk-page--fav-empty .lk-page-header{display:none;} .lk-page--fav-empty .lk-layout{display:block;} .lk-page--fav-empty .lk-content{ display:flex;align-items:center;justify-content:center;padding-bottom:0; min-height:calc(100vh - 198px); min-height:calc(100svh - 198px); } @media (min-width:1024px) and (hover:hover) and (pointer:fine){ body:has(#favRoot) .lk-empty-icon{width:128px;height:128px;} body:has(#favRoot) .lk-empty-title{font-size:27px;} body:has(#favRoot) .lk-empty-sub{font-size:16.5px;max-width:560px;} } @media (max-width:1023px),(pointer:coarse){ .lk-page--fav-empty .lk-content{min-height:calc(100vh - 224px);min-height:calc(100svh - 224px);} } /* favorites empty CTA — identical states to cart (.av2-cart-empty-cta) */ body:has(#favRoot) .lk-empty .lk-btn-primary{transition:transform .12s,filter .15s;} body:has(#favRoot) .lk-empty .lk-btn-primary:hover{background:var(--as72-color-accent);color:#fff;filter:brightness(1.04);} body:has(#favRoot) .lk-empty .lk-btn-primary:active{transform:scale(.98);filter:brightness(.96);} body:has(#favRoot) .lk-empty .lk-btn-primary:focus{outline:none;} body:has(#favRoot) .lk-empty .lk-btn-primary:focus-visible{outline:2px solid var(--as72-color-link);outline-offset:-2px;} @media (hover:hover) and (pointer:fine){ body:has(#favRoot) .lk-empty .lk-btn-primary{transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s,filter .15s;} body:has(#favRoot) .lk-empty .lk-btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(255,7,92,0.34);} body:has(#favRoot) .lk-empty .lk-btn-primary:active{transform:translateY(0);box-shadow:0 5px 14px rgba(255,7,92,0.28);} } /* === favorites NON-EMPTY: edges + bottom spacing aligned to cart === */ body:has(#favRoot) .lk-page{max-width:none;padding-left:0;padding-right:0;} @media (max-width:767px){ body:has(#favRoot) .container:has(.lk-page){max-width:none;padding-left:16px;padding-right:16px;} } @media (min-width:768px) and (max-width:1023px){ body:has(#favRoot) .container:has(.lk-page){max-width:none;padding-left:32px;padding-right:32px;} } body:has(#favRoot) .lk-fav-grid{margin-bottom:48px;} @media (min-width:1024px){ body:has(#favRoot) .lk-fav-grid{margin-bottom:64px;} } body:has(#favRoot) .lk-page-header{margin-left:0;margin-right:0;} /* === favorites head: H1 + (guest hint) + sort on one row (like cart head) === */ body:has(#favRoot) .lk-page-header{display:none;} body:has(#favRoot) .container:has(.page-title){display:none;} .lk-fav-head{display:grid;grid-template-columns:1fr auto;align-items:center;column-gap:14px;row-gap:12px;margin:24px 0 16px;} .lk-fav-title{grid-column:1;grid-row:1;font-size:28px;font-weight:700;letter-spacing:-0.02em;line-height:1;margin:0;color:#1d1d1f;} .lk-fav-head .lk-fav-sort-wrap{grid-column:2;grid-row:1;justify-self:end;} .lk-fav-head .lk-fav-guest-hint{grid-column:1/-1;grid-row:2;justify-self:start;margin:0;max-width:100%;} @media (min-width:768px) and (max-width:1023px){ .lk-fav-head{column-gap:0;} .lk-fav-title{grid-column:1/-1;grid-row:1;} .lk-fav-head .lk-fav-guest-hint{grid-column:1;grid-row:2;justify-self:center;height:40px;padding:0 14px;line-height:40px;white-space:nowrap;} .lk-fav-head .lk-fav-sort-wrap{grid-column:2;grid-row:2;justify-self:end;} } @media (min-width:1024px){ .lk-fav-head{grid-template-columns:1fr;} .lk-fav-title{grid-column:1;grid-row:1;} .lk-fav-head .lk-fav-guest-hint{grid-column:1;grid-row:2;justify-self:center;height:40px;padding:0 14px;line-height:40px;white-space:nowrap;} .lk-fav-head .lk-fav-sort-wrap{grid-column:1;grid-row:2;justify-self:end;} } @media (min-width:1024px) and (hover:hover) and (pointer:fine){ .lk-fav-title{font-size:34px;letter-spacing:-0.025em;} .lk-fav-head{margin:32px 0 24px;} } /* === LK pages (dashboard/personal-data/orders/settings) — trend-2026 edges + bottom (mirror favorites; favorites excluded) === */ @media (max-width: 767px){ body:not(:has(#favRoot)) .container:has(.lk-page){ max-width: none; padding-left: 16px; padding-right: 16px; } } @media (min-width: 768px) and (max-width: 1023px){ body:not(:has(#favRoot)) .container:has(.lk-page){ max-width: none; padding-left: 32px; padding-right: 32px; } } @media (max-width: 1023px){ body:not(:has(#favRoot)) .lk-page{ max-width: none; padding-left: 0; padding-right: 0; } } body:not(:has(#favRoot)) .lk-layout{ padding-bottom: 48px; } @media (min-width: 1024px){ body:not(:has(#favRoot)) .lk-layout{ padding-bottom: 64px; } } /* End */ /* Start:/local/templates/apple/components/bitrix/form/template1/bitrix/form.result.new/popupOneClick/style.css?1775842086623*/ table.form-table { width:100%; background-color:white; border-collapse:collapse; font-size:100%; font-weight:normal; line-height:160%; } table.form-table th, table.form-table td { border:1px solid #ADC3D5; padding: 5px 5px; vertical-align:top; } table.form-table th { background-image:url(/local/templates/apple/components/bitrix/form/template1/bitrix/form.result.new/popupOneClick/images/table_head.gif); background-repeat:repeat-x; text-align: left; color:#25639A; } table.form-table td { padding: 15px 5px; } .form-required { color: red; } .error-fld { display: block; float: left; height: 13px; width: 15px; background-repeat: no-repeat; background-image: url(/local/templates/apple/components/bitrix/form/template1/bitrix/form.result.new/popupOneClick/images/icon_warn.gif); } /* End */ /* Start:/local/templates/apple/styles.css?177584208883*/ .slider-item h2{font-size:2rem;color:#fff}.slider-item p{font-size:1rem;color:#fff} /* End */ /* Start:/local/templates/apple/template_styles.css?17760763675142*/ .alert{position:relative;padding:.75rem 1.25rem;margin-bottom:1rem;border:1px solid transparent;border-radius:.25rem}.alert--success{color:#155724;background-color:#d4edda;border-color:#c3e6cb}.alert--danger{color:#721c24;background-color:#f8d7da;border-color:#f5c6cb}.alert--warning{color:#856404;background-color:#fff3cd;border-color:#ffeeba}.alert--info{color:#0c5460;background-color:#d1ecf1;border-color:#bee5eb}.fade-enter-active,.fade-leave-active{transition:opacity .25s}.fade-enter,.fade-leave-to{opacity:0}.product-card__part:last-child:before{background:linear-gradient(to bottom,rgba(255,255,255,0),rgba(255,255,255,.8))} /* === HERO banner reset (TopPromoUnified Fix) === */ .topPromo, .topPromo-link { display:block; width:100%; } .topPromo picture, .topPromo img { display:block; width:100%; height:auto; } /* Hide all sizes by default to avoid duplicates; enable exactly one per breakpoint */ .topPromo .topPromo-link img { display:none !important; } /* Mobile (<=767px): show small image, no cropping */ @media (max-width: 767.98px) { .topPromo .topPromo-link img.pi480 { display:block !important; height:auto !important; object-fit:contain !important; object-position:center !important; } /* Ensure any old portals are hidden on mobile */ #TopPromoTabletPortal, #TabletHeroGlobal { display:none !important; } } /* Tablet (768–1199px): show tablet image and make banner taller */ @media (min-width: 768px) and (max-width: 1199.98px) { .topPromo { display:block !important; visibility:visible !important; opacity:1 !important; } .topPromo .topPromo-link img.pi1200, .topPromo .topPromo-link img.pi1024 { display:block !important; height:42vw !important; /* Adjust to 40–46vw if needed */ object-fit:cover !important; object-position:center !important; } /* Hide any old portals on tablets */ #TopPromoTabletPortal, #TabletHeroGlobal { display:none !important; } } /* Desktop (>=1200px): show large image */ @media (min-width: 1200px) { .topPromo .topPromo-link img.pi1920 { display:block !important; } #TopPromoTabletPortal, #TabletHeroGlobal { display:none !important; } } /* === END HERO banner reset === */ /* === ТОЧЕЧНЫЕ ИСПРАВЛЕНИЯ НАЙДЕННЫХ ПРОБЛЕМ === */ /* Базовая защита от скролла */ body { overflow-x: hidden; } /* Исправления только для мобильных экранов */ @media (max-width: 767px) { /* 1. Исправляем .topPromo-link (484px → 100%) */ .topPromo-link { max-width: 100%; width: 100%; overflow: hidden; } /* 2. Исправляем .row (460px → убираем отрицательные margin) */ .row { margin-left: 0; margin-right: 0; } /* 3. Исправляем .wrapperFaq (460px → убираем лишние padding) */ .wrapperFaq { padding-left: 15px; padding-right: 15px; max-width: 100%; box-sizing: border-box; } } /* === Socials: серые по умолчанию, подсветка при наведении; размер НЕ трогаем === */ .konsultBlock{ display:flex; align-items:center; gap:10px; } body .konsultBlock a img{ display:block; filter: grayscale(1) opacity(.65); transition: filter .2s ease, transform .2s ease; } body .konsultBlock a:hover img{ filter: none; transform: translateY(-1px); } body .konsultBlock a:focus-visible img{ filter: none; outline: 2px solid #e5e7eb; outline-offset: 3px; } /* Чуть уменьшаем значки в шапке (konsultBlock) */ header .konsultBlock a img{ width: 24px; height: 24px; /* если нужно ещё поменьше — поставь 18px */ } /* === КОНЕЦ ТОЧЕЧНЫХ ИСПРАВЛЕНИЙ === */ .konsultBlock .messenger-placeholder{ display:inline-flex; align-items:center; justify-content:center; gap:.5rem; color:inherit; text-decoration:none; cursor:default; user-select:none; } .konsultBlock .max-badge{ display:inline-flex; align-items:center; justify-content:center; width:40px; height:40px; border-radius:12px; background:#111827; color:#fff; font-size:11px; font-weight:700; letter-spacing:.08em; line-height:1; } .header .konsultBlock .max-badge{ width:24px; height:24px; border-radius:8px; font-size:7px; } .askQuestion .buttons .messenger-placeholder{ gap:.5rem; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; width:calc(50% - 0.5rem); height:45px; border-radius:5px; cursor:default; color:#666; border:1px solid #ececec; background-color:#f7f7f7; font-size:13px; font-weight:500; line-height:1; } .askQuestion .buttons .messenger-placeholder .max-badge{ width:24px; height:24px; border-radius:8px; font-size:7px; } .header .konsultBlock .max-placeholder img{ width:auto; height:24px; } .askQuestion .buttons .max-placeholder img{ width:auto; height:26px; } .askQuestion .buttons .konsultBlock a span{ color:#000; } /* End */ /* /local/templates/apple/css/libs.css?177632686570871 */ /* /local/templates/apple/css/slinky.min.css?1775842086698 */ /* /local/templates/apple/css/common.css?178212984986684 */ /* /local/templates/apple/css/share-buttons.css?17775627692216 */ /* /local/templates/apple/css/main.css?177584208617999 */ /* /local/templates/apple/css/faq.css?17760756341884 */ /* /local/templates/apple/css/jquery.fancybox.min.css?177584208614065 */ /* /local/templates/apple/css/installment.css?17763268664179 */ /* /local/templates/apple/css/price.css?17758420861152 */ /* /local/templates/apple/css/content-end-divider.css?177816265692 */ /* /local/templates/apple/css/text-spacing.css?1778499394241 */ /* /local/templates/apple/css/tokens.css?1779270253980 */ /* /local/templates/apple/css/phone-mask.css?1778949506459 */ /* /local/templates/apple/css/auth-modal.css?178143763212735 */ /* /local/templates/apple/css/lk.css?179194956871041 */ /* /local/templates/apple/components/bitrix/form/template1/bitrix/form.result.new/popupOneClick/style.css?1775842086623 */ /* /local/templates/apple/styles.css?177584208883 */ /* /local/templates/apple/template_styles.css?17760763675142 */