/* SENLARO V17: restore V14 grid foundation before these rules; visual repair for all five core card pages.
   Private preview only. Focused fixes after owner screenshots 2026-10-19.
   No banking data, CRM or production selectors involved. */

body.page-product.v16-product .v14-content{
 color:#102f3e;
}
body.page-product.v16-product .v14-section{
 padding:clamp(38px,4.7vw,65px) 0;
}
body.page-product.v16-product .v14-section-heading{
 max-width:900px;
 margin-bottom:25px;
}
body.page-product.v16-product .v14-section-heading h2{
 letter-spacing:-.035em;
 font-size:clamp(28px,3.2vw,40px);
 line-height:1.15;
}
body.page-product.v16-product .v14-section-heading p{
 max-width:700px;
 line-height:1.55;
}
body.page-product.v16-product .v14-spec-grid{
 display:grid;
 grid-template-columns:repeat(3,minmax(0,1fr));
 gap:13px;
}
body.page-product.v16-product .v14-spec-grid>div{
 display:flex;
 flex-direction:column;
 align-items:flex-start;
 justify-content:flex-start;
 gap:8px;
 min-height:115px;
 padding:22px 23px;
 border:1px solid #d9e9e2;
 border-radius:17px;
 background:#fff;
}
body.page-product.v16-product .v14-spec-grid small{
 display:block;
 font-size:12px;
 line-height:1.45;
 color:#59727b;
 font-weight:660;
 margin:0;
}
body.page-product.v16-product .v14-spec-grid strong{
 display:block;
 margin:0;
 font-size:clamp(14px,1.2vw,16px);
 line-height:1.4;
 color:#123744;
 overflow-wrap:anywhere;
}
body.page-product.v16-product .v14-uses{
 display:grid;
 grid-template-columns:repeat(2,minmax(0,1fr));
 gap:14px;
}
body.page-product.v16-product .v14-uses article{
 padding:25px 27px;
 display:flex;
 flex-direction:column;
 min-height:147px;
 background:#fff;
 border-radius:17px;
}
body.page-product.v16-product .v14-uses h3{
 font-size:18px;
 font-weight:780;
 color:#143746;
}
body.page-product.v16-product .v14-uses p{
 font-size:14px;line-height:1.55;
}
body.page-product.v16-product .v14-pricing{
 display:grid;
 grid-template-columns:minmax(0,.93fr) minmax(0,1.07fr);
 align-items:stretch;
 gap:19px;
}
body.page-product.v16-product .v14-senlaro-fee{
 display:flex;
 flex-direction:column;
 align-items:flex-start;
 gap:0;
 min-width:0;
 padding:clamp(27px,3vw,36px);
 background:#102f40;
 border-radius:20px;
 box-shadow:0 12px 30px rgba(12,45,57,.09);
}
body.page-product.v16-product .v14-senlaro-fee>span{
 display:block;
 font-size:13px;
 letter-spacing:.02em;
 font-weight:760;
 color:#d4ebe6 !important;
}
body.page-product.v16-product .v14-senlaro-fee>strong{
 display:block;
 margin:15px 0 19px;
 color:#fff !important;
 font-size:clamp(36px,3.5vw,49px);
 line-height:1.06;
 letter-spacing:-.045em;
 font-weight:850;
}
body.page-product.v16-product .v14-senlaro-fee>p{
 color:#e2eeec !important;
 font-size:14.5px;
 font-weight:430;
 line-height:1.75;
 margin:0 0 22px;
 max-width:50ch;
}
body.page-product.v16-product .v14-senlaro-fee>a{
 display:inline-flex;
 align-items:center;
 justify-content:center;
 padding:13px 18px;
 min-height:47px;
 border-radius:11px;
 background:#dff4e9 !important;
 color:#0d4c3d !important;
 margin-top:auto;
 text-decoration:none;
 font-size:13px;
 font-weight:780;
 box-shadow:0 2px 8px rgba(0,0,0,.035);
 transition:transform .22s ease,background-color .22s ease,box-shadow .22s ease;
}
body.page-product.v16-product .v14-senlaro-fee>a:hover{
 transform:translateY(-3px);
 background:#bfe5d2 !important;
 box-shadow:0 8px 18px rgba(4,24,20,.17);
}
body.page-product.v16-product .v14-bank-fee{
 display:flex;
 flex-direction:column;
 min-width:0;
 gap:12px;
 padding:clamp(24px,2.7vw,33px);
 border:1px solid #d8e7df;
 border-radius:20px;
 background:#fff;
}
body.page-product.v16-product .v14-bank-fee h3{
 color:#13394a;
 font-weight:810;
 font-size:21px;
 letter-spacing:-.025em;
 margin:0 0 6px;
}
body.page-product.v16-product .v14-bank-fee>p{
 color:#4e6670;
 font-size:13px;
 line-height:1.65;
 margin-top:auto;
 padding-top:9px;
}
body.page-product.v16-product .v16-fee-rows{
 display:grid;
 gap:0;
}
body.page-product.v16-product .v16-fee-row{
 display:grid;
 grid-template-columns:minmax(0,1fr) minmax(0,max-content);
 align-items:baseline;
 gap:8px 14px;
 padding:11px 0;
 font-size:14px;
 line-height:1.4;
 border-bottom:1px solid #e3eee7;
}
body.page-product.v16-product .v16-fee-row:last-child{
 border-bottom:0;
}
body.page-product.v16-product .v16-fee-row span{
 color:#385760;
 font-size:14px;
 font-weight:630;
}
body.page-product.v16-product .v16-fee-row strong{
 color:#133647;
 font-weight:810;
 font-size:14px;
 text-align:right;
 font-variant-numeric:tabular-nums;
 overflow-wrap:anywhere;
}
body.page-product.v16-product .v14-tariff-detail{
 display:block;
 max-width:none;
 padding:20px 25px;
 margin-top:18px;
 border:1px solid #d8e6de;
 border-radius:16px;
 background:#fff;
}
body.page-product.v16-product .v14-tariff-detail summary{
 font-size:14px;line-height:1.5;
 font-weight:760;
 cursor:pointer;
}
body.page-product.v16-product .v16-details-list{
 display:grid;
 gap:0;
}
body.page-product.v16-product .v16-details-list .v16-fee-row{
 grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);
 align-items:start;
 gap:18px;
 padding:14px 0;
}
body.page-product.v16-product .v16-details-list .v16-fee-row strong{
 font-size:14px;line-height:1.55;
 font-weight:680;text-align:left;
 color:#31565f;
}
body.page-product.v16-product .v14-docs-grid{
 display:grid;
 grid-template-columns:repeat(2,minmax(0,1fr));
 gap:13px;
}
body.page-product.v16-product .v14-docs-grid>div{
 display:flex;
 align-items:center;
 min-height:79px;
 padding:19px 23px;
 font-size:15px;
 line-height:1.5;
 border:1px solid #d9e8e0;
 border-radius:15px;
 background:#fff;
 color:#1f3e4e;
 font-weight:690;
}
body.page-product.v16-product .v14-footnote{
 font-size:13.5px;
 color:#4c686f;
 line-height:1.55;
 margin:17px 0 0;
}
body.page-product.v16-product .v14-steps{
 display:grid;
 grid-template-columns:repeat(4,minmax(0,1fr));
 gap:14px;
 list-style:none;
 margin:0;
 padding:0;
}
body.page-product.v16-product .v14-steps li{
 background:#eef5f0;
 padding:24px;
 min-height:200px;
 border:1px solid #dce8df;
 border-radius:17px;
}
body.page-product.v16-product .v14-steps li::before{
 color:#166e5a;
}
body.page-product.v16-product .v14-callouts{
 display:grid;
 grid-template-columns:repeat(3,minmax(0,1fr));
 gap:15px;
}
body.page-product.v16-product .v14-callouts p{
 min-width:0;
 margin:0;
 padding:24px 23px;
 background:#fff;
 border:1px solid #d9e8df;
 border-radius:17px;
 line-height:1.7;
 font-size:14px;
 color:#48616c;
 overflow-wrap:break-word;
}
body.page-product.v16-product .v14-callouts strong{
 display:block;
 font-size:16px;
 color:#163d4b;
 line-height:1.3;
 margin:0 0 12px;
}
body.page-product.v16-product .v14-faq{
 display:grid;
 gap:11px;
 max-width:940px;
}
body.page-product.v16-product .v14-faq details{
 border:1px solid #d9e8e1;
 border-radius:15px;
 padding:20px 23px;
 background:#fff;
}
body.page-product.v16-product .v14-faq details summary{
 font-size:15px;
 line-height:1.5;
 font-weight:740;
 color:#143a49;
}
body.page-product.v16-product .v14-related-grid{
 display:grid;
 grid-template-columns:repeat(3,minmax(0,1fr));
 gap:17px;
 align-items:stretch;
}
body.page-product.v16-product .v14-related-card{
 position:relative;
 display:flex;
 flex-direction:column;
 width:100%;
 min-width:0;
 gap:0;
 padding:20px;
 border:1px solid #d6e6de;
 border-radius:20px;
 background:#fff;
 text-decoration:none;
 color:#143748;
 cursor:pointer;
 min-height:405px;
 box-shadow:0 7px 16px rgba(15,55,48,.035);
 transition:transform .28s cubic-bezier(.2,.75,.3,1),box-shadow .28s ease,border-color .28s ease;
}
body.page-product.v16-product .v14-related-card:hover,
body.page-product.v16-product .v14-related-card:focus-visible{
 border-color:#86c5a9;
 box-shadow:0 19px 37px rgba(12,55,41,.12);
 transform:translateY(-5px);
}
body.page-product.v16-product .v14-related-card img{
 display:block;
 width:100%;
 height:auto;
 aspect-ratio:4/3;
 max-height:195px;
 padding:3px 4px;
 margin:0 0 6px;
 object-fit:contain!important;
 border-radius:13px;
 background:linear-gradient(180deg,#f3f8f5,#fff);
}
body.page-product.v16-product .v14-related-card small{
 display:block;
 font-size:11px;
 letter-spacing:.075em;
 text-transform:uppercase;
 color:#4e8070;
 margin:11px 0 0;
 font-weight:740;
}
body.page-product.v16-product .v14-related-card h3{
 margin:8px 0 6px;
 color:#123646;
 font-size:19px;
 line-height:1.3;
 font-weight:820;
}
body.page-product.v16-product .v14-related-card p{
 min-height:0!important;
 margin:0 0 15px;
 font-size:13px;
 color:#557078;
 line-height:1.5;
}
body.page-product.v16-product .v14-related-card>strong{
 display:block;
 font-size:25px;
 color:#103442;
 line-height:1.2;
 margin:auto 0 5px;
 letter-spacing:-.035em;
}
body.page-product.v16-product .v14-related-card>span{
 display:block;
 min-height:26px;
 font-size:11.5px;
 color:#597079;
 line-height:1.5;
 margin:1px 0 12px;
}
body.page-product.v16-product .v14-related-card em{
 display:flex;
 align-items:center;
 justify-content:space-between;
 gap:9px;
 min-height:45px;
 border-radius:10px;
 margin:0;
 padding:12px 14px;
 font-size:13px;
 font-weight:760;
 text-align:left;
 color:#0e5949;
 background:#e5f3eb;
 transition:background-color .24s ease,color .24s ease;
}
body.page-product.v16-product .v14-related-card:hover em,
body.page-product.v16-product .v14-related-card:focus-visible em{
 background:#ceead9;color:#104d40;
}
body.page-product.v16-product .v14-last-box{
 display:grid;
 grid-template-columns:minmax(0,1fr) auto;
 align-items:center;
 gap:25px;
 background:#102f40;
 border-radius:20px;
 padding:clamp(27px,3vw,39px);
 color:#fff!important;
}
body.page-product.v16-product .v14-last-box h2{
 color:#fff!important;
 font-size:clamp(25px,2.6vw,33px);
 line-height:1.2;
}
body.page-product.v16-product .v14-last-box p{
 color:#deeeeb!important;
}
body.page-product.v16-product .v14-last-links{
 display:flex;
 flex-wrap:wrap;
 gap:10px;
 justify-content:flex-end;
}
body.page-product.v16-product .v14-last-links a{
 display:inline-flex;
 align-items:center;
 justify-content:center;
 min-height:47px;
 padding:12px 15px;
 color:#0f5143;
 background:#d9f1e6;
 border-radius:10px;
 font-weight:780;
 transition:background-color .22s ease,transform .22s ease;
}
body.page-product.v16-product .v14-last-links a:hover{
 background:#bee7d1;
 transform:translateY(-3px);
}
body.page-product.v16-product a:focus-visible,
.vk-catalog__card.v17-card-ready:focus-visible,
.selection-card.v17-card-ready:focus-visible,
.cro-six-card:focus-visible{
 outline:3px solid #168469!important;
 outline-offset:3px;
}
/* Wider card click area and clear hover action, while compare checkboxes remain independently operable. */
.vk-catalog__card.v17-card-ready,
.selection-card.v17-card-ready{
 cursor:pointer;
 transition:transform .26s ease,border-color .26s ease,box-shadow .26s ease;
}
.vk-catalog__card.v17-card-ready:hover,
.vk-catalog__card.v17-card-ready:focus-visible,
.selection-card.v17-card-ready:hover,
.selection-card.v17-card-ready:focus-visible{
 transform:translateY(-4px);
 border-color:#8abfa9;
 box-shadow:0 18px 34px rgba(12,53,44,.13);
}
.cro-six-card{
 transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease;
}
.cro-six-card:hover{
 transform:translateY(-4px);
 box-shadow:0 16px 31px rgba(13,60,45,.13);
}
/* Better micro-motion, but never fade the important white-on-dark title or bank fees to illegibility. */
@media(prefers-reduced-motion:no-preference){
 body.page-product.v16-product .v15-motion-ready .v15-reveal{
  transition:opacity .46s ease-out,transform .46s cubic-bezier(.18,.74,.28,1);
 }
 body.page-product.v16-product .v15-motion-ready .v15-reveal:not(.v15-visible){
  opacity:.84;
  transform:translateY(16px);
 }
 body.page-product.v16-product .v14-last-box{
  transition:box-shadow .25s ease;
 }
 @keyframes v17-enter{
  from{opacity:.85;transform:translateY(9px)}
  to{opacity:1;transform:translateY(0)}
 }
 body.page-product.v16-product .v15-hero-layout{
  animation:v17-enter .42s cubic-bezier(.16,.78,.25,1) both;
 }
}
/* Moderate tablets */
@media(min-width:851px) and (max-width:1150px){
 body.page-product.v16-product .v14-spec-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 body.page-product.v16-product .v14-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
 body.page-product.v16-product .v14-callouts{grid-template-columns:1fr}
 body.page-product.v16-product .v14-related-card{min-height:370px;padding:17px}
 body.page-product.v16-product .v14-related-card h3{font-size:17px}
 body.page-product.v16-product .v14-related-card img{max-height:155px}
 body.page-product.v16-product .v14-pricing{grid-template-columns:1fr 1fr}
 body.page-product.v16-product .v14-last-box{grid-template-columns:1fr}
 body.page-product.v16-product .v14-last-links{justify-content:flex-start}
}
@media(max-width:850px){
 body.page-product.v16-product .v14-spec-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 body.page-product.v16-product .v14-uses{grid-template-columns:1fr}
 body.page-product.v16-product .v14-pricing{grid-template-columns:1fr}
 body.page-product.v16-product .v14-docs-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 body.page-product.v16-product .v14-callouts{grid-template-columns:1fr}
 body.page-product.v16-product .v14-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
 body.page-product.v16-product .v14-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 body.page-product.v16-product .v14-related-card{min-height:375px}
 body.page-product.v16-product .v14-last-box{display:block}
 body.page-product.v16-product .v14-last-links{margin-top:23px;justify-content:flex-start}
}
@media(max-width:570px){
 body.page-product.v16-product .v14-section{padding:36px 0}
 body.page-product.v16-product .v14-section-heading{margin-bottom:19px}
 body.page-product.v16-product .v14-section-heading h2{font-size:clamp(27px,7vw,34px)}
 body.page-product.v16-product .v14-spec-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
 body.page-product.v16-product .v14-spec-grid>div{padding:16px;min-height:106px}
 body.page-product.v16-product .v14-spec-grid strong{font-size:14px}
 body.page-product.v16-product .v14-uses article{padding:20px;min-height:0}
 body.page-product.v16-product .v14-docs-grid{grid-template-columns:1fr;gap:10px}
 body.page-product.v16-product .v14-docs-grid>div{min-height:0;padding:17px 19px;font-size:14px}
 body.page-product.v16-product .v14-senlaro-fee{padding:25px}
 body.page-product.v16-product .v14-bank-fee{padding:23px 20px}
 body.page-product.v16-product .v16-fee-row{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:12px}
 body.page-product.v16-product .v16-fee-row strong{font-size:13px}
 body.page-product.v16-product .v16-details-list .v16-fee-row{grid-template-columns:1fr;gap:4px}
 body.page-product.v16-product .v14-callouts p{padding:20px 19px}
 body.page-product.v16-product .v14-steps{grid-template-columns:1fr;gap:11px}
 body.page-product.v16-product .v14-steps li{min-height:0;padding:21px}
 body.page-product.v16-product .v14-related-grid{grid-template-columns:1fr;gap:14px}
 body.page-product.v16-product .v14-related-card{min-height:0;padding:18px}
 body.page-product.v16-product .v14-related-card img{max-height:170px}
 body.page-product.v16-product .v14-related-card>strong{margin-top:5px}
 body.page-product.v16-product .v14-related-card p{margin-bottom:12px}
 body.page-product.v16-product .v14-related-card>span{min-height:0}
 body.page-product.v16-product .v14-last-box{padding:25px 22px}
 body.page-product.v16-product .v14-last-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
 body.page-product.v16-product .v14-last-links a:last-child{grid-column:span 2}
}
@media(max-width:350px){
 body.page-product.v16-product .v14-spec-grid{grid-template-columns:1fr}
 body.page-product.v16-product .v16-fee-row{grid-template-columns:1fr;gap:3px}
 body.page-product.v16-product .v16-fee-row strong{text-align:left}
}
@media(prefers-reduced-motion:reduce){
 body.page-product.v16-product *, .vk-catalog__card, .selection-card, .cro-six-card{
  animation:none!important;transition:none!important;scroll-behavior:auto!important;
 }
}

/* On the previously accepted Bakai V15: motion only, no changes to pricing/copy/layout. */
@media(prefers-reduced-motion:no-preference){
 body.page-product.v15-bakai:not(.v16-product) .v15-motion-ready .v15-reveal:not(.v15-visible){
  opacity:.84;
  transform:translateY(15px);
 }
 body.page-product.v15-bakai:not(.v16-product) .v15-motion-ready .v15-reveal{
  transition:opacity .46s ease-out,transform .46s cubic-bezier(.18,.74,.28,1);
 }
 body.page-product.v15-bakai:not(.v16-product) .v14-related-card:hover{
  transform:translateY(-4px);
  box-shadow:0 17px 33px rgba(12,55,41,.11);
 }
}
