/* CSS Document */
.show-cart {
	position:fixed;
	top:150px;
	right:0;
	width:40px;
	height:40px;
	line-height:40px;
	color:#fff;
	z-index:20;
	cursor:pointer;
	border-radius:4px 0 0 4px;
 	-webkit-transform: translate3d(0,0,0);
	box-shadow: 0px 0px 0px 3px rgba(0,0,0,0.1);
}
.show-cart span {
	position:absolute;
	width:20px;
	height:20px;
	line-height:20px;
	bottom:-5px;
	left:-5px;
	border-radius:100%;
	z-index:2;
	line-height:20px;
	background:#fff;
	color:#292929;
	font-weight:700;
	font-size:10px;
	box-shadow: 0 2px 12px 0 rgba(0,0,0,.12);
}
 
.cart-modal {
	position:fixed;
	top:70px;
	bottom:0;
	background:#fff;
	width:350px;
	right:-350px;
	z-index:100;
	padding:100px 30px;
	overflow:auto;
	-webkit-transform: translate3d(0,0,0);
}
.cart-modal h3 {
	text-align:left;
	float:left;
	width:100%;
	padding:30px 0 20px;
	text-align: left;
    font-size: 20px;
    font-weight: 600;
    color: #566985;
    font-family: 'Nunito', sans-serif;
	border-top:1px solid #eee;
}
.cart-modal-list li {
	float:left;
	padding:15px 20px 6px 15px;
	margin-bottom:10px;
 
	position:relative;
	width:100%;
	background:#f5f5f5;
	border-radius:4px;
}
.cart-modal-list li  .cart-modal-image {
	float:left;
	width:70px;
	height:60px;
}
.cart-modal-list li  .cart-modal-image img , .cart-image img {
	width:100%;
	height:auto;
	transform: translateZ(0);
	border-radius:4px;
}
.cart-modal-det {
	float:left;
	padding-left:20px;
	text-align:left;
}
.cart-modal-det a {
	font-weight:700;
	float:left;
	width:100%;
	padding-bottom:5px;
	font-size:13px;
	color: #7d93b2;
	
}
.cart-modal-det  .quantity {
	color:#999;
}
.cart-modal-list a.remove {
	width:20px;
	height:20px;
	position:absolute;
	top:10px;
	right:10px;
	line-height:20px;
}
.cart-modal-total{
	margin:30px 0;
	padding-bottom:30px;
	border-bottom:1px solid #eee;
}
.cart-modal-total-title {
	float:left;
 
	font-weight:700;
}
.cart-modal-total .woocommerce-Price-amount {
	float:right;
	font-weight:700;
	font-size:15px;
	color:#666;
}
.close-cart {
	position:absolute;
	top:-50px;
	right:0;
	cursor:pointer;
	z-index:20;
	padding:8px 20px;
	color:#fff;
	border-radius:4px;
}
.close-cart i {
	padding-left:10px;
	
}
.clear-cart {
	position:absolute;
	right:0;
	top:34px;
	cursor:pointer;
	font-size:14px;
}
.cart-overlay {
	position:fixed;
	top:70px;
	bottom:0;
	background: rgba(37,44,65,.7);
	width:100%;
	right:0;
	z-index:99;
 	-webkit-transform: translate3d(0,0,0);
	display:none;
}
.cart-sb_footer {
	overflow:hidden;
	border-radius:6px;
}
.cart-sb_footer a{
	padding:14px 0;
	float:left;
	width:50%;
	position:relative;
	color:#fff;
	font-size:10px;
	text-transform:uppercase;
	font-weight:600;
}
.cart-sb_footer a:hover {
	color:rgba(255,255,255,0.6)
}
.shop-item {
	float:left;
	width:50%;
	padding: 0 8px 0 0;
    margin-bottom: 12px;
}
 
.shop-item-media  {
	position:relative;
	overflow:hidden;
	border-radius:10px 10px 0 0;
}
 

.shop-item-media  a .overlay {
	opacity:0;
	transition: all .2s ease-in-out;
}
.shop-item-media:hover .overlay {
	opacity:0.4;
}
.shop-item-media img , .shop-media-img img {
	width:100%;
	height:auto;
}
.shop-media-img  {
	overflow:hidden;
	position:relative;
	border-radius:6px;
 
}
 
.shop-item_title {
	padding:14px 20px;
	background:#fff;
	border:1px solid #eee;
	border-top:none;
	border-radius:0 0 10px 10px;
	overflow:hidden;
 
}
.shop-item_title h4 {
	white-space:nowrap;
	overflow:hidden;
 
	display:block;
	text-align:left;
	font-size:16px;
	margin-bottom:8px;
}
.shop-item_title h4 a{
    color: #566985;
}
.shop-item_price {
	text-align:left;
	float:left;
}
.add-tocart {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 20;
    cursor: pointer;
    color: #fff;
	width:120px;
	height:40px;
	line-height:40px;
	border-radius:40px;
	margin:-20px 0 0 -60px;
    box-shadow: 0px 0px 0px 4px rgba(255,255,255,0.4);
	font-weight:600;
	font-size:11px;
	transition: all .2s ease-in-out;
	visibility:hidden;
	opacity:0;
}
.shop-item-media:hover .add-tocart {
	visibility:visible;
	opacity:1;
}
.add-tocart:hover , .shop-item_link:hover , .shop-rage-wrap .srw_btn:hover , .product-header_form button:hover {
	background: #a126cb;
}
.shop-item_price , .shop-item_title h4 a:hover , .show-cart span , .show-cart:hover i , .cart-modal-list a.remove , .close-cart i , .cart-modal-list li a:hover , .clear-cart , .product-header-details_price {
	color:#a126cb;
}
.product-header-details {
	position:relative;
}
.shop-item_link {
	float:right;
	padding:6px 12px;
	border-radius:4px;
	position:relative;
	top:-4px;
	color:#fff;
	font-size:11px;
	font-weight:600;
}
.shop-item-media .geodir-category-opt {
    bottom: 4px;
    padding: 10px 20px;
    cursor: default;
}
.price-rage-wrap.shop-rage-wrap {
	padding-left:0;
	padding-right:70px;
}
.shop-rage-wrap .srw_btn{
	position:absolute;
	right:0;
	width:60px;
	height:26px;
	line-height:26px;
	border-radius:2px;
	color:#fff;
	top:8px;
    font-size: 11px;
    font-weight: 600;
}
.product-header {
	padding:35px 30px 20px;
	overflow:hidden;
}
.phd_sale {
	position:absolute;
	right:-30px;
	top:-35px;
	padding:8px 20px;
	color:#fff;
	border-radius:0 0 0 6px;
}
.product-header-details h3 {
    text-align: left;
    font-weight: 600;
    font-size: 23px;
	color: #566985;
	margin-bottom:14px;
}
.product-header-details  p  , .shop-tab-container p{
    text-align: left;
    color: #878C9F;
    font-size: 12px;
    line-height: 24px;
    padding-bottom: 10px;
}
.product-header-details_price {
	float:left;
    font-size: 16px;
	font-weight:600;
	margin-right:20px;
	position:relative;
}
.product-header-details_price.old-price {
	color:#999;
	text-decoration:line-through;
	margin-right:10px;
	font-size:12px;
	top:4px;
}
.product-header-details .listing-rating-count-wrap {
	top:1px;
	position:relative;
}
.product-header-details .listing-rating-count-wrap .reviews-count{
	color:#666;
	margin-left:10px;
}
.product-header_form .quantity {
	float:left;
}
.product-header_form button {
	margin-top:0;
	margin-left:20px;
	border:none;
	padding:0 30px;
	height:50px;
	line-height:50px;
	color:#fff;
	float:left;
	border-radius:4px;
	font-weight:600;
	font-size:12px;
}
.shop-tab-container {
	padding:35px 30px;
}
.shop-tabs-menu {
	margin-top:20px;
}
.shop-tabs-menu a {
	float:left;
	padding:10px 20px;
	background:#fff;
	font-size:12px;
	font-weight:600;
	color:#666;
    border: 1px solid #e5e7f2;
	border-bottom:0;
	border-right:none;
}
.shop-tabs-menu li:first-child a {
	border-radius:6px 0 0 0;
 
}
.shop-tabs-menu li:last-child a {
	border-radius:0 6px 0 0;
	border-right: 1px solid #e5e7f2;
 
} 
.shop-tabs-menu li.current a {
	color:#fff;
	background:#a126cb;
}
.shop-tabs {
	border-top-left-radius:0;
	margin-bottom:30px;
}
.leave-rating-wrap {
	float:left;
	margin:10px 0 20px;
	width:100%;
}
.leave-rating-title {
	margin-right:10px;
	font-weight:500;
	font-size:14px;
	color: #566985;
	position:relative;
	top:-3px;
	float:left;
}
.leave-rating input[type="radio"] {
    display: none;
}
.leave-rating label {
    font-size: 14px;
    float: left;
    letter-spacing: 4px;
    color: #FACC39;
    cursor: pointer;
    transition: 0.3s;
}
.leave-rating label:hover:before  , .leave-rating label.selected:before {
   font-weight:100
}
.leave-rating:hover input[type="radio"]:checked~label:before , .leave-rating input[type="radio"]:checked~label:before  , .leave-rating label:hover~label:before{
    font-weight:100!important;
}
.shop-review-box {
	padding:0 30px 35px;
}
.shop-list li{
	width:100%;
	float:left;
	margin-bottom: 10px;
	padding:10px 20px;
	color: #888DA0;
    font-weight: 400;
    background: #F5F6FA;
	text-align:left;
}
.shop-list li span {
	min-width:150px;
	float:left;
	color:#666;
}
.shop-list {
 
	margin-bottom:20px;
}
/* --------Checkout table------------------------------ */
.checkout-table {
	border: 1px solid #eee;
	float:left;
	width:100%;
	font-size:14px;
	background:#fff;
	color: #888DA0;
}
.checkout-table > tbody > tr > td,
.checkout-table > tbody > tr > th,
.checkout-table > tfoot > tr > td,
.checkout-table > tfoot > tr > th,
.checkout-table > thead > tr > td,
.checkout-table > thead > tr > th {
	border-top: 1px solid #e5e7f2;
	padding: 12px;
}
.checkout-table tr td,
.checkout-table tr th {
	border-top: 1px solid #e5e7f2;
	border-bottom: 1px solid #e5e7f2;
	border-right: 1px solid #e5e7f2;
	border-left: 1px solid #e5e7f2;
}

.checkout-table tbody tr td:first-child,
.checkout-table tbody tr th:first-child {
	max-width: 36px;
}
.pr-remove {
	vertical-align: middle !important;
	text-align: center;
}
.pr-remove a{
 
	color:#F75C96
}
.order-money {
	font-size:14px;
}
.order-count {
	border:none;
	width:60px;
	height:50px;
	text-align:center;
	font-weight:bold;
	color:#fff;
}
.product-name {
	font-weight:500;
	font-size:14px;
}
.coupon-holder {
	margin-top:30px;
	padding: 12px 0 20px 0;
	border-bottom:1px solid #e5e7f2;
}
.hidden-xs img {
	border-radius:4px;
}
.coupon-holder input{
	float:left;
	background:none;
	margin-bottom:20px;
	font-size: 14px;
	height:40px;
	position:relative;
	z-index:20;
	padding-left:8px;
	color:#000;
	border:0;
	border:1px solid #e5e7f2;
	border-radius:4px;
	background:#fff;
}
.coupon-holder button.btn-a{
	float:left;
	height:38px;
	border:none;
	color:#fff;
	cursor:pointer;
	padding:0 20px;
	border-radius:4px;
	margin-left:20px;
	-webkit-appearance: none;
	transition: all 0.3s ease-in-out;
}
.coupon-holder button.btn-uc {
	height:38px;
	border:none;
	color:#fff;
	cursor:pointer;
	padding:0 20px;
	border-radius:4px;
	-webkit-appearance: none;
	transition: all 0.3s ease-in-out;
}
.cart-totals {
	float:left;
	width:100%;
	margin-top:30px;
}
.cart-ttitle {
    font-weight: 600;
    font-size: 23px;
	padding-bottom:20px;
	text-align:left;
	color: #566985;
}
.cart-totals  button {
	float:right;
	margin-top:30px;
	height:38px;
	border:none;
	color:#fff;
	cursor:pointer;
	padding:0 20px;
	border-radius:4px;
	margin-left:20px;
	-webkit-appearance: none;
	transition: all 0.3s ease-in-out;
}
.cart-totals  button:hover {
	color:#fff;
}
@media only screen and  (max-width: 1064px) {
.show-cart {
    top: 80px;
    border-radius: 0 0 0 4px;
 
}
}
@media only screen and  (max-width: 560px) {
.shop-item {
    width: 100%;
    padding:0;
}
.coupon-holder button.btn-uc , .cart-totals button  {
	float:left;
	width:100%;
	margin-left:0;
}
}
 /* =========================================================
   CART OVERRIDES – Biorandevu (nur für cart.php)
   Füge das am ENDE von shop.css ein
   ========================================================= */

/* Seite etwas luftiger */
.gray-bg.small-padding {
  padding-top: 25px;
  padding-bottom: 25px;
}

/* Titel kleiner/sauberer */
.cart-ttitle {
  font-size: 20px;
  padding-bottom: 14px;
  margin-bottom: 10px;
}

/* Cards / Boxen optisch wie deine Seite */
.cart-totals,
.checkout-table,
.iu-card {
  border-radius: 14px;
  border: 1px solid rgba(16,10,36,.10) !important;
  box-shadow: 0 10px 28px rgba(16,10,36,.06);
  overflow: hidden;
}

/* Tabelle weniger "kantig" */
.checkout-table {
  background: #fff;
  border-collapse: separate;
  border-spacing: 0;
}

/* Tabellen-Zellen weicher */
.checkout-table > tbody > tr > td,
.checkout-table > tbody > tr > th {
  border-color: rgba(16,10,36,.08) !important;
  padding: 14px 12px;
  vertical-align: middle;
}

/* Tabellen-Header etwas dezenter */
.checkout-table > tbody > tr:first-child th {
  background: #fbfbfe;
  color: #566985;
  font-weight: 700;
}

/* Produktname + Badge schöner */
.product-name {
  font-weight: 700;
  color: #566985;
}
.iu-badge {
  position: relative;
  top: -1px;
}

/* Remove Icon besser klickbar */
.pr-remove button,
.pr-remove a {
  width: 34px;
  height: 34px;
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.pr-remove button:hover,
.pr-remove a:hover {
  background: rgba(161,38,203,.08);
}

/* Quantity Input im Table: nicht so hoch + ruhiger */
.order-count {
  width: 70px;
  height: 44px;
  border-radius: 10px;
  border: 1px solid rgba(16,10,36,.12);
  background: #fbfbfe;
  color: #566985;
  font-weight: 800;
  text-align: center;
}
.order-count:focus {
  outline: none;
  border-color: rgba(168,85,247,.55);
  box-shadow: 0 0 0 4px rgba(168,85,247,.14);
  background: #fff;
}

/* Cart topbar: schöne Pill-Controls */
.iu-cart-topbar {
  background: #fff;
  border: 1px solid rgba(16,10,36,.10);
  border-radius: 14px;
  padding: 10px 12px;
  box-shadow: 0 10px 28px rgba(16,10,36,.04);
}
.iu-radio {
  padding: 8px 10px;
  border-radius: 999px;
  border: 1px solid rgba(16,10,36,.10);
  background: linear-gradient(180deg, #fff, #fafafe);
}
.iu-radio input {
  accent-color: #a126cb;
}

/* Buttons: konsistenter Look */
.btn,
.btn-a,
.btn-d,
.cart-totals button,
.coupon-holder button.btn-a,
.coupon-holder button.btn-uc {
  border-radius: 999px !important;
  font-weight: 800;
}

/* Addon Boxen etwas cleaner */
.iu-addon-box {
  border-radius: 14px;
  background: linear-gradient(180deg, rgba(168,85,247,.06), #fff 60%);
}

/* Tabs im Cart: schöner */
.iu-tab-btn {
  border-radius: 999px;
  padding: 10px 14px;
}

/* Totals Table rechts: mehr spacing */
.cart-totals {
  padding: 14px;
}
.cart-totals table {
  margin-bottom: 10px;
}
.cart-totals td,
.cart-totals th {
  padding: 10px 0;
  border: none !important;
}
.cart-totals th {
  color: #566985;
  font-weight: 800;
}
.cart-totals td {
  text-align: right;
  font-weight: 800;
  color: #7d93b2;
}

/* Mobile: Tabelle lesbarer */
@media (max-width: 768px) {
  .checkout-table > tbody > tr > th.hidden-xs,
  .checkout-table > tbody > tr > td.hidden-xs {
    display: none;
  }
  .cart-ttitle {
    font-size: 18px;
  }
  .iu-cart-topbar {
    width: 100%;
  }
}
/* =========================
   BIORANDEVU CART THEME OVERRIDES
   Paste at END of shop.css
   ========================= */

:root{
  --iu-text:#566985;
  --iu-muted:#878C9F;
  --iu-border:#e5e7f2;
  --iu-bg:#fafbff;
  --iu-shadow:0 10px 28px rgba(17,24,39,.08);
  --iu-radius:14px;
  --iu-primary:#a126cb;
  --iu-primary-soft:rgba(161,38,203,.10);
}

/* page spacing */
.gray-bg.small-padding { padding: 30px 0; }
.checkout-table { border-radius: var(--iu-radius); overflow:hidden; }

/* cards */
.iu-card{
  background:#fff;
  border:1px solid var(--iu-border);
  border-radius: var(--iu-radius);
  padding: 18px;
  box-shadow: var(--iu-shadow);
}

.iu-card + .iu-card{ margin-top:16px; }

.iu-card-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:14px;
}

.iu-actions{ display:flex; align-items:center; gap:10px; flex-wrap:wrap; }

/* topbar radios */
.iu-inline{ display:flex; align-items:center; gap:10px; margin:0; }
.iu-radio{
  display:inline-flex; align-items:center; gap:8px;
  font-weight:800; color:var(--iu-text);
  padding:8px 10px;
  border:1px solid var(--iu-border);
  border-radius:999px;
  background:#fff;
}
.iu-radio input{ margin:0; }

/* buttons like your theme buttons */
.btn,
.btn-a,
.btn-d{
  border-radius: 999px !important;
  font-weight: 800 !important;
  letter-spacing:.2px;
}
.btn-a.color2-bg{
  box-shadow: 0 10px 24px rgba(161,38,203,.18);
}
.btn.color-bg,
.btn-d.color-bg{
  box-shadow: 0 10px 24px rgba(161,38,203,.18);
}

/* cart table */
.checkout-table{
  border:1px solid var(--iu-border);
  background:#fff;
}

.checkout-table > tbody > tr > th{
  background: var(--iu-bg);
  color: var(--iu-text);
  font-weight:900;
  font-size:13px;
}

.checkout-table > tbody > tr > td{
  color: var(--iu-text);
  vertical-align: middle;
}

.iu-table .product-name{
  font-weight:900;
  color:var(--iu-text);
}

.iu-muted{
  color:var(--iu-muted);
  font-size:12px;
  line-height:20px;
  margin-top:6px;
  opacity:1;
}

.iu-itembox{
  padding:10px 12px;
  border:1px solid var(--iu-border);
  border-radius:12px;
  background: var(--iu-bg);
  font-weight:900;
  color:var(--iu-text);
}

/* badge monthly/yearly */
.iu-badge{
  margin-left:8px;
  font-size:11px;
  font-weight:950;
  padding:3px 10px;
  border-radius:999px;
  background: var(--iu-primary-soft);
  border:1px solid rgba(161,38,203,.18);
  color: var(--iu-primary);
}

/* qty */
.order-count{
  width:76px;
  height:44px;
  border-radius:12px;
  border:0;
  font-weight:900;
  background: var(--iu-primary);
}
.order-count:focus{ outline:none; box-shadow: 0 0 0 4px rgba(161,38,203,.14); }
.iu-qty-fixed{
  display:inline-flex;
  min-width:56px;
  justify-content:center;
  padding:10px 12px;
  border-radius:12px;
  border:1px solid var(--iu-border);
  background:#fff;
  font-weight:900;
}

/* remove icon */
.iu-iconbtn{
  border:0; background:transparent; cursor:pointer;
  width:38px; height:38px; border-radius:12px;
  display:inline-flex; align-items:center; justify-content:center;
}
.iu-iconbtn:hover{ background: var(--iu-bg); }

/* Addons grid boxes -> like pricing cards */
.iu-addon-box{
  border:1px solid var(--iu-border);
  border-radius: var(--iu-radius);
  padding:14px;
  background:#fff;
  box-shadow: 0 10px 22px rgba(17,24,39,.06);
  transition: transform .12s ease, box-shadow .12s ease, border-color .12s ease;
  margin-bottom:14px;
}
.iu-addon-box:hover{
  transform: translateY(-1px);
  box-shadow: 0 16px 30px rgba(17,24,39,.10);
  border-color: rgba(161,38,203,.25);
}
.iu-addon-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
}
.iu-addon-head strong{
  font-weight:950;
  color:var(--iu-text);
  font-size:14px;
}
.iu-price{
  font-weight:950;
  color:var(--iu-primary);
  white-space:nowrap;
}
.iu-addon-desc{
  margin-top:8px;
  color:var(--iu-muted);
  font-size:12px;
  line-height:20px;
}
.iu-addon-actions{
  margin-top:12px;
  display:flex;
  align-items:center;
  gap:10px;
}
.iu-qty{
  width:92px;
  height:44px;
  border-radius:12px;
  border:1px solid var(--iu-border);
  padding:0 10px;
  font-weight:900;
  color:var(--iu-text);
  background:#fff;
}
.iu-qty:focus{
  outline:none;
  border-color: rgba(161,38,203,.35);
  box-shadow: 0 0 0 4px rgba(161,38,203,.10);
}

/* section subtitle */
.iu-subtitle{
  font-weight:950;
  color:var(--iu-text);
  margin:10px 0 12px;
}
.iu-divider{ height:1px; background: var(--iu-border); margin:16px 0; }

/* Tabs */
.iu-tabs{ display:flex; gap:10px; margin-bottom:14px; }
.iu-tab-btn{
  flex:1;
  border:1px solid var(--iu-border);
  border-radius: 999px;
  padding:12px;
  font-weight:950;
  background:#fff;
  cursor:pointer;
  color:var(--iu-text);
  transition:.12s ease;
}
.iu-tab-btn:hover{ background: var(--iu-bg); }
.iu-tab-btn.active{
  border-color: rgba(161,38,203,.35);
  background: var(--iu-primary-soft);
  color: var(--iu-primary);
}

/* Forms */
.iu-form label{
  font-weight:900;
  font-size:12px;
  margin:10px 0 6px;
  display:block;
  color:var(--iu-text);
}
.iu-form input,
.iu-form select{
  height:46px;
  border-radius:12px;
  border:1px solid var(--iu-border);
  background:#fff;
  padding:0 12px;
  font-weight:800;
  width:100%;
  color:var(--iu-text);
}
.iu-form input:focus,
.iu-form select:focus{
  outline:none;
  border-color: rgba(161,38,203,.40);
  box-shadow: 0 0 0 4px rgba(161,38,203,.10);
}
.iu-hint{
  font-size:12px;
  color:var(--iu-muted);
  margin-top:6px;
}

/* totals sidebar */
.cart-totals{
  border:1px solid var(--iu-border);
  border-radius: var(--iu-radius);
  background:#fff;
  box-shadow: var(--iu-shadow);
  padding:16px;
}
.cart-ttitle{ margin:0 0 14px; }

/* Responsive */
@media (max-width: 900px){
  .iu-card-head{ flex-direction:column; align-items:flex-start; }
  .iu-actions{ width:100%; justify-content:flex-start; }
}
.checkout-register {
  max-width: 520px;
  margin: 0 auto;
  padding: 28px;
}

.checkout-title {
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 6px;
}

.checkout-title i {
  color: #a126cb;
  margin-right: 6px;
}

.checkout-desc {
  font-size: 14px;
  opacity: .7;
  margin-bottom: 20px;
}

.icon-input {
  position: relative;
  margin-bottom: 14px;
}

.icon-input i {
  position: absolute;
  left: 14px;
  top: 50%;
  transform: translateY(-50%);
  color: #a126cb;
  opacity: .7;
}

.icon-input input {
  width: 100%;
  height: 50px;
  padding: 0 14px 0 44px;
  border-radius: 12px;
  border: 1px solid #e5e7f2;
  font-size: 15px;
}

.icon-input input:focus {
  border-color: #a126cb;
  box-shadow: 0 0 0 3px rgba(161,38,203,.15);
  outline: none;
}

.btn-primary {
  width: 100%;
  height: 52px;
  border-radius: 14px;
  background: linear-gradient(90deg,#a126cb,#6f2bd8);
  border: 0;
  font-size: 16px;
  font-weight: 700;
  margin-top: 10px;
}
<style>
/* --- Checkout Step Card (modern) --- */
.checkout-card{
  background:#fff;
  border:1px solid #e5e7f2;
  border-radius:16px;
  box-shadow:0 10px 24px rgba(15,23,42,0.06);
  padding:24px;
}

.checkout-title{
  font-size:20px;
  font-weight:800;
  margin:0 0 6px;
  display:flex;
  align-items:center;
  gap:10px;
  color:#111827;
}

.checkout-title i{
  color:#a126cb;
  font-size:20px;
}

.checkout-desc{
  font-size:13px;
  opacity:.75;
  margin:0 0 18px;
}

/* icon inputs */
.icon-input{
  position:relative;
  margin-bottom:14px;
}

.icon-input i{
  position:absolute;
  left:14px;
  top:50%;
  transform:translateY(-50%);
  color:#a126cb;
  opacity:.7;
  pointer-events:none;
}

.icon-input input{
  width:100%;
  height:50px;
  padding:0 14px 0 44px;
  border-radius:12px;
  border:1px solid #e5e7f2;
  font-size:15px;
  color:#111827;
  background:#fff;
}

.icon-input input:focus{
  border-color:#a126cb;
  box-shadow:0 0 0 3px rgba(161,38,203,.15);
  outline:none;
}

.checkout-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}

@media(max-width:768px){
  .checkout-grid{grid-template-columns:1fr;}
}

/* Primary button */
.btn-primary-checkout{
  width:100%;
  height:52px;
  border-radius:14px;
  background:linear-gradient(90deg,#a126cb,#6f2bd8);
  border:0;
  color:#fff;
  font-size:16px;
  font-weight:800;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  cursor:pointer;
}

.btn-primary-checkout:hover{filter:brightness(1.03);}
.btn-primary-checkout:active{transform:translateY(1px);}

/* small note */
.checkout-note{
  font-size:12px;
  opacity:.7;
  margin-top:10px;
}
</style>
/* =========================================================
   CHECKOUT / CART UI PATCH (Biorandevu)
   Put this at the END of css/shop.css
   ========================================================= */

/* --- Layout spacing --- */
#sec1 .container { max-width: 1140px; }
.gray-bg.small-padding { padding-top: 30px; padding-bottom: 40px; }

/* --- Steps (Cart/Checkout steps) --- */
.cart-steps{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin:0 0 18px;
}
.cart-step{
  background:#fff;
  border:1px solid #e8ebf6;
  border-radius:14px;
  padding:10px 14px;
  font-weight:900;
  color:#3f4a66;
  display:flex;
  align-items:center;
  box-shadow:0 6px 14px rgba(15,23,42,.04);
}
.cart-step span{
  display:inline-flex;
  width:28px;
  height:28px;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  background:#f4f6ff;
  margin-right:10px;
  font-weight:900;
}
.cart-step.active{
  border-color:rgba(161,38,203,.35);
  background:linear-gradient(90deg, rgba(161,38,203,.08), rgba(94,207,177,.06));
}
.cart-step.active span{
  background:#a126cb;
  color:#fff;
}

/* --- Cards --- */
.iu-card{
  background:#fff;
  border:1px solid #e8ebf6;
  border-radius:18px;
  padding:18px;
  box-shadow:0 14px 30px rgba(15,23,42,.06);
}
.iu-card h4{
  margin:0 0 12px;
  font-weight:900;
  color:#24324a;
  letter-spacing:-.2px;
}
.iu-divider{
  border-top:1px solid #eef1fb;
  margin:14px 0;
}

/* --- Grid for forms --- */
.iu-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
}
@media (max-width:768px){
  .iu-grid{ grid-template-columns:1fr; }
}

/* --- Labels --- */
.iu-card label{
  display:block;
  font-size:13px;
  font-weight:800;
  color:#2c3852;
  margin:0 0 6px;
}
.iu-card label span[style*="color:#ef4444"]{
  font-weight:900;
}

/* --- Inputs / Selects --- */
.iu-card .form-control,
.iu-card input.form-control,
.iu-card select.form-control{
  height:46px;
  border-radius:14px !important;
  border:1px solid #e3e7f5;
  background:#fbfcff;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.7);
  transition: all .15s ease;
  font-size:14px;
}
.iu-card textarea.form-control{
  min-height: 110px;
  border-radius:14px !important;
  border:1px solid #e3e7f5;
  background:#fbfcff;
}

.iu-card .form-control:focus{
  outline:none;
  border-color: rgba(161,38,203,.55);
  box-shadow: 0 0 0 4px rgba(161,38,203,.12);
  background:#fff;
}

.iu-card .form-control::placeholder{
  color:#9aa6bf;
  opacity:1;
}

/* Make long fields span full width easily */
.iu-card .iu-span-all{ grid-column: 1 / -1; }

/* --- Buttons (match theme) --- */
.btn.btn-d,
.iu-card .btn.btn-d{
  height:48px;
  border-radius:14px;
  font-weight:900;
  letter-spacing:.2px;
  box-shadow:0 10px 18px rgba(15,23,42,.10);
  transition: transform .12s ease, box-shadow .12s ease, filter .12s ease;
}
.btn.btn-d:hover{
  transform: translateY(-1px);
  box-shadow:0 14px 22px rgba(15,23,42,.14);
  filter: brightness(1.02);
}
.btn.btn-d:active{
  transform: translateY(0);
  box-shadow:0 10px 18px rgba(15,23,42,.10);
}

/* --- Checkout table polish --- */
.checkout-table{
  background:#fff;
  border:1px solid #eef1fb;
  border-radius:14px;
  overflow:hidden;
}
.checkout-table th,
.checkout-table td{
  border-color:#eef1fb !important;
  vertical-align:middle;
}
.checkout-table th{
  font-size:13px;
  color:#3a4663;
  font-weight:900;
  background:#fafbff;
}
.checkout-table td{
  font-size:14px;
  color:#25324a;
}
.order-money{
  font-weight:900;
  color:#25324a;
}
.curSym{ margin-right:2px; opacity:.9; }

/* --- Badges --- */
.iu-badge{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:5px 10px;
  border-radius:999px;
  border:1px solid rgba(161,38,203,.25);
  background:rgba(161,38,203,.08);
  font-size:12px;
  font-weight:900;
  color:#5a2b74;
}

/* --- Alerts modern look --- */
.alert{
  border-radius:14px;
  border:1px solid rgba(15,23,42,.08);
  box-shadow:0 10px 16px rgba(15,23,42,.05);
  padding:12px 14px;
}
.alert-info{
  background:rgba(56,189,248,.10);
}
.alert-success{
  background:rgba(34,197,94,.10);
}
.alert-danger{
  background:rgba(239,68,68,.10);
}
.alert-warning{
  background:rgba(245,158,11,.10);
}

/* --- Addon cards (if you use them) --- */
.iu-addon-box{
  background:#fff;
  border:1px solid #e8ebf6;
  border-radius:18px;
  padding:14px;
  box-shadow:0 12px 24px rgba(15,23,42,.05);
}
.iu-addon-head strong{
  color:#24324a;
  font-weight:900;
}
.iu-addon-desc{
  opacity:.78;
  font-size:13px;
  margin-top:8px;
  line-height:1.4;
}
.iu-qty{
  height:44px;
  border-radius:14px;
  border:1px solid #e3e7f5;
  background:#fbfcff;
  padding:0 12px;
}
/* =========================================================
   BIORANDEVU – CART + CHECKOUT FINAL (single source of truth)
   Paste ONLY ONCE at the END of shop.css
   ========================================================= */

:root{
  --iu-text:#566985;
  --iu-muted:#878C9F;
  --iu-border:#e5e7f2;
  --iu-bg:#fafbff;
  --iu-shadow:0 14px 30px rgba(15,23,42,.08);
  --iu-radius:16px;
  --iu-primary:#a126cb;
  --iu-primary-soft:rgba(161,38,203,.10);
}

/* spacing */
.gray-bg.small-padding { padding: 30px 0; }

/* Steps */
.cart-steps{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 18px}
.cart-step{
  background:#fff;border:1px solid var(--iu-border);border-radius:14px;
  padding:10px 14px;font-weight:900;color:var(--iu-text);
  display:flex;align-items:center;box-shadow:0 8px 18px rgba(15,23,42,.05);
}
.cart-step span{
  display:inline-flex;width:28px;height:28px;align-items:center;justify-content:center;
  border-radius:999px;background:#f4f6ff;margin-right:10px;font-weight:900;
}
.cart-step.active{
  border-color:rgba(161,38,203,.35);
  background:linear-gradient(90deg, rgba(161,38,203,.08), rgba(94,207,177,.06));
}
.cart-step.active span{background:var(--iu-primary);color:#fff}

/* Cards */
.iu-card{
  background:#fff;border:1px solid var(--iu-border);
  border-radius:var(--iu-radius);padding:18px;box-shadow:var(--iu-shadow);
}
.iu-card h4{margin:0 0 12px;font-weight:900;color:#24324a;letter-spacing:-.2px}
.iu-divider{border-top:1px solid #eef1fb;margin:14px 0}

/* Topbar */
.iu-cart-topbar{
  background:#fff;border:1px solid var(--iu-border);
  border-radius:14px;padding:10px 12px;
  box-shadow:0 10px 24px rgba(15,23,42,.04);
  display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:12px 0;
}
.iu-inline{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.iu-radio{
  display:inline-flex;gap:8px;align-items:center;
  border:1px solid var(--iu-border);background:linear-gradient(180deg,#fff,#fafafe);
  border-radius:999px;padding:8px 12px;font-weight:900;color:var(--iu-text);
}
.iu-radio input{margin:0;accent-color:var(--iu-primary)}

/* Badge */
.iu-badge{
  display:inline-flex;align-items:center;
  padding:5px 10px;border-radius:999px;
  border:1px solid rgba(161,38,203,.22);
  background:var(--iu-primary-soft);
  font-size:12px;font-weight:900;color:var(--iu-primary);
}

/* Checkout table */
.checkout-table{
  border:1px solid var(--iu-border);
  background:#fff;
  border-radius:14px;
  overflow:hidden;
}
.checkout-table > tbody > tr > td,
.checkout-table > tbody > tr > th{
  border-top:1px solid #eef1fb;
  border-right:1px solid #eef1fb;
  border-left:1px solid #eef1fb;
  padding:14px 12px;
  vertical-align:middle;
}
.checkout-table > tbody > tr:first-child th{
  background:var(--iu-bg);
  color:var(--iu-text);
  font-weight:900;
  font-size:13px;
}
.product-name{font-weight:900;color:var(--iu-text)}
.order-money{font-size:14px;font-weight:900;color:#25324a}
.curSym{margin-right:2px;opacity:.9}

/* Quantity inputs */
.order-count{
  width:76px;height:44px;border-radius:12px;
  border:1px solid rgba(15,23,42,.10);
  background:#fbfbfe;color:var(--iu-text);
  font-weight:900;text-align:center;
}
.order-count:focus{
  outline:none;border-color:rgba(161,38,203,.45);
  box-shadow:0 0 0 4px rgba(161,38,203,.12);
  background:#fff;
}
.iu-qty{
  width:92px;height:44px;border-radius:12px;
  border:1px solid rgba(15,23,42,.10);
  background:#fbfbfe;color:var(--iu-text);
  font-weight:900;padding:0 10px;
}
.iu-qty:focus{
  outline:none;border-color:rgba(161,38,203,.45);
  box-shadow:0 0 0 4px rgba(161,38,203,.12);
  background:#fff;
}

/* Forms (Kayıt) */
.iu-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media (max-width:768px){.iu-grid{grid-template-columns:1fr}}

.iu-card label{
  display:block;font-size:13px;font-weight:900;color:#2c3852;margin:0 0 6px;
}
.iu-card .form-control,
.iu-card input.form-control,
.iu-card select.form-control{
  height:46px;border-radius:14px !important;
  border:1px solid rgba(15,23,42,.10);
  background:#fbfcff;
  transition: all .15s ease;
  font-size:14px;
}
.iu-card .form-control:focus{
  outline:none;border-color:rgba(161,38,203,.55);
  box-shadow:0 0 0 4px rgba(161,38,203,.12);
  background:#fff;
}

/* Buttons */
.btn,.btn-a,.btn-d{
  border-radius:14px !important;
  font-weight:900 !important;
  letter-spacing:.2px;
}
.btn.btn-d{
  height:48px;
  box-shadow:0 10px 18px rgba(15,23,42,.10);
  transition:transform .12s ease, box-shadow .12s ease, filter .12s ease;
}
.btn.btn-d:hover{transform:translateY(-1px);box-shadow:0 14px 22px rgba(15,23,42,.14);filter:brightness(1.02)}
.btn.btn-d:active{transform:translateY(0)}

/* Alerts */
.alert{
  border-radius:14px;
  border:1px solid rgba(15,23,42,.08);
  box-shadow:0 10px 16px rgba(15,23,42,.05);
  padding:12px 14px;
}
.alert-info{background:rgba(56,189,248,.10)}
.alert-success{background:rgba(34,197,94,.10)}
.alert-danger{background:rgba(239,68,68,.10)}
.alert-warning{background:rgba(245,158,11,.10)}

/* Addon cards */
.iu-addon-box{
  background:#fff;border:1px solid var(--iu-border);
  border-radius:var(--iu-radius);padding:14px;
  box-shadow:0 12px 24px rgba(15,23,42,.05);
  transition:transform .12s ease, box-shadow .12s ease, border-color .12s ease;
}
.iu-addon-box:hover{
  transform:translateY(-1px);
  box-shadow:0 18px 34px rgba(15,23,42,.10);
  border-color:rgba(161,38,203,.25);
}
.iu-addon-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.iu-addon-head strong{font-weight:950;color:var(--iu-text);font-size:14px}
.iu-addon-desc{opacity:.82;font-size:13px;margin-top:8px;line-height:1.45;color:var(--iu-muted)}

/* Mobile table cleanup */
@media (max-width:768px){
  .checkout-table > tbody > tr > th.hidden-xs,
  .checkout-table > tbody > tr > td.hidden-xs{display:none;}
}
/* =========================================================
   BIORANDEVU – CART + CHECKOUT FINAL (NO ICONS)
   Paste ONCE at the END of shop.css
   ========================================================= */

:root{
  --iu-text:#566985;
  --iu-muted:#878C9F;
  --iu-border:#e5e7f2;
  --iu-bg:#fafbff;
  --iu-shadow:0 14px 30px rgba(15,23,42,.08);
  --iu-radius:16px;
  --iu-primary:#a126cb;
  --iu-primary-soft:rgba(161,38,203,.10);
}

/* spacing */
.gray-bg.small-padding { padding: 30px 0; }

/* Steps */
.cart-steps{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 18px}
.cart-step{
  background:#fff;border:1px solid var(--iu-border);border-radius:14px;
  padding:10px 14px;font-weight:900;color:var(--iu-text);
  display:flex;align-items:center;box-shadow:0 8px 18px rgba(15,23,42,.05);
}
.cart-step span{
  display:inline-flex;width:28px;height:28px;align-items:center;justify-content:center;
  border-radius:999px;background:#f4f6ff;margin-right:10px;font-weight:900;
}
.cart-step.active{
  border-color:rgba(161,38,203,.35);
  background:linear-gradient(90deg, rgba(161,38,203,.08), rgba(94,207,177,.06));
}
.cart-step.active span{background:var(--iu-primary);color:#fff}

/* Cards */
.iu-card{
  background:#fff;border:1px solid var(--iu-border);
  border-radius:var(--iu-radius);padding:18px;box-shadow:var(--iu-shadow);
}
.iu-card h4{margin:0 0 12px;font-weight:900;color:#24324a;letter-spacing:-.2px}
.iu-divider{border-top:1px solid #eef1fb;margin:14px 0}

/* Grid */
.iu-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media (max-width:768px){.iu-grid{grid-template-columns:1fr}}

/* Labels */
.iu-card label{
  display:block;
  font-size:13px;
  font-weight:900;
  color:#2c3852;
  margin:0 0 6px;
}

/* Inputs / Select */
.iu-card .form-control,
.iu-card input.form-control,
.iu-card select.form-control{
  height:46px;
  border-radius:14px !important;
  border:1px solid rgba(15,23,42,.10);
  background:#fbfcff;
  transition: all .15s ease;
  font-size:14px;
  color:#24324a;
}
.iu-card .form-control:focus{
  outline:none;
  border-color:rgba(161,38,203,.55);
  box-shadow:0 0 0 4px rgba(161,38,203,.12);
  background:#fff;
}
.iu-card .form-control::placeholder{color:#9aa6bf;opacity:1}

/* Badges */
.iu-badge{
  display:inline-flex;align-items:center;
  padding:5px 10px;border-radius:999px;
  border:1px solid rgba(161,38,203,.22);
  background:var(--iu-primary-soft);
  font-size:12px;font-weight:900;color:var(--iu-primary);
}

/* Buttons */
.btn,.btn-a,.btn-d{
  border-radius:14px !important;
  font-weight:900 !important;
  letter-spacing:.2px;
}
.btn.btn-d{
  height:48px;
  box-shadow:0 10px 18px rgba(15,23,42,.10);
  transition:transform .12s ease, box-shadow .12s ease, filter .12s ease;
}
.btn.btn-d:hover{transform:translateY(-1px);box-shadow:0 14px 22px rgba(15,23,42,.14);filter:brightness(1.02)}
.btn.btn-d:active{transform:translateY(0)}

/* Checkout table */
.checkout-table{
  border:1px solid var(--iu-border);
  background:#fff;
  border-radius:14px;
  overflow:hidden;
}
.checkout-table > tbody > tr > td,
.checkout-table > tbody > tr > th{
  border-top:1px solid #eef1fb;
  border-right:1px solid #eef1fb;
  border-left:1px solid #eef1fb;
  padding:14px 12px;
  vertical-align:middle;
}
.checkout-table > tbody > tr:first-child th{
  background:var(--iu-bg);
  color:var(--iu-text);
  font-weight:900;
  font-size:13px;
}
.product-name{font-weight:900;color:var(--iu-text)}
.order-money{font-size:14px;font-weight:900;color:#25324a}
.curSym{margin-right:2px;opacity:.9}

/* Quantity inputs */
.order-count{
  width:76px;height:44px;border-radius:12px;
  border:1px solid rgba(15,23,42,.10);
  background:#fbfbfe;color:var(--iu-text);
  font-weight:900;text-align:center;
}
.order-count:focus{
  outline:none;border-color:rgba(161,38,203,.45);
  box-shadow:0 0 0 4px rgba(161,38,203,.12);
  background:#fff;
}
.iu-qty{
  width:92px;height:44px;border-radius:12px;
  border:1px solid rgba(15,23,42,.10);
  background:#fbfbfe;color:var(--iu-text);
  font-weight:900;padding:0 10px;
}
.iu-qty:focus{
  outline:none;border-color:rgba(161,38,203,.45);
  box-shadow:0 0 0 4px rgba(161,38,203,.12);
  background:#fff;
}

/* Alerts */
.alert{
  border-radius:14px;
  border:1px solid rgba(15,23,42,.08);
  box-shadow:0 10px 16px rgba(15,23,42,.05);
  padding:12px 14px;
}
.alert-info{background:rgba(56,189,248,.10)}
.alert-success{background:rgba(34,197,94,.10)}
.alert-danger{background:rgba(239,68,68,.10)}
.alert-warning{background:rgba(245,158,11,.10)}

/* Addon cards */
.iu-addon-box{
  background:#fff;border:1px solid var(--iu-border);
  border-radius:var(--iu-radius);padding:14px;
  box-shadow:0 12px 24px rgba(15,23,42,.05);
  transition:transform .12s ease, box-shadow .12s ease, border-color .12s ease;
}
.iu-addon-box:hover{
  transform:translateY(-1px);
  box-shadow:0 18px 34px rgba(15,23,42,.10);
  border-color:rgba(161,38,203,.25);
}
.iu-addon-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.iu-addon-head strong{font-weight:950;color:var(--iu-text);font-size:14px}
.iu-addon-desc{opacity:.82;font-size:13px;margin-top:8px;line-height:1.45;color:var(--iu-muted)}

/* Mobile table cleanup */
@media (max-width:768px){
  .checkout-table > tbody > tr > th.hidden-xs,
  .checkout-table > tbody > tr > td.hidden-xs{display:none;}
}
/* =========================
   Trial Promo (14 Tage)
   ========================= */
.trial-promo{
  position: relative;
  border-radius: 18px;
  padding: 16px 18px;
  margin: 14px 0 22px;
  color: #fff;
  overflow: hidden;
  box-shadow: 0 14px 30px rgba(15,23,42,.14);
  background: linear-gradient(90deg, #a126cb, #6f2bd8, #2dd4bf);
  background-size: 200% 200%;
  animation: trialGradient 6s ease infinite;
}

@keyframes trialGradient{
  0%{ background-position: 0% 50%; }
  50%{ background-position: 100% 50%; }
  100%{ background-position: 0% 50%; }
}

.trial-promo:before{
  content:"";
  position:absolute;
  inset:-40%;
  background: radial-gradient(circle at 30% 30%, rgba(255,255,255,.28), transparent 55%);
  transform: rotate(12deg);
  animation: trialGlow 2.6s ease-in-out infinite;
}

@keyframes trialGlow{
  0%,100%{ opacity:.55; }
  50%{ opacity:.95; }
}

.trial-promo-inner{
  position: relative;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  flex-wrap:wrap;
}

.trial-badge{
  display:inline-flex;
  align-items:center;
  gap:10px;
  font-weight: 900;
  letter-spacing:.2px;
  border-radius: 999px;
  padding: 10px 14px;
  background: rgba(255,255,255,.18);
  border: 1px solid rgba(255,255,255,.28);
  backdrop-filter: blur(6px);
}

.trial-badge .dot{
  width:10px;
  height:10px;
  border-radius:999px;
  background:#fff;
  box-shadow: 0 0 0 6px rgba(255,255,255,.18);
  animation: trialPulse 1.4s ease-in-out infinite;
}

@keyframes trialPulse{
  0%,100%{ transform: scale(1); opacity:.9; }
  50%{ transform: scale(1.25); opacity:1; }
}

.trial-text h3{
  margin: 0 0 4px;
  font-weight: 950;
  font-size: 18px;
  color:#fff;
}

.trial-text p{
  margin:0;
  opacity:.92;
  font-size: 13px;
  line-height: 1.4;
}

.trial-cta{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  border:0;
  cursor:pointer;
  border-radius: 14px;
  padding: 10px 14px;
  background: rgba(255,255,255,.92);
  color:#111827;
  font-weight: 900;
  box-shadow: 0 10px 18px rgba(0,0,0,.18);
  transition: transform .12s ease, filter .12s ease;
  text-decoration:none;
}

.trial-cta:hover{ filter: brightness(1.03); transform: translateY(-1px); }
.trial-cta:active{ transform: translateY(0); }

@media (max-width: 640px){
  .trial-cta{ width:100%; }
}
/* =========================
   Trial Promo (Pricing page)
   ========================= */

.trial-promo{
  display:block;
  height:100%;
  background: linear-gradient(135deg, rgba(161,38,203,.12), rgba(111,43,216,.10), rgba(94,207,177,.10));
  border: 1px solid rgba(161,38,203,.22);
  border-radius: 18px;
  padding: 18px;
  box-shadow: 0 16px 34px rgba(15,23,42,.08);
  text-decoration:none !important;
  position: relative;
  overflow:hidden;
  transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}

.trial-promo:hover{
  transform: translateY(-2px);
  box-shadow: 0 22px 44px rgba(15,23,42,.12);
  border-color: rgba(161,38,203,.35);
}

.trial-promo:before{
  content:"";
  position:absolute;
  inset:-40px;
  background: radial-gradient(circle at 30% 20%, rgba(161,38,203,.22), transparent 45%),
              radial-gradient(circle at 80% 70%, rgba(94,207,177,.18), transparent 40%);
  filter: blur(2px);
}

.trial-promo > *{
  position:relative;
  z-index:1;
}

.trial-promo-badge{
  display:inline-flex;
  align-items:center;
  gap:8px;
  background: rgba(161,38,203,.14);
  border: 1px solid rgba(161,38,203,.22);
  color:#5a2b74;
  font-weight:900;
  font-size:12px;
  padding:6px 10px;
  border-radius:999px;
  letter-spacing:.4px;
}

.trial-promo-title{
  margin-top:10px;
  font-size:18px;
  font-weight:900;
  color:#24324a;
}

.trial-promo-text{
  margin-top:8px;
  font-size:13px;
  line-height:20px;
  color:#566985;
  opacity:.95;
}

.trial-promo-action{
  margin-top:12px;
  font-size:12px;
  font-weight:900;
  color:#a126cb;
  display:flex;
  align-items:center;
  gap:8px;
}

/* kleine “pulse” Animation (dezent) */
.trial-promo{
  animation: trialPromoPulse 3.2s ease-in-out infinite;
}
@keyframes trialPromoPulse{
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-1px); }
}

/* Mobile spacing */
@media(max-width: 991px){
  .trial-promo{ margin-top:14px; }
}
.trial-highlight{
  animation: trialHighlight 1.6s ease-out;
}
@keyframes trialHighlight{
  0%{ box-shadow:0 0 0 0 rgba(161,38,203,0); }
  35%{ box-shadow:0 0 0 6px rgba(161,38,203,.20); }
  70%{ box-shadow:0 0 0 12px rgba(161,38,203,.10); }
  100%{ box-shadow:0 0 0 0 rgba(161,38,203,0); }
}
/* =========================
   PRICING HEADER FIX (Titel zentriert + Trial rechts)
   ========================= */

.pricing-header-row{
  display: grid;
  grid-template-columns: 1fr minmax(520px, 760px) 420px;
  column-gap: 34px;
  align-items: start;
}

/* Der Titel-Block MUSS in Spalte 2 sein, damit er wirklich mittig bleibt */
.pricing-header-left{
  grid-column: 2;
  text-align: center;          /* wichtig */
}

/* Trial rechts, ohne den Titel zu verschieben */
.pricing-header-right{
  grid-column: 34;
  justify-self: end;
}

/* Trial Box: nicht über margin-left „schieben“ – das macht den Shift */
.trial-glow-box{
  margin: 4px 0 0 !important;
  width: 100%;
  max-width: 380px;
}

/* Responsive: alles untereinander */
@media (max-width: 991px){
  .pricing-header-row{
    grid-template-columns: 1fr;
    row-gap: 16px;
  }
  .pricing-header-left{
    grid-column: 1;
    text-align: center;
  }
  .pricing-header-right{
    grid-column: 1;
    justify-self: center;
  }
}