/* ROK Core / Pricing Card widget styles */
.rok-pricing-card {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    width: 100%;
    max-width: 720px;
    margin-inline: auto;
    box-sizing: border-box;
    padding: 22px 34px 26px;
    border: 1px solid rgba(255,255,255,.95);
    border-radius: 20px;
    background: #fff;
    color: #101f50;
    box-shadow: 0 22px 65px rgba(39,125,214,.16), 0 3px 12px rgba(37,78,135,.05);
    font-family: inherit;
}
.rok-pricing-card::before {
    content: "";
    position: absolute;
    z-index: -2;
    inset: 0;
    pointer-events: none;
    background: radial-gradient(ellipse at 5% 0%,rgba(7,104,255,.09),transparent 28%),radial-gradient(ellipse at 100% 100%,rgba(255,140,0,.09),transparent 24%),linear-gradient(135deg,#fff 0%,#fff 62%,#f7fbff 100%);
}
.rok-pricing-decor { position:absolute; z-index:-1; pointer-events:none; }
.rok-pricing-decor-top {
    width:185px;height:185px;top:-105px;left:-85px;border-radius:35px;transform:rotate(38deg);
    background:linear-gradient(135deg,#0877ff,#4fa9ff);opacity:.95;
}
.rok-pricing-decor-bottom {
    width:190px;height:190px;right:-115px;bottom:-115px;border-radius:50%;
    background:linear-gradient(135deg,rgba(255,173,45,.08),rgba(255,132,0,.18));
}
.rok-pricing-topline { display:flex;align-items:center;justify-content:center;position:relative;margin-bottom:0px; }
.rok-pricing-only {
    display:inline-flex;align-items:center;justify-content:center;min-width:112px;padding:8px 22px;border-radius:999px;
    background:linear-gradient(135deg,#e8f2ff,#d4e7ff);color:#10356f;font-size:20px;font-weight:800;letter-spacing:.06em;line-height:1.2;
}
.rok-pricing-value-badge {
    position:absolute;top:0;right:0;width:112px;height:112px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;
    box-sizing:border-box;padding:12px;border:4px solid #fff;border-radius:30% 38% 30% 38%;
    background:linear-gradient(145deg,#1687ff,#0645d8);color:#fff;text-align:center;
    box-shadow:0 9px 24px rgba(0,93,225,.26),inset 0 1px 0 rgba(255,255,255,.6);transform:rotate(5deg);
}
.rok-pricing-diamond { font-size:30px;line-height:1; }
.rok-pricing-value-badge>span:nth-child(2) { font-size:13px;font-weight:800;line-height:1.15;letter-spacing:.02em; }
.rok-pricing-stars { margin-top:3px;color:#ffd23f;font-size:15px;letter-spacing:2px;line-height:1; }
.rok-pricing-price-wrap { text-align:center; }
.rok-pricing-price {
    display:inline-block;
	background:linear-gradient(180deg,#ff9c00 0%,#ff5a0a 48%,#f72e16 100%);
	background-clip:text;
	-webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
	font-size:80px;
	font-weight:700;
	line-height:1;
	letter-spacing: 2px;
	filter: drop-shadow(0 7px 0 rgba(255,83,20,.08));
	font-family: fira sans;
}
.rok-pricing-payment-title {
    width:100%;
	margin:10px auto 10px;
	padding:12px 30px;
	border-radius:999px;
    background:linear-gradient(100deg,#fff0e4,#ffe2d0);
	color:#b83b12;
	text-align:center;
    font-size:20px;
	font-weight:900;
	line-height:1;
}
.rok-pricing-features { list-style:none!important;display:flex;flex-direction:column;gap:0;margin:0 0 10px!important;padding:0!important; }
.rok-pricing-feature { 
	  display: flex;
	  align-items: center;
	  gap: 20px;
	  min-height: 35px;
	  margin: 0 !important;
	  padding: 2px 0 !important;
	  list-style: none !important;
	  border-bottom: 1px solid #e5edf7;
  }
.rok-pricing-feature:last-child { border-bottom:0; }
.rok-pricing-feature-icon {
    flex:0 0 32px;
	width:32px;
	height:32px;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	border-radius:50%;
    background:#e8f3ff;
	color:#0866e8;
	font-size:24px;
}
.rok-pricing-feature:nth-child(2) .rok-pricing-feature-icon { background:#fff0e5;color:#ff4b12; }
.rok-pricing-feature:nth-child(3) .rok-pricing-feature-icon { background:#ddfff0;color:#079653; }
.rok-pricing-feature-icon i { 
	line-height:1; 
	}
.rok-pricing-feature-icon svg { 
	display:block;
	width:24px;
	height:24px; 
	}
.rok-pricing-feature-text { 
	color:#101f50;
	font-size:16px;
	font-weight:600;
	line-height:1.35; 
	}
.rok-pricing-button {
    position:relative;
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:12px;
	width:100%;
	min-height:60px;
	box-sizing:border-box;
    padding:10px 22px;
	overflow:hidden;
	border:1px solid rgba(255,255,255,.85);
	border-radius:10px;
    background:linear-gradient(110deg,var(--rok-price-gradient-start,#ff8a00),var(--rok-price-gradient-end,#ff3215));
    color:#fff!important;
	text-decoration:none !important;
	box-shadow:0 13px 28px rgba(255,78,10,.25),inset 0 1px 0 rgba(255,255,255,.55);
    transition:transform .25s ease,box-shadow .25s ease,filter .25s ease;
	justify-content:center;
}
.rok-pricing-button::before { content:"";position:absolute;top:-60%;left:-10%;width:48%;height:220%;border-radius:50%;background:rgba(255,255,255,.10);transform:rotate(-18deg);pointer-events:none; }
.rok-pricing-button:hover,.rok-pricing-button:focus { color:#fff!important;transform:translateY(-3px);filter:saturate(1.08);box-shadow:0 17px 34px rgba(255,78,10,.32),inset 0 1px 0 rgba(255,255,255,.6); }
.rok-pricing-cart { flex:0 0 56px;display:inline-flex;align-items:center;justify-content:center;color:inherit; }
.rok-pricing-cart svg { width:43px;height:43px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round; }
.rok-pricing-button-separator { width:1px;height:42px;flex:0 0 1px;background:rgba(255,255,255,.48); }
.rok-pricing-button-text { 
	text-align:center;
	color:#fff;
	font-size:22px;
	font-weight:800;
	line-height:1.2; 
	}
.rok-pricing-arrow { flex:0 0 58px;width:58px;height:58px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.42);border-radius:50%;background:rgba(255,255,255,.16);color:#fff;transition:transform .25s ease,background .25s ease; }
.rok-pricing-arrow svg { width:31px;height:31px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round; }
.rok-pricing-button:hover .rok-pricing-arrow { transform:translateX(3px);background:rgba(255,255,255,.25); }
.rok-pricing-footer { 
	display:flex;
	justify-content:center;
	align-items:center;
	gap:12px;
	margin-top:10px;
	color:#526481;
	text-align:center;
	font-size:16px;
	line-height:1.5; 
	}
.rok-pricing-footer-shield {
  flex: 0 0 20px;
  width: 20px;
  height: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 2px solid currentColor;
  border-radius: 50% 50% 45% 45%;
  font-size: 12px;
  font-weight: 800;
  line-height: 1;
}}
@media(max-width:767px) {
    .rok-pricing-card { padding:24px 18px 20px;border-radius:22px; }
    .rok-pricing-topline { min-height:48px;justify-content:flex-start;margin-left:2px; }
    .rok-pricing-only { min-width:82px;padding:7px 15px;font-size:15px; }
    .rok-pricing-value-badge { width:78px;height:78px;top:-4px;right:-4px;border-width:3px;border-radius:27%;padding:7px; }
    .rok-pricing-diamond { font-size:21px; }
    .rok-pricing-value-badge>span:nth-child(2) { font-size:9px; }
    .rok-pricing-stars { font-size:10px;letter-spacing:1px; }
    .rok-pricing-price { font-size:clamp(66px,19vw,92px);letter-spacing:-3px; }
    .rok-pricing-payment-title { max-width:95%;margin:13px auto 19px;padding:10px 17px;font-size:19px; }
    .rok-pricing-feature { gap:13px;min-height:65px;padding:8px 0!important; }
    .rok-pricing-feature-icon { flex-basis:52px;width:52px;height:52px;font-size:25px; }
    .rok-pricing-feature-icon svg { width:27px;height:27px; }
    .rok-pricing-feature-text { font-size:16px; }
    .rok-pricing-features { margin-bottom:19px!important; }
    .rok-pricing-button { min-height:64px;gap:8px;padding:10px 12px; }
    .rok-pricing-cart { flex-basis:30px; }
    .rok-pricing-cart svg { width:27px;height:27px; }
    .rok-pricing-button-separator { height:29px; }
    .rok-pricing-button-text { font-size:16px; }
    .rok-pricing-arrow { flex-basis:38px;width:38px;height:38px; }
    .rok-pricing-arrow svg { width:23px;height:23px; }
    .rok-pricing-footer { gap:8px;margin-top:14px;font-size:12px; }
    .rok-pricing-footer-shield { flex-basis:22px;width:22px;height:22px;font-size:13px; }
}
