@font-face {
font-family: 'Qanales';
src: url(//optika-monokol.ru/wp-content/plugins/optika-loyalty/assets/fonts/Qanales-reg.woff2) format('woff2'),
url(//optika-monokol.ru/wp-content/plugins/optika-loyalty/assets/fonts/Qanales-reg.woff)  format('woff');
font-display: swap;
} .ol-card-wrap {
--br:     rgb(214,130,72);
--br-d:   rgb(175,100,45);
--br-l:   rgb(245,195,150);
--br-p:   rgb(254,246,239);
--br-pp:  rgb(251,234,216);
--grad:   linear-gradient(135deg, rgb(214,130,72) 0%, rgb(195,108,50) 100%);
--text:   #1e1208;
--text-2: #7a5c44;
--border: rgba(214,130,72,.16);
--shadow: 0 6px 32px rgba(214,130,72,.13);
--r:      18px;
--r-s:    12px;
--font:   'Qanales', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}
.ol-card-wrap *,
.ol-card-wrap *::before,
.ol-card-wrap *::after {
box-sizing: border-box;
font-family: var(--font) !important;
}
.ol-card-wrap {
max-width: 460px;
margin: 0 auto;
padding-bottom: 48px;
} .ol-profile-header {
display: flex;
align-items: center;
gap: 14px;
background: #fff;
border: 1px solid var(--border);
border-radius: var(--r);
padding: 18px 20px;
margin-bottom: 14px;
box-shadow: var(--shadow);
}
.ol-profile-avatar {
width: 52px;
height: 52px;
background: var(--grad);
color: #fff;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 22px;
flex-shrink: 0;
box-shadow: 0 4px 14px rgba(214,130,72,.32);
}
.ol-profile-name  { font-size: 17px; color: var(--text); }
.ol-profile-email { font-size: 12px; color: var(--text-2); margin-top: 2px; }
.ol-profile-tier-badge {
margin-left: auto;
padding: 6px 14px;
border-radius: 99px;
font-size: 13px;
white-space: nowrap;
}
.ol-tier-standard { background: #f5f5f5;  color: #555; border: 1px solid #e0e0e0; }
.ol-tier-silver   { background: #eceff1;  color: #455a64; border: 1px solid #b0bec5; }
.ol-tier-gold     { background: #fff8e1;  color: #f57f17; border: 1px solid #ffe082; } .ol-balance-hero {
display: flex;
align-items: center;
gap: 0;
background: #fff;
border: 1px solid var(--border);
border-radius: var(--r);
padding: 22px 24px;
margin-bottom: 14px;
box-shadow: var(--shadow);
position: relative;
overflow: hidden;
}
.ol-balance-hero::before {
content: '';
position: absolute;
top: 0; left: 0; right: 0;
height: 3px;
background: var(--grad);
}
.ol-bh-left  { flex: 1; }
.ol-bh-right { display: flex; align-items: center; gap: 0; }
.ol-bh-num {
font-size: 48px;
color: var(--br);
line-height: 1;
transition: all .4s cubic-bezier(.34,1.56,.64,1);
}
.ol-bh-label {
font-size: 13px;
color: var(--text-2);
text-transform: uppercase;
letter-spacing: .5px;
margin-top: 4px;
}
.ol-bh-rate {
font-size: 12px;
color: var(--br-l);
margin-top: 6px;
}
.ol-bh-stat    { text-align: center; padding: 0 18px; }
.ol-bhs-val    { font-size: 20px; color: var(--text); }
.ol-bhs-lbl    { font-size: 11px; color: var(--text-2); text-transform: uppercase; letter-spacing: .4px; margin-top: 3px; }
.ol-bh-divider { width: 1px; height: 36px; background: var(--border); } .ol-physical-card {
border-radius: 22px;
padding: 24px;
color: #fff;
margin-bottom: 14px;
position: relative;
overflow: hidden;
box-shadow: 0 12px 40px rgba(214,130,72,.28), 0 2px 0 rgba(175,100,45,.35);
min-height: 180px;
} .ol-tier-bg-standard { background: linear-gradient(135deg, rgb(214,130,72) 0%, rgb(185,98,40) 100%); }
.ol-tier-bg-silver   { background: linear-gradient(135deg, #78909c 0%, #455a64 100%); }
.ol-tier-bg-gold     { background: linear-gradient(135deg, #ffb300 0%, #e65100 100%); } .ol-pc-deco-1,
.ol-pc-deco-2 {
position: absolute;
border-radius: 50%;
background: rgba(255,255,255,.08);
pointer-events: none;
}
.ol-pc-deco-1 { width: 200px; height: 200px; top: -80px; right: -50px; }
.ol-pc-deco-2 { width: 140px; height: 140px; bottom: -55px; left: -30px; }
.ol-pc-header {
display: flex;
justify-content: space-between;
align-items: center;
position: relative;
z-index: 1;
margin-bottom: 18px;
}
.ol-pc-logo { font-size: 16px; letter-spacing: .4px; text-shadow: 0 1px 4px rgba(0,0,0,.2); }
.ol-pc-tier-pill {
background: rgba(255,255,255,.22);
border: 1px solid rgba(255,255,255,.35);
border-radius: 99px;
padding: 4px 13px;
font-size: 12px;
letter-spacing: .3px;
backdrop-filter: blur(4px);
}
.ol-pc-body {
display: flex;
align-items: flex-end;
gap: 18px;
position: relative;
z-index: 1;
}
.ol-pc-qr-wrap {
background: #fff;
border-radius: 12px;
padding: 9px;
box-shadow: 0 4px 14px rgba(0,0,0,.18);
flex-shrink: 0;
}
.ol-pc-qr {
display: block;
border-radius: 4px;
width: 90px;
height: 90px;
}
.ol-pc-card-num {
font-family: 'Courier New', monospace !important;
font-size: 14px;
letter-spacing: 2px;
opacity: .88;
margin-bottom: 6px;
}
.ol-pc-holder { font-size: 15px; opacity: .9; margin-bottom: 6px; }
.ol-pc-hint {
font-size: 12px;
opacity: .65;
display: flex;
align-items: center;
gap: 4px;
} .ol-tier-progress {
background: #fff;
border: 1px solid var(--border);
border-radius: var(--r);
padding: 18px 20px;
margin-bottom: 14px;
box-shadow: 0 2px 12px rgba(214,130,72,.06);
}
.ol-tp-header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 10px;
font-size: 14px;
color: var(--text);
}
.ol-tp-remain { font-size: 13px; color: var(--text-2); }
.ol-tp-bar {
height: 8px;
background: var(--br-pp);
border-radius: 8px;
overflow: hidden;
margin-bottom: 8px;
}
.ol-tp-fill {
height: 100%;
background: var(--grad);
border-radius: 8px;
position: relative;
transition: width 1s cubic-bezier(.34,1.56,.64,1);
}
.ol-tp-glow {
position: absolute;
right: -2px; top: -2px; bottom: -2px;
width: 10px;
background: rgba(255,255,255,.6);
border-radius: 50%;
filter: blur(3px);
}
.ol-tp-labels {
display: flex;
justify-content: space-between;
font-size: 11px;
color: var(--text-2);
text-transform: uppercase;
letter-spacing: .4px;
}
.ol-tier-max {
background: linear-gradient(135deg, #fff8e1, #fff3e0);
border: 1px solid rgba(255,179,0,.3);
border-radius: var(--r);
padding: 16px 20px;
margin-bottom: 14px;
font-size: 15px;
color: #e65100;
text-align: center;
} .ol-wallet-section {
background: #fff;
border: 1px solid var(--border);
border-radius: var(--r);
padding: 18px 20px;
margin-bottom: 14px;
box-shadow: 0 2px 12px rgba(214,130,72,.06);
}
.ol-ws-title {
font-size: 13px;
color: var(--text-2);
text-transform: uppercase;
letter-spacing: .5px;
margin-bottom: 12px;
}
.ol-ws-btns { display: flex; gap: 10px; }
.ol-wallet-pill {
flex: 1;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
padding: 12px 16px;
border-radius: var(--r-s);
border: none;
font-size: 14px;
cursor: pointer;
text-decoration: none;
transition: transform .2s, box-shadow .2s;
}
.ol-wallet-pill:hover { transform: translateY(-2px); }
.ol-wallet-apple {
background: #111;
color: #fff;
box-shadow: 0 4px 12px rgba(0,0,0,.22);
}
.ol-wallet-google {
background: #fff;
color: #3c4043;
border: 1.5px solid #e0e0e0 !important;
box-shadow: 0 2px 8px rgba(0,0,0,.1);
}
.ol-wallet-google:hover { box-shadow: 0 6px 16px rgba(0,0,0,.14); } .ol-history-section {
background: #fff;
border: 1px solid var(--border);
border-radius: var(--r);
overflow: hidden;
box-shadow: 0 2px 12px rgba(214,130,72,.06);
}
.ol-hs-header {
display: flex;
justify-content: space-between;
align-items: center;
padding: 16px 20px;
border-bottom: 1px solid var(--border);
}
.ol-hs-title {
font-size: 14px;
color: var(--text);
text-transform: uppercase;
letter-spacing: .5px;
}
.ol-hs-count {
font-size: 12px;
color: var(--text-2);
background: var(--br-p);
padding: 3px 10px;
border-radius: 99px;
}
.ol-tx-list { padding: 6px 0; }
.ol-tx-item {
display: flex;
align-items: center;
gap: 14px;
padding: 13px 20px;
border-bottom: 1px solid rgba(214,130,72,.07);
transition: background .15s;
}
.ol-tx-item:last-child { border-bottom: none; }
.ol-tx-item:hover { background: var(--br-p); }
.ol-tx-icon-wrap {
width: 36px;
height: 36px;
border-radius: 10px;
display: flex;
align-items: center;
justify-content: center;
font-size: 16px;
flex-shrink: 0;
}
.ol-tx-earn  .ol-tx-icon-wrap { background: #e8f5e9; }
.ol-tx-spend .ol-tx-icon-wrap { background: #fff3e0; }
.ol-tx-adjust .ol-tx-icon-wrap { background: var(--br-p); }
.ol-tx-info  { flex: 1; min-width: 0; }
.ol-tx-label { font-size: 14px; color: var(--text); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ol-tx-date  { font-size: 12px; color: var(--text-2); margin-top: 2px; }
.ol-tx-pts {
font-size: 16px;
font-weight: 600;
flex-shrink: 0;
}
.ol-tx-pts-earn   { color: #2e7d32; }
.ol-tx-pts-spend  { color: #c62828; }
.ol-tx-pts-adjust { color: var(--br); } .ol-guest-cta {
background: #fff;
border: 1px solid var(--border);
border-radius: var(--r);
padding: 48px 32px;
text-align: center;
box-shadow: var(--shadow);
}
.ol-guest-icon  { font-size: 52px; margin-bottom: 16px; display: block; }
.ol-guest-title { font-size: 22px; color: var(--text); margin: 0 0 10px; font-weight: normal; }
.ol-guest-sub   { font-size: 15px; color: var(--text-2); margin-bottom: 24px; line-height: 1.6; }
.ol-guest-btns  { display: flex; gap: 10px; justify-content: center; flex-wrap: wrap; }
.ol-reg-btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
padding: 14px 24px;
border-radius: var(--r-s);
border: none;
font-size: 15px;
cursor: pointer;
text-decoration: none;
transition: all .2s;
}
.ol-reg-btn-submit {
background: var(--grad);
color: #fff;
box-shadow: 0 4px 16px rgba(214,130,72,.32);
}
.ol-reg-btn-submit:hover { transform: translateY(-2px); box-shadow: 0 6px 22px rgba(214,130,72,.42); }
.ol-reg-btn-back {
background: var(--br-p);
color: var(--br-d);
border: 1.5px solid var(--border);
}
.ol-reg-btn-back:hover { background: var(--br-pp); } .ol-toast {
position: fixed;
bottom: 28px;
left: 50%;
transform: translateX(-50%) translateY(100px);
background: var(--text);
color: #fff;
padding: 14px 24px;
border-radius: 14px;
font-size: 15px;
box-shadow: 0 8px 24px rgba(0,0,0,.22);
z-index: 9999;
transition: transform .35s cubic-bezier(.34,1.56,.64,1);
white-space: nowrap;
pointer-events: none;
}
.ol-toast.ol-toast-show { transform: translateX(-50%) translateY(0); }
.ol-toast.ol-toast-success { background: #2e7d32; }
.ol-toast.ol-toast-error   { background: #c62828; } @media (max-width: 480px) {
.ol-bh-stat  { padding: 0 12px; }
.ol-ws-btns  { flex-direction: column; }
.ol-pc-qr    { width: 76px; height: 76px; }
.ol-guest-btns { flex-direction: column; align-items: stretch; }
.ol-balance-hero { padding: 18px; } .ol-profile-name   { font-size: 20px; }
.ol-profile-email  { font-size: 14px; }
.ol-bh-num         { font-size: 44px; }
.ol-bh-label       { font-size: 15px; }
.ol-bh-rate        { font-size: 14px; }
.ol-bhs-val        { font-size: 20px; }
.ol-bhs-lbl        { font-size: 13px; }
.ol-pc-logo        { font-size: 18px; }
.ol-pc-card-num    { font-size: 16px; }
.ol-pc-holder      { font-size: 17px; }
.ol-pc-hint        { font-size: 14px; }
.ol-tp-header      { font-size: 16px; }
.ol-tp-remain      { font-size: 15px; }
.ol-tp-labels      { font-size: 13px; }
.ol-tier-max       { font-size: 17px; }
.ol-ws-title       { font-size: 15px; }
.ol-wallet-pill    { font-size: 16px; }
.ol-hs-title       { font-size: 16px; }
.ol-hs-count       { font-size: 14px; }
.ol-tx-label       { font-size: 16px; }
.ol-tx-date        { font-size: 14px; }
.ol-tx-pts         { font-size: 18px; }
.ol-guest-title    { font-size: 25px; }
.ol-guest-sub      { font-size: 17px; }
.ol-reg-btn        { font-size: 17px; }
.ol-toast          { font-size: 17px; }
.ol-tg-unlink-btn  { font-size: 14px; }
} .ol-wallet-tg {
background: linear-gradient(135deg, #2196F3, #1565C0);
color: #fff;
justify-content: center;
box-shadow: 0 4px 14px rgba(33,150,243,.3);
}
.ol-wallet-tg:hover { box-shadow: 0 6px 18px rgba(33,150,243,.42); }
.ol-tg-linked {
display: flex;
align-items: center;
gap: 12px;
background: #e3f2fd;
border: 1px solid rgba(33,150,243,.25);
border-radius: 12px;
padding: 12px 16px;
}
.ol-tg-icon { font-size: 24px; flex-shrink: 0; }
.ol-tg-unlink-btn {
margin-left: auto;
background: none;
border: 1px solid rgba(33,150,243,.3);
border-radius: 8px;
color: #1565C0;
font-size: 12px;
padding: 5px 10px;
cursor: pointer;
transition: background .15s;
font-family: var(--font) !important;
}
.ol-tg-unlink-btn:hover { background: rgba(33,150,243,.1); }
.ol-tg-code-display {
background: var(--br-p);
border: 2px dashed var(--border);
border-radius: 14px;
padding: 18px;
text-align: center;
}@keyframes rotate-forever{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes spinner-loader{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.pum-container,.pum-content,.pum-content+.pum-close,.pum-content+.pum-close:active,.pum-content+.pum-close:focus,.pum-content+.pum-close:hover,.pum-overlay,.pum-title{background:0 0;border:none;bottom:auto;clear:none;cursor:default;float:none;font-family:inherit;font-size:medium;font-style:normal;font-weight:400;height:auto;left:auto;letter-spacing:normal;line-height:normal;max-height:none;max-width:none;min-height:0;min-width:0;overflow:visible;position:static;right:auto;text-align:left;text-decoration:none;text-indent:0;text-transform:none;top:auto;visibility:visible;white-space:normal;width:auto;z-index:auto}.pum-container .pum-content+.pum-close>span,.pum-content,.pum-title{position:relative;z-index:1}.pum-overlay,html.pum-open.pum-open-overlay-disabled.pum-open-fixed .pum-container,html.pum-open.pum-open-overlay.pum-open-fixed .pum-container{position:fixed}.pum-overlay{height:100%;width:100%;top:0;left:0;right:0;bottom:0;z-index:1999999999;overflow:initial;display:none;transition:.15s ease-in-out}.pum-overlay.pum-form-submission-detected,.pum-overlay.pum-preview{display:block}.pum-overlay,.pum-overlay *,.pum-overlay :after,.pum-overlay :before,.pum-overlay:after,.pum-overlay:before{box-sizing:border-box}.pum-container{top:100px;position:absolute;margin-bottom:3em;z-index:1999999999}.pum-container.pum-responsive{left:50%;margin-left:-47.5%;width:95%;height:auto;overflow:visible}.pum-container.pum-responsive img{max-width:100%;height:auto}@media only screen and (min-width:1024px){.pum-container.pum-responsive.pum-responsive-nano{margin-left:-5%;width:10%}.pum-container.pum-responsive.pum-responsive-micro{margin-left:-10%;width:20%}.pum-container.pum-responsive.pum-responsive-tiny{margin-left:-15%;width:30%}.pum-container.pum-responsive.pum-responsive-small{margin-left:-20%;width:40%}.pum-container.pum-responsive.pum-responsive-medium{margin-left:-30%;width:60%}.pum-container.pum-responsive.pum-responsive-normal{margin-left:-30%;width:70%}.pum-container.pum-responsive.pum-responsive-large{margin-left:-35%;width:80%}.pum-container.pum-responsive.pum-responsive-xlarge{margin-left:-47.5%;width:95%}.pum-container.pum-responsive.pum-position-fixed{position:fixed}}@media only screen and (max-width:1024px){.pum-container.pum-responsive.pum-position-fixed{position:absolute}}.pum-container.custom-position{left:auto;top:auto;margin-left:inherit}.pum-container .pum-title{margin-bottom:.5em}.pum-container .pum-content>:last-child,.pum-form__message:last-child{margin-bottom:0}.pum-container .pum-content:focus{outline:0}.pum-container .pum-content>:first-child{margin-top:0}.pum-container .pum-content+.pum-close{text-decoration:none;text-align:center;line-height:1;position:absolute;cursor:pointer;min-width:1em;z-index:2;background-color:transparent}.pum-container.pum-scrollable .pum-content{overflow:auto;overflow-y:scroll;max-height:95%}.pum-overlay.pum-overlay-disabled{visibility:hidden}.pum-overlay.pum-overlay-disabled::-webkit-scrollbar{display:block}.pum-overlay.pum-overlay-disabled .pum-container{visibility:visible}.popmake-close,.pum-overlay.pum-click-to-close{cursor:pointer}html.pum-open.pum-open-overlay,html.pum-open.pum-open-overlay.pum-open-fixed .pum-overlay{overflow:hidden}html.pum-open.pum-open-overlay.pum-open-scrollable body>:not([aria-modal=true]){padding-right:15px}html.pum-open.pum-open-overlay.pum-open-scrollable .pum-overlay.pum-active{overflow-y:scroll;-webkit-overflow-scrolling:touch}html.pum-open.pum-open-overlay-disabled.pum-open-scrollable .pum-overlay.pum-active{position:static;height:auto;width:auto}.pum-form{margin:0 auto 16px}.pum-form__field{margin-bottom:1em}.pum-form__field label{font-weight:700}.pum-form__field input[type=date],.pum-form__field select{margin:0 auto;font-size:18px;line-height:26px;text-align:center;padding:3px;vertical-align:middle}.pum-form__field select{padding:5px 3px}.pum-form__loader{font-size:2em;animation-duration:.75s;animation-iteration-count:infinite;animation-name:rotate-forever;animation-timing-function:linear;height:.75em;width:.75em;border:.25em solid rgba(0,0,0,.5);border-right-color:transparent;border-radius:50%;display:inline-block}.pum-form__submit{position:relative}.pum-form__submit .pum-form__loader{margin-left:.5em;border:.25em solid rgba(255,255,255,.5);border-right-color:transparent}.pum-form__messages{display:none;border:1px solid rgba(0,0,0,.25);margin-bottom:.5em;padding:1em;position:relative}.pum-form__message{margin-bottom:.5em}.pum-form__message--error{color:red!important;border-color:red}.pum-form__message--success{color:green!important;border-color:green}.pum-form--loading,.pum-sub-form .pum-sub-form-loading{opacity:.5}.pum-alignment-left,.pum-form--alignment-left{text-align:left}.pum-alignment-center{text-align:center}.pum-alignment-right{text-align:right}.pum-form--alignment-center{text-align:center}.pum-form--alignment-right{text-align:right}.pum-form--layout-standard .pum-form__field>label{margin-bottom:.25em;display:block}.pum-form--layout-inline .pum-form__field{display:inline-block}.pum-form--layout-block .pum-form__field,.pum-form--layout-block button,.pum-form--layout-block div,.pum-form--layout-block input{display:block;width:100%}.pum-form--style-default label{font-size:14px;font-weight:700}.pum-form--style-default input[type=email],.pum-form--style-default input[type=text]{background-color:#f8f7f7;margin-bottom:5px;font-size:14px;padding:10px 8px}.pum-form--style-default button{font-size:18px;margin:10px 0 0;padding:10px 5px;cursor:pointer}.pum-sub-form p.pum-newsletter-error-msg{margin:0}.pum-sub-form .spinner-loader{right:50%;position:absolute;bottom:40%}.pum-sub-form .spinner-loader:not(:required){animation:1.5s linear infinite spinner-loader;border-radius:.5em;box-shadow:rgba(0,0,51,.3) 1.5em 0 0 0,rgba(0,0,51,.3) 1.1em 1.1em 0 0,rgba(0,0,51,.3) 0 1.5em 0 0,rgba(0,0,51,.3) -1.1em 1.1em 0 0,rgba(0,0,51,.3) -1.5em 0 0 0,rgba(0,0,51,.3) -1.1em -1.1em 0 0,rgba(0,0,51,.3) 0 -1.5em 0 0,rgba(0,0,51,.3) 1.1em -1.1em 0 0;display:inline-block;font-size:10px;width:1em;height:1em;margin:1.5em;overflow:hidden;text-indent:100%}.pum-form__field--consent{text-align:left}.pum-form__field--consent.pum-form__field--checkbox label,.pum-form__field--consent.pum-form__field--radio .pum-form__consent-radios.pum-form__consent-radios--inline label{display:inline-block;vertical-align:middle}.pum-form__field--consent.pum-form__field--checkbox label input{display:inline-block;width:inherit;margin:0;vertical-align:middle}.pum-form__field--consent.pum-form__field--radio .pum-form__consent-radios.pum-form__consent-radios--inline label input{display:inline-block;width:inherit;margin:0;vertical-align:middle}.pum-form__field--consent.pum-form__field--radio .pum-form__consent-radios.pum-form__consent-radios--inline label+label{margin-left:1em}.pum-form__field--consent.pum-form__field--radio .pum-form__consent-radios.pum-form__consent-radios--stacked label{display:block;vertical-align:middle}.pum-form__field--consent.pum-form__field--radio .pum-form__consent-radios.pum-form__consent-radios--stacked label input{display:inline-block;width:inherit;margin:0;vertical-align:middle}.pum-container iframe.formidable{width:100%;overflow:visible}.pika-single,body div#ui-datepicker-div[style]{z-index:9999999999!important}