:root{--green:#007b3e;--lime:#2fc85e;--grey:#d9d9d9;--text:#111;--border:#9b9b9b}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{font-family:Montserrat,Arial,sans-serif;color:var(--text);background:#fff;min-width:1040px}
button,input,textarea{font:inherit}
.page-container{width:1024px;margin:0 auto}
.intro-section{height:1016px;background:#fff;padding-top:84px}
.intro-container{position:relative}
.ilim-logo{position:absolute;top:-98px;right:86px;width:162px;height:auto}
.intro-section h1{margin:84px 0 65px;font-size:49px;line-height:1.1;font-weight:400;letter-spacing:-1.2px}
.intro-columns{display:grid;grid-template-columns:390px 390px;column-gap:176px}
.intro-column article{margin:0 0 39px}
.intro-column h2{margin:0 0 16px;font-size:22px;line-height:1.15;font-weight:700}
.intro-column p{margin:0;font-size:17px;line-height:1.55;font-weight:400;color:#333}
.design-section{height:auto;background:var(--grey);padding-top:69px;padding-bottom:69px}
.section-title{margin:0 0 43px;font-size:49px;line-height:1.05;font-weight:400;letter-spacing:-1px}
.design-list{display:grid;grid-template-columns:repeat(3,342px);column-gap:51px}
.design-option{display:block;width:342px;cursor:pointer}
.design-option>input,.language-option>input{position:absolute;opacity:0;pointer-events:none}
.card-preview{display:block;width:342px;height:190px;background:#fff;overflow:hidden;box-shadow:0 3px 5px rgba(0,0,0,.22);transition:transform .1s ease}
.card-preview img{display:block;width:100%;height:100%;object-fit:cover}
.design-option:hover .card-preview{transform:scale(1.03)}
.check-box{position:relative;display:inline-block;width:42px;height:42px;border:1px solid #aaa;background:#fff;vertical-align:middle}
.design-option .check-box{margin-top:25px}
.check-box i{display:none;position:absolute;width:18px;height:18px;left:11px;top:11px;border-radius:50%;background:var(--green)}
.design-option>input:checked~.check-box i,.language-option>input:checked+.check-box i{display:block}
.qr-row{display:flex;align-items:flex-end;height:110px;margin-top:20px}
.qr-row h3{margin:0 76px 6px 0;font-size:22px;line-height:1.15;font-weight:700}
.qr-actions{display:flex;gap:34px;align-items:flex-end}
.qr-action{position:relative;width:36px;height:36px;padding:0;border:0;background:transparent;cursor:pointer}
.qr-action input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
.qr-action img{display:block;width:36px;height:36px;object-fit:contain}
.qr-action-link img{width:26px;height:26px;margin:5px auto}
.qr-action span{position:absolute;left:50%;bottom:54px;white-space:nowrap;transform:translateX(-50%);font-size:9px;line-height:1;color:#222;opacity:0;visibility:hidden;transition:opacity .1s ease}
.qr-action:hover span{opacity:1;visibility:visible}
.qr-status{margin-left:20px;margin-bottom:6px;font-size:10px;min-height:12px}
.form-section{min-height:988px;background:#fff;padding-top:54px;padding-bottom:78px}
.form-heading-row{display:flex;align-items:center;margin-bottom:34px}
.form-heading-row h2{margin:0 91px 0 0;font-size:22px;line-height:1.15;font-weight:700}
.language-option{display:flex;align-items:center;gap:20px;margin-right:60px;cursor:pointer}
.language-option b{font-size:22px;line-height:1.15;font-weight:600}
.fields-panel{width:1024px}
.fields-hint-tooltip{position:absolute;z-index:20;display:none;max-width:320px;padding:8px 12px;background:#343936;color:#fff;font-size:13px;line-height:1.35;border-radius:4px;pointer-events:none;transform:translate(-50%,-100%);margin-top:-8px}
.fields-hint-tooltip::after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border:5px solid transparent;border-top-color:#343936}
.fields-hint-tooltip.is-visible{display:block}
.lang-group-title{margin:0 0 16px;font-size:16px;line-height:1.15;font-weight:700}
.fields-panel input,.fields-panel textarea,.fields-panel select.office-select{display:block;height:60px;margin:0 0 20px;padding:0 15px;border:1px solid var(--border);border-radius:0;background:#fff;color:#222;font-size:14px;line-height:1.2;box-shadow:none;outline:0}
.fields-panel select.office-select{width:500px;-webkit-appearance:none;appearance:none;color:#222;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 8"><path fill="%23555555" d="M0 0l6 8 6-8z"/></svg>');background-repeat:no-repeat;background-position:right 18px center;background-size:12px 8px;padding-right:44px}
.fields-panel select.office-select:invalid{color:#999}
.fields-panel input::placeholder,.fields-panel textarea::placeholder{color:#999;opacity:1}
.qr-action[title]{cursor:pointer}
.qr-action input:disabled{cursor:not-allowed}
.qr-action:has(input:disabled){opacity:.45}
.qr-action:disabled,#qr-upload-actions.is-disabled .qr-action{opacity:.45;cursor:not-allowed;pointer-events:none}
.qr-type-row{height:auto;min-height:0;align-items:center;margin-top:20px;margin-bottom:0}
.qr-type-row h3{margin:0 76px 0 0}
#qr-content-row.qr-row{height:auto;min-height:0;align-items:center;margin-top:12px;margin-bottom:0}
#qr-content-row h3{margin:0 24px 0 0;white-space:nowrap}
.qr-content-field{flex:1}
.qr-content-field input{width:100%;height:44px;padding:0 15px;border:1px solid var(--border);font-size:14px;color:#222}
.qr-content-field input::placeholder{color:#999}
#qr-upload-row.qr-row{margin-top:0;height:70px}
.qr-type-options{display:flex;gap:40px;align-items:center}
.qr-type-option{position:relative;display:flex;align-items:center;gap:10px;cursor:pointer;font-size:15px}
.qr-type-option input{position:absolute;opacity:0;pointer-events:none}
.radio-box{position:relative;display:inline-block;width:22px;height:22px;border:1px solid #aaa;border-radius:50%;background:#fff}
.radio-box:after{content:"";position:absolute;width:10px;height:10px;left:5px;top:5px;border-radius:50%;background:#111;display:none}
.qr-type-option input:checked+.radio-box:after{display:block}
.fields-panel input:focus,.fields-panel textarea:focus{border-color:#777}
.fields-panel input.invalid{border-color:#c92828}
.three-columns{display:grid;grid-template-columns:240px 240px 240px;gap:20px;width:760px}
.two-columns{display:grid;grid-template-columns:240px 240px;gap:20px;width:500px}
.fields-panel>input:not(.wide-phone){width:500px}
#input-position-ru-1,#input-position-en-1,#input-cn-position{width:500px}
.phone-row{display:grid;grid-template-columns:500px 500px;gap:20px;width:1020px}
.phone-row input{width:500px}
.tel-ext-group{display:flex;height:60px;margin:0 0 20px;border:1px solid var(--border);background:#fff}
.tel-ext-group #input-tel{flex:1;height:100%;margin:0;border:0;border-right:1px solid var(--border)}
.tel-ext-group #input-ext{width:110px;flex:0 0 110px;height:100%;margin:0;border:0}
.fields-panel textarea{width:500px;height:78px;padding-top:15px;resize:none}
.form-buttons{display:flex;justify-content:flex-end;gap:52px;width:1020px;margin-top:73px}
.button{min-width:130px;height:61px;padding:0 24px;border:0;border-radius:4px;color:#fff;font-size:14px;line-height:1.15;cursor:pointer;transition:transform .1s ease,opacity .1s ease}
.button:hover{transform:scale(1.05)}
.button-dark{background:#555}
.button-green{background:var(--lime)}
.button-active{background:var(--green)}
#submit-button{background:#006937}
#submit-button.is-sending{background:#424141}
.modal{position:fixed;inset:0;z-index:9999;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,.40);overflow-y:auto;padding:40px 0}
.modal.is-open{display:flex}
.modal-card{width:1050px;height:530px;padding:82px 110px;background:#fff}
.modal-card h2{margin:0 0 27px;font-size:47px;line-height:1.1;font-weight:400}
.modal-card p{margin:0 0 24px;font-size:17px;line-height:1.45;color:#333}
.modal-buttons{display:flex;gap:52px;margin-top:58px}
.modal-buttons .button{min-width:130px}
@media(max-width:1100px){body{min-width:0}.page-container{width:calc(100% - 48px)}.intro-section,.design-section{height:auto}.intro-columns{grid-template-columns:1fr 1fr;column-gap:70px}.design-list{grid-template-columns:repeat(3,1fr);column-gap:24px}.design-option,.card-preview{width:100%}.card-preview{height:auto;aspect-ratio:1063/591}.fields-panel,.phone-row,.form-buttons{width:100%}.phone-row{grid-template-columns:1fr 1fr}.phone-row input{width:100%}.modal-card{width:calc(100% - 48px)}}

@media(max-width:680px){
  body{min-width:0;overflow-x:hidden}
  .page-container{width:calc(100% - 32px)}
  .intro-section{height:auto;padding-top:24px}
  .ilim-logo{position:static;display:block;top:auto;right:auto;width:120px;margin-bottom:16px}
  .intro-section h1{margin:0 0 32px;font-size:32px}
  .section-title{margin:0 0 24px;font-size:32px}
  .intro-columns{grid-template-columns:1fr;column-gap:0;row-gap:8px}
  .design-section{padding-top:32px;padding-bottom:32px}
  .design-list{grid-template-columns:1fr;row-gap:24px}
  .qr-row{height:auto;flex-wrap:wrap;align-items:flex-start}
  .qr-type-row{margin-top:16px}
  .qr-type-options{flex-wrap:wrap;gap:20px}
  #qr-content-row.qr-row{align-items:center}
  .qr-actions{flex-wrap:wrap;gap:20px}
  .form-heading-row{flex-wrap:wrap;row-gap:12px}
  .language-option{margin-right:28px}
  .fields-panel{width:100%}
  .fields-panel select.office-select{width:100%}
  .three-columns{grid-template-columns:1fr;width:100%;gap:12px}
  .two-columns{grid-template-columns:1fr;width:100%;gap:12px}
  .fields-panel>input:not(.wide-phone){width:100%}
  #input-position-ru-1,#input-position-en-1,#input-cn-position{width:100%}
  .fields-panel textarea{width:100%}
  .phone-row{grid-template-columns:1fr;width:100%;gap:12px}
  .phone-row input{width:100%}
  .tel-ext-group{flex-direction:row;width:100%}
  .tel-ext-group #input-tel{width:auto}
  .tel-ext-group #input-ext{width:110px;flex:0 0 110px}
  .form-buttons{flex-direction:column;width:100%;gap:16px;margin-top:40px}
  .form-buttons .button{width:100%}
  .modal-card{width:calc(100% - 32px);height:auto;padding:40px 24px}
  .modal-card h2{font-size:32px}
  .modal-buttons{flex-direction:column;gap:16px}
  .modal-buttons .button{width:100%;min-width:0}
}
/*################################################
## LEGACY BLOCK — required by print.php and pdf.php
## Both files load /style.css directly (pdf.php even reads the whole file
## and feeds it into mPDF). They render the printed business card using
## these exact classes, unrelated to the order-form redesign above.
## Do not rename or remove anything in this block without also updating
## print.php / pdf.php, which are out of scope for the form redesign.
###############################################*/
@font-face {
    font-family: "HelveticaLightItalic";
    src: url("fonts/HelveticaLightItalic/HelveticaLightItalic.eot");
    src: url("fonts/HelveticaLightItalic/HelveticaLightItalic.eot?#iefix")format("embedded-opentype"),
    url("fonts/HelveticaLightItalic/HelveticaLightItalic.woff") format("woff"),
    url("fonts/HelveticaLightItalic/HelveticaLightItalic.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
@font-face {
    font-family: "HelveticaBold";
    src: url("fonts/HelveticaBold/HelveticaBold.eot");
    src: url("fonts/HelveticaBold/HelveticaBold.eot?#iefix")format("embedded-opentype"),
    url("fonts/HelveticaBold/HelveticaBold.woff") format("woff"),
    url("fonts/HelveticaBold/HelveticaBold.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
/*################################################
## PDF
###############################################*/
/*################################################
## Print
###############################################*/
body.print {
  min-width: 0;
}
.block-cards-print {
  width: 100%;
}
.block-cards-print .rcard {
  margin: 0 auto;
}
#cards-print-area-1 {
  padding-top: 60px;
}
.cards-print____area + .cards-print____area {
  margin-top: 90px;
}

/*################################################
## Brand fonts (TT Ilim) — real business-card assets
###############################################*/
@font-face{font-family:'TTIlimClassic-Lt';src:url('fonts/TT_Ilim_Classic/TT_Ilim_Classic_Light.woff2') format('woff2');font-weight:normal;font-style:normal}
@font-face{font-family:'TTIlimClassic-Rg';src:url('fonts/TT_Ilim_Classic/TT_Ilim_Classic_Regular.woff2') format('woff2');font-weight:normal;font-style:normal}
@font-face{font-family:'TTIlimClassic-Md';src:url('fonts/TT_Ilim_Classic/TT_Ilim_Classic_Medium.woff2') format('woff2');font-weight:normal;font-style:normal}
@font-face{font-family:'TTIlimClassic-Db';src:url('fonts/TT_Ilim_Classic/TT_Ilim_Classic_DemiBold.woff2') format('woff2');font-weight:normal;font-style:normal}
@font-face{font-family:'TTIlimClassic-Bd';src:url('fonts/TT_Ilim_Classic/TT_Ilim_Classic_Bold.woff2') format('woff2');font-weight:normal;font-style:normal}
@font-face{font-family:'TTIlimClassic-Xbd';src:url('fonts/TT_Ilim_Classic/TT_Ilim_Classic_ExtraBold.woff2') format('woff2');font-weight:normal;font-style:normal}
@font-face{font-family:'TTIlimClassic-Blk';src:url('fonts/TT_Ilim_Classic/TT_Ilim_Classic_Black.woff2') format('woff2');font-weight:normal;font-style:normal}
@font-face{font-family:'TTIlimProExp-Md';src:url('fonts/TT_Ilim_Pro_Expanded/TT_Ilim_Pro_Expanded_Medium.woff2') format('woff2');font-weight:normal;font-style:normal}
@font-face{font-family:'TTIlimProExp-Db';src:url('fonts/TT_Ilim_Pro_Expanded/TT_Ilim_Pro_Expanded_DemiBold.woff2') format('woff2');font-weight:normal;font-style:normal}
@font-face{font-family:'TTIlimProExp-Bd';src:url('fonts/TT_Ilim_Pro_Expanded/TT_Ilim_Pro_Expanded_Bold.woff2') format('woff2');font-weight:normal;font-style:normal}

/*################################################
## Real print card (90x50mm = 255.1 x 141.7 pt)
## Positions/sizes/colors taken directly from the client's
## Illustrator source (ILIM_Personal_Business_Card_90x50_mm_*.svg).
## Replaces the earlier approximate .card__view layout.
###############################################*/
.rcard{
  width: 255.1pt;
  height: 141.7pt;
  background: #F7F8F8;
  position: relative;
  overflow: hidden;
  color: #343936;
}
.rcard .rcard__logo{
  position: absolute;
  left: 14.2pt;
  top: 15.8pt;
  height: 13.3pt;
  width: auto;
}
.rcard .rcard__logo img{
  height: 100%;
  width: auto;
  display: block;
}
.rcard .rcard__badge{
  position: absolute;
  right: 14.2pt;
  top: 15.8pt;
  width: 90pt;
  text-align: right;
  font-family: 'TTIlimClassic-Db';
  font-size: 5.75pt;
  line-height: 1.35;
  color: #006939;
  text-transform: uppercase;
}
.rcard .rcard__name{
  position: absolute;
  left: 14.2pt;
  top: 46.1pt;
  width: 226.8pt;
}
.rcard .rcard__name__last{
  font-family: 'TTIlimProExp-Bd';
  font-size: 12pt;
  line-height: 1;
  text-transform: uppercase;
  white-space: nowrap;
}
.rcard .rcard__name__first{
  font-family: 'TTIlimProExp-Db';
  font-size: 10pt;
  line-height: 1;
  margin-top: 3.4pt;
  white-space: nowrap;
}
.rcard .rcard__position{
  position: absolute;
  left: 14.2pt;
  top: 75.8pt;
  width: 226.8pt;
  font-family: 'TTIlimClassic-Rg';
  font-size: 9.5pt;
  line-height: 1.32;
}
.rcard .rcard__divider{
  position: absolute;
  left: 14.2pt;
  top: 108.5pt;
  width: 226.8pt;
  height: 0.5pt;
  background: #343936;
}
.rcard .rcard__addr{
  position: absolute;
  left: 14.2pt;
  top: 113.3pt;
  width: 141.7pt;
  font-family: 'TTIlimClassic-Rg';
  font-size: 6pt;
  line-height: 1.19;
}
.rcard .rcard__contact{
  position: absolute;
  left: 164.4pt;
  top: 113.3pt;
  width: 76.5pt;
  font-family: 'TTIlimClassic-Rg';
  font-size: 6pt;
  line-height: 1.19;
  text-align: right;
}
.rcard .rcard__contact div, .rcard .rcard__addr div{
  white-space: nowrap;
}
/* EN order flips name lines (first name, then surname) and stacks address 3 lines */
.rcard.rcard-en .rcard__name__last{
  font-family: 'TTIlimProExp-Bd';
}
.rcard.rcard-en .rcard__position{ top: 84.3pt; }
.rcard.rcard-en .rcard__divider{ top: 108.5pt; }

.rcard-pair{ display: flex; gap: 30pt; align-items: flex-start; }

/*################################################
## QR badge (default compact placement, used by designs
## 1 and 3 — design 2 below overrides with a bigger QR)
###############################################*/
.rcard .rcard__qr{
  position: absolute;
  right: 14.2pt;
  top: 15.8pt;
  width: 24pt;
  height: 24pt;
}
.rcard .rcard__qr img{ width: 100%; height: 100%; display: block; }

/*################################################
## Design 2 — QR layout variant
## Positions measured from card-2.jpg (pixel density analysis)
###############################################*/
.rcard.rcard-d2 .rcard__name{ width: 150pt; top: 69pt; }
.rcard.rcard-d2 .rcard__name__last{ font-size: 11pt; line-height: 1; }
.rcard.rcard-d2 .rcard__name__first{ font-size: 9pt; line-height: 1; margin-top: 4.5pt; }
.rcard.rcard-d2 .rcard__position{ width: 150pt; top: 108pt; font-size: 8pt; line-height: 1.2; }
.rcard.rcard-d2 .rcard__divider{ display: none; }
.rcard.rcard-d2 .rcard__addr{ display: none; }
.rcard.rcard-d2 .rcard__contact{ display: none; }
.rcard.rcard-d2 .rcard__qr{
  position: absolute;
  right: 22pt;
  top: 55pt;
  width: 48pt;
  height: 48pt;
}
.rcard.rcard-d2 .rcard__qr img{ width: 100%; height: 100%; display: block; }

/*################################################
## Design 3 — detailed contacts variant
###############################################*/
.rcard.rcard-d3 .rcard__name{ text-align: center; left: 0; width: 255.1pt; }
.rcard.rcard-d3 .rcard__position{ top: 78pt; text-align: center; left: 0; width: 255.1pt; }
.rcard.rcard-d3 .rcard__divider{
  top: 99pt;
  height: 0;
  background: none;
  border-top: 0.5pt solid #343936;
}
.rcard.rcard-d3 .rcard__addr{
  left: 40pt;
  top: 104pt;
  width: 115.9pt;
  text-align: left;
}
.rcard.rcard-d3 .rcard__contact{
  position: absolute;
  left: 164.4pt;
  top: 104pt;
  width: 76.5pt;
  text-align: right;
}
.rcard.rcard-d3 .rcard__qr{
  position: absolute;
  left: 14.2pt;
  top: 104pt;
  width: 22pt;
  height: 22pt;
}
.rcard.rcard-d3 .rcard__qr img{ width: 100%; height: 100%; display: block; }
.rcard__site{ display: none; }
.rcard.rcard-d3 .rcard__site{
  display: block;
  font-family: 'TTIlimClassic-Rg';
  font-size: 6pt;
  line-height: 1.19;
}


/* PRINT_PDF_PAGE_FIX_90X50 */
.cards-pdf____area {
  width: 255.1pt !important;
  height: 141.7pt !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden;
}
.cards-pdf____area .rcard {
  margin: 0 !important;
}

@media print {
  @page {
    size: 90mm 50mm;
    margin: 0;
  }

  html,
  body.print {
    width: 90mm !important;
    height: 50mm !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .block-cards-print {
    width: 90mm !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .cards-print____area {
    width: 90mm !important;
    height: 50mm !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden;
    page-break-after: always;
    break-after: page;
  }

  .cards-print____area:last-child {
    page-break-after: auto;
    break-after: auto;
  }

  .cards-print____area .rcard {
    margin: 0 !important;
  }

  #cards-print-area-1 {
    padding-top: 0 !important;
  }
}


/* DESIGN1_PRINT_DIVIDER_FIX */
@media print {
  .rcard:not(.rcard-d2):not(.rcard-d3) .rcard__divider {
    height: 0 !important;
    background: none !important;
    border-top: 0.5pt solid #343936 !important;
  }
}

/* SAVED_FIELD_SUGGESTION */
.saved-suggestion-wrap {
  position: relative;
}

.saved-suggestion-wrap > input {
  width: 100%;
  box-sizing: border-box;
}

.saved-field-suggestion {
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  z-index: 50;
  width: 100%;
  margin: 2px 0 0;
  padding: 12px 16px;
  border: 1px solid #b8b8b8;
  background: #fff;
  color: #333;
  font: inherit;
  text-align: left;
  cursor: pointer;
  box-sizing: border-box;
  box-shadow: 0 3px 8px rgba(0,0,0,0.12);
}

.saved-field-suggestion:hover,
.saved-field-suggestion:focus {
  background: #f2f2f2;
  outline: none;
}


/* SAVED_FIELD_SUGGESTION_FIXED */
.saved-field-suggestion {
  position: absolute;
  z-index: 9999;
  margin: 0;
  padding: 12px 16px;
  border: 1px solid #b8b8b8;
  background: #fff;
  color: #333;
  font: inherit;
  text-align: left;
  cursor: pointer;
  box-sizing: border-box;
  box-shadow: 0 3px 8px rgba(0,0,0,0.12);
}
.saved-field-suggestion:hover,
.saved-field-suggestion:focus {
  background: #f2f2f2;
  outline: none;
}


/* MICROSOFT_YAHEI_CHINESE_FONT */
.lang-group-cn,
.lang-group-cn input,
.rcard-cn,
.rcard-cn .rcard__name,
.rcard-cn .rcard__position,
.rcard-cn .rcard__addr,
.rcard-cn .rcard__contact {
  font-family: "Microsoft YaHei", "微软雅黑", "Noto Sans CJK SC", "PingFang SC", sans-serif !important;
}

/* FIGMA_CARD_ALIGNMENT_2026 */
.rcard .rcard__logo {
  left: 14.2pt;
  top: 16.5pt;
  height: 26pt;
}
.rcard .rcard__logo img {
  height: 26pt;
  width: auto;
}

.rcard .rcard__name {
  left: 14.2pt;
  top: 47.5pt;
  width: 226.8pt;
  text-align: center;
}
.rcard .rcard__name__last {
  font-size: 10.5pt;
  line-height: 1;
}
.rcard .rcard__name__first {
  font-size: 8.2pt;
  line-height: 1;
  margin-top: 2.2pt;
}
.rcard .rcard__position {
  left: 14.2pt;
  top: 81.8pt;
  width: 226.8pt;
  font-size: 6.6pt;
  line-height: 1.15;
  text-align: center;
}
.rcard .rcard__divider {
  left: 14.2pt;
  top: 104.3pt;
  width: 226.8pt;
  height: 0;
  background: none;
  border-top: 0.3pt solid #707070;
}
.rcard .rcard__addr {
  left: 14.2pt;
  top: 117.7pt;
  width: 145pt;
  font-size: 4.5pt;
  line-height: 1.2;
}
.rcard .rcard__contact {
  left: 164.4pt;
  top: 117.7pt;
  width: 76.5pt;
  font-size: 4.5pt;
  line-height: 1.2;
}

/* Figma design 2 */
.rcard.rcard-d2 .rcard__logo {
  left: 21pt;
  top: 16.5pt;
  height: 26pt;
}
.rcard.rcard-d2 .rcard__name {
  left: 21pt;
  top: 72pt;
  width: 132pt;
  text-align: left;
}
.rcard.rcard-d2 .rcard__name__last {
  font-size: 9pt;
}
.rcard.rcard-d2 .rcard__name__first {
  font-size: 6.8pt;
  margin-top: 2.4pt;
}
.rcard.rcard-d2 .rcard__position {
  left: 21pt;
  top: 109.5pt;
  width: 132pt;
  font-size: 6pt;
  line-height: 1.15;
  text-align: left;
}
.rcard.rcard-d2 .rcard__qr {
  right: 23.5pt;
  top: 70.5pt;
  width: 52.5pt;
  height: 52.5pt;
}

/* Figma design 3 */
.rcard.rcard-d3 .rcard__logo {
  left: 14.2pt;
  top: 16.5pt;
  height: 26pt;
}
.rcard.rcard-d3 .rcard__name {
  left: 0;
  top: 47.5pt;
  width: 255.1pt;
  text-align: center;
}
.rcard.rcard-d3 .rcard__position {
  left: 0;
  top: 81.8pt;
  width: 255.1pt;
  text-align: center;
}
.rcard.rcard-d3 .rcard__divider {
  left: 14.2pt;
  top: 102pt;
  width: 226.8pt;
  border-top: 0.3pt solid #707070;
}
.rcard.rcard-d3 .rcard__qr {
  left: 14.2pt;
  top: 108pt;
  width: 25.5pt;
  height: 25.5pt;
}
.rcard.rcard-d3 .rcard__addr {
  left: 46pt;
  top: 108pt;
  width: 111pt;
  font-size: 4.5pt;
  line-height: 1.2;
}
.rcard.rcard-d3 .rcard__contact {
  left: 164.4pt;
  top: 108pt;
  width: 76.5pt;
  font-size: 4.5pt;
  line-height: 1.2;
}
.rcard.rcard-d3 .rcard__site {
  font-size: 4.5pt;
  line-height: 1.2;
}