:root{--milk:#f5f1e9;--cream:#eee6da;--white:#fffcf8;--ink:#342c28;--muted:#80726b;--brown:#76594d;--edge:#ded4c8;--ease:cubic-bezier(.22,1,.36,1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--milk);color:var(--ink);font:16px/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}input,textarea{min-width:0}a,button{-webkit-tap-highlight-color:transparent}h1,h2,h3,p{margin-top:0}h1,h2,.wordmark,.serif{font-family:Georgia,"Times New Roman",serif;font-weight:400}h1{letter-spacing:-.055em}h2{letter-spacing:-.035em}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #bd9382;outline-offset:3px}.beta{background:#4b3932;color:#fff9f3;text-align:center;font-size:11px;letter-spacing:.08em;padding:9px 14px}.top{height:79px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 max(5vw,20px);border-bottom:1px solid var(--edge);background:#f9f6f0}.top nav{display:flex;gap:24px;font-size:13px}.top a{text-decoration:none}.top a:hover{text-decoration:underline;text-underline-offset:6px}.wordmark{font-size:31px;letter-spacing:-.08em;white-space:nowrap}.wordmark span{color:#ba8c7c}.eyebrow{font-size:11px;letter-spacing:.18em;font-weight:650;color:#846c5e}.headline{font-size:clamp(46px,5.5vw,84px);line-height:1.03;margin-bottom:35px}.muted{color:var(--muted)}.very-small{font-size:12px}.footer{text-align:center;border-top:1px solid var(--edge);padding:26px 18px;color:var(--muted);font-size:12px}.auth-layout{min-height:min(780px,calc(100vh - 120px));display:grid;grid-template-columns:1fr 1fr}.silk-panel{min-height:650px;background:linear-gradient(140deg,#e8dacc,#c9aea0 52%,#8a6e60);position:relative;overflow:hidden;isolation:isolate}.silk-panel::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 12% 12%,#fff5e888,transparent 68%);pointer-events:none}.silk-ribbon{position:absolute;width:125%;height:57%;left:-10%;border-radius:48% 16% 57% 28%;filter:drop-shadow(30px 14px 20px #60483c44);transform:rotate(-32deg) skewY(-13deg);background:linear-gradient(100deg,#be9886 4%,#f6e9da 25%,#a7897b 40%,#f8eee2 57%,#c5a99c 75%,#815f54);animation:float-silk 9s ease-in-out infinite alternate;opacity:.9}.silk-a{top:-10%}.silk-b{top:25%;left:4%;opacity:.74;animation-duration:12s;animation-delay:-4s;transform:rotate(-29deg) skewY(12deg)}.silk-c{top:69%;left:-29%;opacity:.7;animation-duration:14s;animation-delay:-8s}@keyframes float-silk{from{translate:-2% -2%;scale:1}to{translate:3% 2%;scale:1.06}}.silk-title{position:absolute;z-index:1;bottom:7%;left:8%;color:#fff8f2;text-shadow:0 2px 15px #3f2e2955}.silk-title h2{font-size:clamp(48px,5vw,84px);line-height:.96}.silk-title span{font-size:14px;letter-spacing:.15em;text-transform:uppercase}.auth-content{display:flex;flex-direction:column;justify-content:center;padding:clamp(30px,6vw,100px);max-width:750px;width:100%;margin:auto}.auth-content h1{font-size:clamp(42px,4vw,64px);line-height:1.06;margin-bottom:14px}.mode-switch{display:grid;grid-template-columns:1fr 1fr;padding:5px;gap:6px;background:#e8ded4;border-radius:17px;margin:26px 0}.mode-switch button{border:0;background:transparent;padding:14px 10px;border-radius:13px;color:#6c5f58;transition:background .3s,box-shadow .3s}.mode-switch button.active{background:var(--white);color:var(--ink);box-shadow:0 4px 14px #57423814}.form-grid{display:grid;gap:15px}.field-label{font-size:13px;font-weight:620;display:block;margin-bottom:7px}.field{width:100%;height:51px;border:1px solid #d8cbbf;border-radius:13px;background:#fffcf9;padding:0 15px;color:var(--ink);font-size:15px;outline:none;transition:border .25s,box-shadow .25s}.field:focus{border-color:#99766a;box-shadow:0 0 0 3px #a07d7030}.field-area{height:110px;resize:vertical;padding:12px 15px}.btn{background:#75594e;border:1px solid #75594e;color:#fffaf5;min-height:50px;padding:12px 22px;border-radius:16px;font-weight:580;display:inline-flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;transition:transform .32s var(--ease),background .3s,box-shadow .3s}.btn:hover{background:#5c4036;box-shadow:0 8px 20px #624b3d1c}.btn:active{transform:scale(.965)}.btn.light{background:var(--white);border-color:var(--edge);color:var(--ink)}.btn.light:hover{background:var(--cream)}.btn-block{width:100%}.link-btn{background:transparent;border:0;padding:5px 0;color:var(--brown);text-decoration:underline;text-underline-offset:4px}.help-line{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin:8px 0 22px}.hint{font-size:13px;color:var(--muted)}.error{color:#994b43;font-size:13px;margin-top:10px;min-height:18px}.ok{color:#356f55}.pill{border-radius:999px;border:1px solid var(--edge);padding:7px 12px;font-size:12px}.sheet{background:var(--white);border:1px solid var(--edge);padding:clamp(20px,3vw,42px);border-radius:24px;box-shadow:0 8px 26px #54402e09}.checkout-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.85fr);align-items:start;gap:24px;max-width:1450px;padding:50px 30px 90px;margin:auto}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-bottom:25px}.steps button{border:1px solid var(--edge);background:#eee7df;color:#7a6961;min-height:54px;padding:10px 6px;border-radius:12px;font-size:12px;transition:background .3s,transform .3s}.steps button.active{background:var(--brown);color:#fffaf5;border-color:var(--brown)}.steps button:disabled{opacity:.55}.steps button:active{transform:scale(.97)}.checkout-left h2{font-size:clamp(28px,3vw,43px);margin-bottom:18px}.checkout-left h3{font-size:22px}.checkout-buttons{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:28px}.checkout-buttons .btn:last-child{margin-left:auto}.product-row{display:grid;grid-template-columns:76px 1fr auto;align-items:center;gap:14px;border-bottom:1px solid var(--edge);padding:15px 0}.thumb{width:76px;height:83px;background:#eee3d6;border-radius:10px;object-fit:cover}.product-row strong{display:block;font-weight:600;font-size:15px}.product-row small{display:block;color:var(--muted)}.qty-control{display:inline-flex;gap:14px;align-items:center;margin-top:8px}.qty-control button{border:1px solid var(--edge);width:32px;height:32px;border-radius:9px;background:#faf4ee}.summary{position:sticky;top:25px}.summary h2{font-size:31px}.summary-row{display:flex;justify-content:space-between;gap:15px;padding:11px 0;border-bottom:1px solid var(--edge)}.summary-total{font-size:26px;font-family:Georgia,serif}.promo-row{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:18px}.option-group{display:grid;gap:12px;margin:18px 0}.choice{width:100%;text-align:left;display:flex;justify-content:space-between;align-items:center;gap:12px;border:1px solid var(--edge);background:#fffcf8;border-radius:16px;padding:19px;transition:border .3s,background .3s,transform .35s var(--ease),box-shadow .35s}.choice.selected{border-color:var(--brown);background:#f1e6dd;box-shadow:0 0 0 1px #76594d60}.choice:active{transform:scale(.985)}.choice small{color:var(--muted);display:block;margin-top:4px}.option-price{font-size:14px;font-weight:600;white-space:nowrap}.form-columns{display:grid;grid-template-columns:1fr 1fr;gap:14px}.section-note{border-radius:14px;padding:15px;background:#f0e7dc;font-size:14px;color:#6d594e;margin:15px 0}.pickup-dialog{border:1px solid var(--edge);background:#f8f3ec;color:var(--ink);border-radius:20px;padding:0;width:min(1100px,96vw);height:min(760px,93vh);max-height:93vh;box-shadow:0 24px 80px #24191655}.pickup-dialog::backdrop{background:#241d1988;backdrop-filter:blur(4px)}.dialog-head,.dialog-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:19px 25px;border-bottom:1px solid var(--edge)}.dialog-head h2{margin:0;font-size:31px}.dialog-bottom{border-top:1px solid var(--edge);border-bottom:0}.icon-close{border:0;background:#e9dcd0;border-radius:50%;width:40px;height:40px;font-size:25px}.map-grid{display:grid;grid-template-columns:40% 60%;height:calc(100% - 151px)}.map-side{padding:15px;overflow:auto}.map-canvas{min-height:320px;border-left:1px solid var(--edge)}#yandex-map{width:100%;height:100%;background:#e5dcd1;display:grid;place-items:center}.map-fallback{padding:22px;color:var(--muted);max-width:400px;text-align:center}.map-switch{display:flex;gap:6px;margin:12px 0}.map-switch button{padding:8px 14px;border-radius:10px;border:1px solid var(--edge);background:var(--white)}.map-switch .active{background:var(--brown);color:white}.point-list{display:grid;gap:6px}.point-item,.city-item{display:block;text-align:left;width:100%;border:1px solid var(--edge);border-radius:10px;background:var(--white);padding:11px 12px}.point-item.selected{background:#eadbd0;border-color:var(--brown)}.point-item small{display:block;color:var(--muted)}.city-results{display:grid;gap:3px;max-height:150px;overflow:auto}.admin-wrap{max-width:1050px;margin:0 auto;padding:50px 20px}.admin-wrap .sheet{margin:20px 0}.admin-wrap input{margin-bottom:10px}#admin-data{display:grid;gap:16px}.admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}#admin-data table{width:100%;border-collapse:collapse}#admin-data td,#admin-data th{text-align:left;padding:9px;border-bottom:1px solid var(--edge)}
@media(max-width:850px){.auth-layout{grid-template-columns:1fr}.silk-panel{min-height:200px}.silk-ribbon{height:150%;width:80%}.silk-title{left:5%;bottom:6%}.silk-title h2{font-size:40px}.auth-content{padding:32px 20px;max-width:650px}.checkout-layout{display:flex;flex-direction:column;padding:25px 16px 70px}.checkout-left,.summary{width:100%}.summary{position:static}.map-grid{grid-template-columns:1fr;height:auto}.map-side{max-height:270px}.map-canvas{border-left:0;border-top:1px solid var(--edge);height:260px;min-height:260px}.pickup-dialog{height:95vh;max-height:95vh}.dialog-head,.dialog-bottom{padding:12px 15px}.dialog-head h2{font-size:23px}}@media(max-width:430px){.top{height:65px;padding:0 15px}.wordmark{font-size:25px}.top nav{font-size:12px;gap:12px}.steps{gap:4px}.steps button{font-size:10px;min-height:51px;padding:7px 3px}.form-columns{grid-template-columns:1fr}.checkout-buttons .btn{flex:1}.product-row{grid-template-columns:57px 1fr auto}.thumb{width:57px;height:70px}.summary h2{font-size:28px}.silk-panel{min-height:170px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

.hidden{display:none!important}

.summary-product>span{display:flex;align-items:center;gap:10px;min-width:0}.summary-thumb{display:block;flex:none;width:48px;height:56px;border-radius:10px;object-fit:cover;background:#eee6df}.summary-product>span>span{min-width:0;overflow-wrap:anywhere}
#point-search{margin:7px 0 10px}


/* v0.6.2 — A design transfer from the approved Finnish pages to Russian live account & checkout.
   Auth, cart, discounts, PII & delivery use existing Russian API; no demo logic is copied. */
body.fi-skin{--milk:#f6f2eb;--cream:#eee7df;--white:#fcfaf6;--ink:#342e2a;--muted:#897d76;--edge:#dfd6cc;--brown:#76564b;background:var(--milk);color:var(--ink)}
.fi-skin .beta{font-size:11px;letter-spacing:.035em;background:#392f2b;color:#fff9f3;padding:10px 18px}
.fi-skin .preview-top{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:20px clamp(18px,4vw,65px);border-bottom:1px solid var(--edge);background:#fbf9f5ed;position:relative;z-index:4}
.fi-skin .brand{font:400 29px/1 Georgia,"Times New Roman",serif;letter-spacing:-.065em;white-space:nowrap;text-decoration:none}
.fi-skin .top-links{display:flex;align-items:center;gap:20px;font-size:12px}
.fi-skin .top-links a{text-decoration:none;border-bottom:1px solid transparent;padding-bottom:4px}
.fi-skin .top-links a:hover{border-color:currentColor}
.fi-skin .foot{padding:30px 22px;text-align:center;color:var(--muted);font-size:12px;border-top:1px solid var(--edge)}
.fi-skin .foot a{text-decoration:underline;text-underline-offset:3px}
.fi-skin .eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.24em;font-weight:650;color:#76564b}
.fi-skin .btn{background:#76564b;border-color:#76564b;color:#fffaf6;min-height:54px;padding:15px 24px;font-size:14px;line-height:1.35;border-radius:13px;transition:background .24s,color .24s,transform .22s cubic-bezier(.22,1,.36,1),box-shadow .22s}
.fi-skin .btn:hover{background:#60443a}.fi-skin .btn:active{transform:translateY(1px) scale(.98);box-shadow:inset 0 2px 5px #392a201f}
.fi-skin .btn.light{background:#fcfaf6;color:var(--ink);border-color:#dcd0c2}.fi-skin .btn.light:hover{background:#eae1d7}
.fi-skin .field{background:#fffdf9;border:1px solid #ded4cb;color:var(--ink);height:54px;padding:0 17px;font-size:16px;border-radius:10px;transition:border .3s,box-shadow .3s}
.fi-skin .field:focus{border-color:#76564b;box-shadow:0 0 0 3px #a78a7e20}
.fi-skin .field-label{font-size:14px;letter-spacing:0;color:var(--ink)}
.fi-skin .hint{font-size:13px;line-height:1.65;color:#786a60}.fi-skin .section-note{line-height:1.65;background:#eee5db;border-radius:12px}
.fi-skin .error{font-size:13px}
/* Identical scene sizing and decorative fallback SVG as in FI account page. */
.fi-skin .auth-frame{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(380px,.95fr);min-height:calc(100svh - 127px)}
.fi-skin .wave-scene{position:relative;min-height:670px;overflow:hidden;isolation:isolate;contain:paint;background:#d9c4b6}
.fi-skin .wave-scene::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(20deg,rgba(68,46,37,.57),rgba(98,73,59,.10) 47%,transparent 72%);z-index:1}
.fi-skin .wave-art{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.fi-skin .wave-scene.wave-ready .wave-art{display:none}
.fi-skin .silk-canvas{display:block;position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}
.fi-skin .wave-caption{position:absolute;bottom:55px;left:7%;right:7%;color:#fffaf4;z-index:2;pointer-events:none}
.fi-skin .wave-caption h2{font-size:clamp(52px,7.2vw,106px);letter-spacing:-.08em;line-height:.93;margin:0 0 26px;font-family:Georgia,"Times New Roman",serif;font-weight:400;text-shadow:0 2px 20px #321e241f}
.fi-skin .wave-caption p{max-width:250px;line-height:1.8;font-size:11px;letter-spacing:.12em;text-transform:uppercase}
.fi-skin .auth-right{display:flex;justify-content:center;align-items:center;padding:55px clamp(25px,7vw,110px)}
.fi-skin .auth-content{display:block;padding:0;width:min(100%,440px);margin:0;max-width:none}
.fi-skin .auth-content h1{font-size:clamp(46px,5vw,77px);letter-spacing:-.075em;line-height:1.05;margin:22px 0 12px}
.fi-skin .mode-switch{display:flex;gap:0;padding:4px;border:1px solid var(--edge);background:#eae3db;position:relative;margin:26px 0 36px;border-radius:30px;isolation:isolate}
.fi-skin .mode-switch::before{content:'';position:absolute;top:4px;left:4px;width:calc(50% - 4px);height:calc(100% - 8px);background:#fdfaf5;border-radius:28px;box-shadow:0 2px 11px #442f271f;z-index:-1;transform:translateX(100%);transition:transform .55s cubic-bezier(.22,1,.36,1)}
.fi-skin .mode-switch[data-current="login"]::before{transform:translateX(0)}
.fi-skin .mode-switch button{position:relative;z-index:1;flex:1;border:0;background:transparent;padding:14px 6px;min-height:48px;font-size:13px;border-radius:28px;color:#70645c;box-shadow:none!important;cursor:pointer}
.fi-skin .mode-switch button.active{background:transparent;color:#392b27;font-weight:700}
.fi-skin .auth-content .form-grid{gap:19px;margin-top:24px}
.fi-skin .auth-content .form-grid>label{display:grid;gap:8px;font-size:14px;font-weight:600}
.fi-skin .auth-content .form-grid>label.hint{display:flex;font-weight:400}
.fi-skin .auth-content .form-grid input[type=checkbox]{accent-color:#76564b}
.fi-skin .auth-content .field-note{font-size:12px;line-height:1.65;color:#897d76;margin-top:24px}
.fi-skin #code-area{border-left:2px solid #a68c7b;padding:15px;background:#ece4dc;border-radius:0 10px 10px 0}
.fi-skin #code-area .field{margin:8px 0 12px}
.fi-skin #account-root .pill{display:inline-block;margin:5px 4px 7px 0;background:#f7f1e9}
.fi-skin #account-root h2{font-family:Georgia,"Times New Roman",serif;font-size:32px;font-weight:400;margin-top:32px}
.fi-skin #account-root .help-line{margin-top:24px}
/* Checkout visual geometry copied from the FI editorial page; real RU cards remain functional. */
.fi-skin .checkout-main{max-width:1350px;margin:0 auto;padding:52px clamp(18px,4vw,60px) 110px}
.fi-skin .checkout-title{font:400 clamp(53px,7vw,102px)/1 Georgia,"Times New Roman",serif;letter-spacing:-.07em;margin:8px 0 25px}
.fi-skin .step-nav{display:flex;align-items:center;gap:6px;margin:23px 0 52px;border-top:1px solid var(--edge);border-bottom:1px solid var(--edge);overflow-x:auto;scroll-margin-top:16px}
.fi-skin .step-nav button{flex:1;white-space:nowrap;min-width:117px;border:0;background:transparent;color:#897d76;min-height:72px;padding:18px 10px;text-align:left;font-size:13px;display:flex;align-items:center;gap:10px;border-radius:0;transition:color .2s}
.fi-skin .step-nav button .num{font:400 22px Georgia,"Times New Roman",serif}
.fi-skin .step-nav button.active{background:transparent;color:var(--ink);font-weight:700;box-shadow:inset 0 -2px 0 #76564b}
.fi-skin .step-nav button:disabled{opacity:.42}
.fi-skin .checkout-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:clamp(26px,6vw,82px);align-items:start}
.fi-skin .checkout-view{min-width:0;min-height:430px;background:transparent;border:0;border-radius:0;padding:0;box-shadow:none}
.fi-skin .checkout-view h2{font:400 clamp(35px,4vw,59px)/1.08 Georgia,"Times New Roman",serif;letter-spacing:-.06em;margin:0 0 26px}
.fi-skin .summary-box{border:1px solid var(--edge);background:#faf7f2;padding:27px;position:sticky;top:30px;border-radius:13px;box-shadow:0 8px 26px #54402e09}
.fi-skin .summary-box h2{font:400 32px/1.15 Georgia,"Times New Roman",serif;margin:0 0 22px}
.fi-skin .summary-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 0;font-size:14px;line-height:1.5;border-bottom:1px solid var(--edge)}
.fi-skin .summary-row strong{font-weight:600;text-align:right}
.fi-skin .summary-total{font-size:26px;margin-top:10px;border-top:1px solid var(--edge)}
.fi-skin .summary-total strong{font:400 32px/1.1 Georgia,"Times New Roman",serif;white-space:nowrap}
.fi-skin .product-row{grid-template-columns:94px minmax(0,1fr) auto;gap:19px;padding:20px 0;border-bottom:1px solid var(--edge)}
.fi-skin .product-row .thumb{width:94px;height:117px;background:#dfd2c5;object-fit:cover;border-radius:5px}
.fi-skin .product-row strong{font:400 23px/1.2 Georgia,"Times New Roman",serif;letter-spacing:-.03em}
.fi-skin .product-row small{font-size:13px;line-height:1.65}
.fi-skin .product-row .qty-control{font-size:14px}
.fi-skin .choice{background:#faf7f2;min-height:86px;border:1px solid #dfd6cc;border-radius:12px;padding:20px;line-height:1.6}
.fi-skin .choice strong{font:400 23px/1.2 Georgia,"Times New Roman",serif}
.fi-skin .choice small{font-size:14px;line-height:1.55}
.fi-skin .choice.selected{background:#e9ddd4;border-color:#8c6a5d;box-shadow:0 3px 10px #59402b10}
.fi-skin .choice:active{transform:scale(.99)}
.fi-skin .checkout-buttons{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:30px}
.fi-skin .checkout-buttons .btn:last-child{margin-left:auto}
.fi-skin .checkout-buttons .btn{min-width:150px}
.fi-skin .summary-box .promo-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin:12px 0 8px}
.fi-skin .summary-box .promo-row .btn{padding:12px 14px;min-height:54px}
.fi-skin .summary-box .summary-thumb{width:45px;height:56px;border-radius:7px;object-fit:cover}
.fi-skin .summary-box .summary-product>span{gap:11px}
.fi-skin .summary-box .hint{font-size:12px}
.fi-skin .pickup-dialog{background:#fbf8f3;border-radius:18px}
@media(max-width:900px){
 .fi-skin .auth-frame{grid-template-columns:1fr}
 .fi-skin .wave-scene{min-height:320px;max-height:430px}
 .fi-skin .wave-caption{bottom:28px}
 .fi-skin .wave-caption h2{font-size:clamp(50px,11vw,80px)}
 .fi-skin .auth-right{padding:35px 24px 70px}
 .fi-skin .auth-content{width:min(100%,560px)}
 .fi-skin .checkout-grid{grid-template-columns:1fr;gap:30px}
 .fi-skin .summary-box{position:static;order:0}
 .fi-skin .checkout-view{min-height:0}
 .fi-skin .checkout-main{padding-top:35px}
 .fi-skin .checkout-title{font-size:63px}
 .fi-skin .step-nav{margin:15px 0 32px}
}
@media(max-width:540px){
 .fi-skin .preview-top{padding:14px 18px}
 .fi-skin .brand{font-size:24px}
 .fi-skin .top-links{gap:10px;font-size:11px}
 .fi-skin .top-links a:last-child{display:none}
 .fi-skin .wave-scene{height:30svh;min-height:250px}
 .fi-skin .wave-caption{bottom:22px}
 .fi-skin .wave-caption h2{font-size:55px;margin-bottom:12px}
 .fi-skin .wave-caption p{font-size:9px;margin:0}
 .fi-skin .auth-right{padding:27px 22px 66px}
 .fi-skin .auth-content h1{font-size:49px}
 .fi-skin .mode-switch{margin-bottom:24px}
 .fi-skin .checkout-main{padding-bottom:68px}
 .fi-skin .checkout-title{font-size:50px}
 .fi-skin .step-nav button{font-size:12px;min-width:107px;padding:15px 8px}
 .fi-skin .step-nav button .num{font-size:18px}
 .fi-skin .checkout-view h2{font-size:38px}
 .fi-skin .product-row{grid-template-columns:70px minmax(0,1fr);gap:12px}
 .fi-skin .product-row .thumb{width:70px;height:88px;grid-row:span 2}
 .fi-skin .product-row strong{font-size:19px}
 .fi-skin .product-row>strong:last-child{grid-column:2;font-size:17px}
 .fi-skin .choice{padding:15px;gap:10px}
 .fi-skin .choice strong{font-size:20px}
 .fi-skin .choice small{font-size:13px}
 .fi-skin .summary-box{padding:21px}
 .fi-skin .checkout-buttons{flex-direction:column}
 .fi-skin .checkout-buttons .btn{width:100%;margin:0!important}
 .fi-skin .summary-total strong{font-size:29px}
}
@media(prefers-reduced-motion:reduce){.fi-skin *,.fi-skin *::before,.fi-skin *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}


/* v0.6.4 — Checkout contacts, aligned with the Finnish editorial design. */
.fi-skin .contact-stage{max-width:850px;min-height:300px;animation:contact-stage-in .48s cubic-bezier(.22,1,.36,1) both}
.fi-skin .contact-card{position:relative;overflow:hidden;border:1px solid #d9cabe;border-radius:20px;padding:clamp(24px,3vw,38px);background:linear-gradient(145deg,#fcfaf6 4%,#f1e7dc 100%);box-shadow:0 13px 38px #594b3b0b}
.fi-skin .contact-card-question::after{content:"";pointer-events:none;position:absolute;inset:0;background:radial-gradient(circle at 85% 0%,#e4c3ad36,transparent 46%)}
.fi-skin .contact-card>*{position:relative;z-index:1}
.fi-skin .contact-kicker{display:block;font-size:11px;letter-spacing:.17em;text-transform:uppercase;color:#8b6b5b;font-weight:650;margin:0 0 13px}
.fi-skin .contact-card h3{font:400 clamp(32px,4.4vw,49px)/1.12 Georgia,"Times New Roman",serif;letter-spacing:-.045em;margin:0 0 15px}
.fi-skin .contact-email{font-size:clamp(16px,2vw,20px);font-weight:600;overflow-wrap:anywhere;color:#644e42;margin:0 0 22px}
.fi-skin .contact-card p:not(.contact-kicker):not(.contact-email){line-height:1.65}
.fi-skin .contact-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
.fi-skin .contact-actions .btn{min-width:160px;min-height:54px;border-radius:16px;transition:transform .28s cubic-bezier(.22,1,.36,1),box-shadow .28s,background .28s}
.fi-skin .contact-actions .btn:hover{transform:translateY(-2px);box-shadow:0 10px 24px #76564b26}
.fi-skin .contact-actions .btn:active{transform:translateY(1px) scale(.975)}
.fi-skin .contact-footnote{color:#827267;font-size:13px!important;line-height:1.6;margin:18px 0 0}
.fi-skin .contact-footnote a{text-underline-offset:3px}
.fi-skin .contact-link{display:inline-block;border:0;background:none;padding:10px 0;color:#76564b;text-decoration:underline;text-underline-offset:4px;font-size:14px;font-weight:550;text-align:left;transition:color .25s,transform .25s}
.fi-skin .contact-link:hover{color:#473027;transform:translateX(2px)}
.fi-skin .contact-card-success{display:flex;gap:21px;align-items:flex-start}
.fi-skin .contact-symbol{display:grid;place-items:center;flex:0 0 47px;width:47px;height:47px;border-radius:50%;background:#edf0e7;color:#437050;font-size:23px;box-shadow:0 0 0 1px #9bac912f}
.fi-skin .contact-card-success .contact-footnote{margin:10px 0}
.fi-skin .contact-guest{max-width:710px}
.fi-skin .contact-lead{font-size:16px;line-height:1.7;color:#76665b;max-width:610px;margin-bottom:30px}
.fi-skin .contact-fields{display:grid;gap:22px}
.fi-skin .contact-label{display:grid;gap:9px;font-size:14px;font-weight:600;color:#40322d}
.fi-skin .contact-required{display:inline;color:#966c57}
.fi-skin .contact-input-orbit{position:relative;isolation:isolate;display:block;padding:1.5px;border-radius:13px;background:#dfd3c9;overflow:hidden;transition:box-shadow .28s,background .28s}
.fi-skin .contact-input-orbit::before{content:"";position:absolute;inset:-180%;z-index:0;background:conic-gradient(from 0deg,transparent 0%,transparent 67%,#ad7c65 77%,#f5dbc5 84%,transparent 93%);opacity:0;transform:rotate(0deg);pointer-events:none}
.fi-skin .contact-input-orbit:focus-within{background:#d8b7a5;box-shadow:0 0 0 3px #a77a6420,0 6px 22px #966e5312}
.fi-skin .contact-input-orbit:focus-within::before{opacity:1;animation:contact-orbit 4.8s linear infinite}
.fi-skin .contact-input-orbit .field{position:relative;z-index:1;display:block;margin:0;width:100%;border:0;border-radius:11.5px;background:#fffdf9;min-height:55px;height:55px;box-shadow:none!important;outline:none;color:#342e2a}
.fi-skin .contact-input-orbit .field:focus{outline:0;box-shadow:none!important}
.fi-skin .contact-phone-toggle{margin-top:17px}
.fi-skin .contact-phone-label{margin:4px 0 20px;animation:contact-stage-in .42s cubic-bezier(.22,1,.36,1) both}
.fi-skin .contact-infoline{display:flex;align-items:flex-start;gap:12px;margin:28px 0 12px;padding:17px 19px;background:#eee7de;border-radius:12px;color:#806c5f}
.fi-skin .contact-infoline>span{font-size:20px;line-height:1}
.fi-skin .contact-infoline p{font-size:13px;line-height:1.6;margin:0}
@keyframes contact-stage-in{from{opacity:0;transform:translateY(13px);filter:blur(3px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
@keyframes contact-orbit{to{transform:rotate(360deg)}}
@media (max-width:570px){.fi-skin .contact-card{padding:22px 19px;border-radius:15px}.fi-skin .contact-card-success{gap:13px}.fi-skin .contact-symbol{flex-basis:38px;width:38px;height:38px}.fi-skin .contact-actions{flex-direction:column}.fi-skin .contact-actions .btn{width:100%;min-width:0}.fi-skin .contact-card h3{font-size:33px}.fi-skin .contact-stage{min-height:270px}}
@media (prefers-reduced-motion:reduce){.fi-skin .contact-stage,.fi-skin .contact-phone-label{animation:none!important;filter:none!important}.fi-skin .contact-input-orbit:focus-within::before{animation:none!important;opacity:0}.fi-skin .contact-actions .btn:hover{transform:none!important}}

/* OBE DVE 0.6.5: shared motion language across checkout steps */
.fi-skin .step-nav{position:relative;isolation:isolate}
.fi-skin .step-nav button{transition:color .32s var(--ease),background .4s var(--ease),opacity .3s var(--ease),border-color .35s var(--ease);position:relative}
.fi-skin .step-nav button::after{content:"";position:absolute;left:14%;right:14%;bottom:-1px;height:2px;border-radius:4px;background:#806459;transform:scaleX(0);transform-origin:center;transition:transform .45s var(--ease)}
.fi-skin .step-nav button.active::after{transform:scaleX(1)}
.fi-skin .step-nav button:not(:disabled):hover{color:#5a4037;background:#eee5dc}
.fi-skin .checkout-view.stage-enter>*:not(.checkout-buttons){opacity:.1;transform:translateY(13px)}
.fi-skin .checkout-view.stage-visible>*:not(.checkout-buttons){animation:obe-step-rise .56s cubic-bezier(.2,.75,.23,1) both}
.fi-skin .checkout-view.stage-visible>*:nth-child(2){animation-delay:55ms}
.fi-skin .checkout-view.stage-visible>*:nth-child(3){animation-delay:95ms}
.fi-skin .checkout-view.stage-visible>*:nth-child(4){animation-delay:125ms}
@keyframes obe-step-rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
.fi-skin .checkout-view .btn{border-radius:17px;transition:background .33s var(--ease),transform .35s var(--ease),box-shadow .35s var(--ease),border-color .3s var(--ease)}
.fi-skin .checkout-view .btn:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 10px 26px #6d514322}
.fi-skin .checkout-view .btn:not(:disabled):active{transform:scale(.975) translateY(1px)}
.fi-skin .delivery-service-choices .choice{overflow:hidden;position:relative;isolation:isolate;transition:background .45s var(--ease),border-color .45s var(--ease),box-shadow .45s var(--ease),transform .3s var(--ease)}
.fi-skin .delivery-service-choices .choice::before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 10%,#d8baaa2f 50%,transparent 90%);transform:translateX(-110%);transition:transform .67s var(--ease);pointer-events:none}
.fi-skin .delivery-service-choices .choice.selected::before{transform:translateX(0)}
.fi-skin .delivery-service-choices .choice:hover:not(:disabled){border-color:#ab8f82;transform:translateY(-1px)}
.fi-skin .delivery-service-choices .choice:active{transform:scale(.993)}
.fi-skin .delivery-point-card{display:flex;align-items:flex-start;flex-wrap:wrap;gap:14px;margin:20px 0}
.fi-skin .selected-point{flex:1 1 280px;border:1px solid #ded0c4;border-radius:14px;padding:14px 17px;background:#f2ebe2;line-height:1.65}
.fi-skin .quote-result{border-left:3px solid #97766b;animation:obe-step-rise .45s var(--ease) both}
.fi-skin .summary-box .summary-total strong{transition:transform .3s var(--ease),color .3s var(--ease)}
.fi-skin .summary-box .summary-row{transition:background .3s var(--ease)}
.fi-skin .point-item,.fi-skin .city-item{transition:background .24s var(--ease),border-color .24s var(--ease),transform .24s var(--ease)}
.fi-skin .point-item:not(:disabled):hover,.fi-skin .city-item:not(:disabled):hover{background:#f0e6dc;transform:translateY(-1px)}
.fi-skin .map-service-hint{font-size:13px;letter-spacing:.045em;color:#746053;font-weight:600;margin:3px 0 14px}
.fi-skin .pickup-dialog[open]{animation:obe-dialog-in .32s var(--ease) both}
@keyframes obe-dialog-in{from{opacity:0;transform:translateY(14px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:540px){.fi-skin .delivery-point-card{flex-direction:column}.fi-skin .delivery-point-card .btn{width:100%}.fi-skin .checkout-view.stage-visible>*{animation-duration:.38s}}
@media(prefers-reduced-motion:reduce){.fi-skin .checkout-view.stage-enter>*:not(.checkout-buttons),.fi-skin .checkout-view.stage-visible>*:not(.checkout-buttons){opacity:1!important;transform:none!important;animation:none!important}.fi-skin .pickup-dialog[open],.fi-skin .quote-result{animation:none!important}}

/* OBE_POST_SEARCH_V2: pickup-list annotations shared by Post and CDEK */
#point-list .obe-near-summary{font-size:12px;line-height:1.45;color:#76594d;background:#f5eee7;border:1px solid #e3d6ca;border-radius:9px;padding:9px 11px;margin:8px 0 12px}
#point-list .obe-nearest-card{border-color:#a07c6c;background:#fcf6ef}
#point-list .obe-nearest-tag{display:inline-block;width:max-content;font-size:10px;font-weight:700;letter-spacing:.03em;color:#76594d;background:#eee0d5;border-radius:6px;padding:3px 7px;margin-bottom:6px}


/* OBE_MOTION_V1 — original motion effects inspired by Animorio, without external JS libraries. */
.fi-skin .checkout-grid{position:relative}
.fi-skin .checkout-view.obe-transition-ghost{position:absolute;pointer-events:none;border:0;overflow:hidden;background:#f5f1e9;padding:0;margin:0}
.fi-skin .obe-total-display{display:flex;flex-direction:column;gap:4px;align-items:flex-end;white-space:nowrap}
.fi-skin .obe-total-old{position:relative;font-size:13px;color:#9b8b81;font-weight:400}
.fi-skin .obe-total-old::after{content:"";position:absolute;top:50%;left:-3px;right:-3px;height:1.5px;background:#8b5c4b;transform:scaleX(1);transform-origin:left}
.fi-skin .obe-total-number{display:inline-block;will-change:transform}
.fi-skin .obe-promo-button{display:flex;align-items:center;justify-content:center;gap:8px;min-width:142px;position:relative;overflow:visible;white-space:nowrap;background:#755448;color:#fff;border-color:#755448}
.fi-skin .summary-box .promo-row .obe-promo-button{background:#76594d;color:#fff;border:1px solid #76594d;border-radius:13px}
.fi-skin .summary-box .promo-row .obe-promo-button:hover:not(:disabled){background:#604238;color:#fff}
.fi-skin .obe-coupon-ticket{position:relative;display:inline-flex;width:48px;height:27px;align-items:center;flex:0 0 48px;transform-origin:left;filter:drop-shadow(0 2px 2px #2a1b1533)}
.fi-skin .obe-coupon-stub,.fi-skin .obe-coupon-face{height:27px;display:flex;align-items:center;justify-content:center;background:#f1d4ae;color:#754e3a;border:1px solid #f9e1bf;font-weight:800;font-family:Georgia,serif}
.fi-skin .obe-coupon-stub{width:16px;border-radius:4px 0 0 4px;font-size:13px;border-right:1px dashed #ba8562}
.fi-skin .obe-coupon-face{width:32px;border-radius:0 4px 4px 0;font-size:16px;letter-spacing:.05em;position:relative}
.fi-skin .obe-coupon-face::after{content:"";position:absolute;inset:4px;border:1px dashed #c69a76;border-radius:2px}
.fi-skin .obe-promo-button.obe-checking .obe-coupon-face{animation:obe-coupon-tug .35s ease-in-out infinite alternate}
@keyframes obe-coupon-tug{to{transform:rotate(4deg) translate(2px,1px)}}
.obe-ticket-fly{position:fixed;z-index:10000;pointer-events:none;display:inline-flex;filter:drop-shadow(0 5px 7px #38201933)}
.fi-skin .obe-promo-applied{display:flex;gap:10px;justify-content:space-between;align-items:center;border:1px solid #dacabc;border-radius:8px;background:#efe7de;color:#634a3e;padding:9px 11px;font-size:12px;line-height:1.5;margin:7px 0 0}
.fi-skin .obe-promo-applied button{border:0;background:transparent;color:#69483a;text-decoration:underline;text-underline-offset:3px;font-size:12px;cursor:pointer}
.fi-skin .delivery-service-choices{position:relative}
.fi-skin .delivery-service-choices .choice{z-index:1}
.fi-skin .obe-ship-icon{display:grid;place-items:center;width:40px;height:40px;border:1px solid #d7c4b6;background:#f4ece4;color:#76594d;border-radius:13px;flex:0 0 40px;font-size:22px;line-height:1}
.fi-skin .delivery-service-choices .choice.selected .obe-ship-icon{background:#76594d;color:#fff;border-color:#76594d}
.fi-skin .obe-ship-glide{position:absolute;z-index:2;pointer-events:none;border:2px solid #9e7362;border-radius:12px;box-shadow:0 7px 20px #674c3922}
@media(max-width:540px){.fi-skin .obe-promo-button{min-width:116px;gap:5px;padding:10px 7px!important}.fi-skin .obe-coupon-ticket{transform:scale(.82);margin-left:-4px;margin-right:-7px}.fi-skin .obe-shipping-icon{width:32px;height:32px}.fi-skin .obe-total-old{font-size:12px}}
@media(prefers-reduced-motion:reduce){.fi-skin .obe-promo-button.obe-checking .obe-coupon-face{animation:none!important}.fi-skin .obe-ship-glide,.obe-ticket-fly{display:none!important}}


/* OBE_MOTION_V2 — editorial typography, original animated delivery pictograms and map entrance. */
.fi-skin .checkout-view .obe-motion-word{display:inline-block;white-space:pre-wrap;transform-origin:bottom center}
.fi-skin .delivery-service-choices .obe-ship-icon{width:48px;height:48px;flex-basis:48px;border-radius:14px}
.fi-skin .delivery-service-choices .obe-svg{width:32px;height:32px;overflow:visible;display:block;stroke-width:2;transform-origin:center}
.fi-skin .obe-ship-icon .obe-wheel,.fi-skin .obe-ship-icon .obe-leg,.fi-skin .obe-ship-icon .obe-mail-fold,.fi-skin .obe-ship-icon .obe-mail-letter,.fi-skin .obe-ship-icon .obe-speed-line{transform-box:fill-box;transform-origin:center}
.fi-skin .obe-ship-icon .obe-speed-line{opacity:0;transform:translateX(5px)}
.fi-skin .choice:is(.selected,:hover,:focus-visible) .obe-icon-truck .obe-truck-body{animation:obe-truck-roll 1.08s cubic-bezier(.4,0,.25,1) both}
.fi-skin .choice:is(.selected,:hover,:focus-visible) .obe-icon-truck .obe-wheel{animation:obe-wheel-spin .75s ease-in-out both}
.fi-skin .choice:is(.selected,:hover,:focus-visible) .obe-icon-truck .obe-speed-line{animation:obe-truck-trail .88s ease-out both}
.fi-skin .choice:is(.selected,:hover,:focus-visible) .obe-icon-courier .obe-leg-one{animation:obe-walk-first 1.04s ease-in-out 1 both}
.fi-skin .choice:is(.selected,:hover,:focus-visible) .obe-icon-courier .obe-leg-two{animation:obe-walk-second 1.04s ease-in-out 1 both}
.fi-skin .choice:is(.selected,:hover,:focus-visible) .obe-icon-courier .obe-courier-arm{animation:obe-courier-arm 1.04s ease-in-out 1 both}
.fi-skin .choice:is(.selected,:hover,:focus-visible) .obe-icon-mail .obe-mail-fold{animation:obe-envelope-flap .85s cubic-bezier(.22,1,.36,1) both}
.fi-skin .choice:is(.selected,:hover,:focus-visible) .obe-icon-mail .obe-mail-letter{animation:obe-letter-float .9s cubic-bezier(.22,1,.36,1) both}
@keyframes obe-truck-roll{0%,100%{transform:translateY(0)}18%{transform:translateY(-2px)}40%{transform:translateY(1px)}70%{transform:translateY(-1px)}}
@keyframes obe-wheel-spin{from{transform:rotate(0)}to{transform:rotate(180deg)}}
@keyframes obe-truck-trail{0%,100%{opacity:0;transform:translateX(5px)}20%,70%{opacity:.8;transform:translateX(-3px)}}
@keyframes obe-walk-first{0%,100%{transform:rotate(0)}30%{transform:rotate(12deg)}67%{transform:rotate(-10deg)}}
@keyframes obe-walk-second{0%,100%{transform:rotate(0)}30%{transform:rotate(-12deg)}67%{transform:rotate(10deg)}}
@keyframes obe-courier-arm{0%,100%{transform:rotate(0)}40%{transform:rotate(-6deg)}70%{transform:rotate(3deg)}}
@keyframes obe-envelope-flap{0%,100%{transform:translateY(0) scaleY(1)}40%{transform:translateY(-2px) scaleY(-.42)}}
@keyframes obe-letter-float{0%,100%{transform:translateY(0);opacity:1}45%{transform:translateY(-6px);opacity:1}}
/* Explicit modals: fade + small perspective movement; children reveal one after another. */
.fi-skin .pickup-dialog[open].obe-map-opening{animation:obe-modal-open-v2 .58s cubic-bezier(.18,.85,.18,1) both!important;transform-origin:50% 55%}
.fi-skin .pickup-dialog[open].obe-map-closing{animation:obe-modal-close-v2 .29s ease-in both!important;pointer-events:none}
.fi-skin .pickup-dialog[open].obe-map-opening::backdrop{animation:obe-backdrop-in-v2 .5s ease-out both}
.fi-skin .pickup-dialog[open].obe-map-closing::backdrop{animation:obe-backdrop-out-v2 .29s ease-in both}
.fi-skin .pickup-dialog.obe-map-opening .dialog-head{animation:obe-map-section-v2 .56s .11s cubic-bezier(.2,.85,.22,1) both}
.fi-skin .pickup-dialog.obe-map-opening .map-side{animation:obe-map-section-v2 .65s .18s cubic-bezier(.2,.85,.22,1) both}
.fi-skin .pickup-dialog.obe-map-opening .map-canvas{animation:obe-map-canvas-v2 .75s .19s cubic-bezier(.18,.88,.22,1) both}
.fi-skin .pickup-dialog.obe-map-opening .dialog-bottom{animation:obe-map-section-v2 .62s .29s cubic-bezier(.2,.85,.22,1) both}
.fi-skin .pickup-dialog.obe-map-opening .map-side>.field-label,.fi-skin .pickup-dialog.obe-map-opening .map-side>.field,.fi-skin .pickup-dialog.obe-map-opening .map-switch,.fi-skin .pickup-dialog.obe-map-opening .map-service-hint{animation:obe-map-section-v2 .48s .24s ease-out both}
.fi-skin .pickup-dialog.obe-map-opening .map-side>.field:nth-of-type(2){animation-delay:.31s}
.fi-skin .pickup-dialog.obe-map-opening .map-switch{animation-delay:.4s}
.fi-skin .pickup-dialog.obe-map-opening .map-service-hint{animation-delay:.35s}
@keyframes obe-modal-open-v2{from{opacity:0;transform:translateY(25px) scale(.955);filter:blur(6px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}
@keyframes obe-modal-close-v2{from{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(17px) scale(.97)}}
@keyframes obe-backdrop-in-v2{from{background:#241d1900;backdrop-filter:blur(0)}to{background:#241d1988;backdrop-filter:blur(5px)}}
@keyframes obe-backdrop-out-v2{to{background:#241d1900;backdrop-filter:blur(0)}}
@keyframes obe-map-section-v2{from{opacity:0;transform:translateY(13px);filter:blur(2px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
@keyframes obe-map-canvas-v2{from{opacity:0;transform:translateX(20px) scale(1.025);filter:blur(4px)}to{opacity:1;transform:translateX(0) scale(1);filter:blur(0)}}
@media(max-width:700px){.fi-skin .delivery-service-choices .obe-ship-icon{width:42px;height:42px;flex-basis:42px}.fi-skin .delivery-service-choices .obe-svg{width:29px;height:29px}.fi-skin .pickup-dialog[open].obe-map-opening{animation-duration:.44s!important}}
@media(prefers-reduced-motion:reduce){.fi-skin .checkout-view .obe-motion-word,.fi-skin .pickup-dialog[open].obe-map-opening,.fi-skin .pickup-dialog[open].obe-map-closing,.fi-skin .pickup-dialog.obe-map-opening .dialog-head,.fi-skin .pickup-dialog.obe-map-opening .map-side,.fi-skin .pickup-dialog.obe-map-opening .map-canvas,.fi-skin .pickup-dialog.obe-map-opening .dialog-bottom,.fi-skin .pickup-dialog.obe-map-opening .map-side>*{animation:none!important;filter:none!important;opacity:1!important;transform:none!important}.fi-skin .choice .obe-svg *{animation:none!important}}