/* ---------- checkout (loaded after blog.css) ---------- */
.co{position:relative; padding:40px 0 96px;}
.co::before{content:""; position:absolute; left:50%; top:-80px; width:900px; max-width:100%; height:420px; transform:translateX(-50%); border-radius:999px; background:radial-gradient(ellipse at center, rgba(255, 0, 0,.14), transparent 65%); filter:blur(40px); pointer-events:none; z-index:-1;}
.iptvinca-checkout .mobile-sticky{display:none;}
.iptvinca-checkout{padding-bottom:0;}
.co [hidden]{display:none !important;}

/* head */
.co-head{max-width:640px; margin:0 auto 40px; text-align:center;}
.co-secure{display:inline-flex; align-items:center; gap:8px; border-radius:999px; border:1px solid rgba(255,255,255,.18); background:rgba(255,255,255,.04); padding:8px 18px; font-size:14px; font-weight:500;}
.co-secure .icon{color:#4ade80; width:16px; height:16px;}
.co-head h1{font-size:34px; line-height:1.15; margin-top:22px;}
@media(min-width:640px){.co-head h1{font-size:48px;}}
.co-head > p{font-size:17px; color:rgba(248,250,252,.8); margin:16px 0 0;}

/* layout: summary left, details right on desktop; details first on phones */
.co-grid{display:grid; grid-template-columns:1fr; gap:24px; max-width:960px; margin:0 auto; align-items:start;}
@media(min-width:900px){
  .co-grid{grid-template-columns:1fr 1fr;}
  .co-side{grid-column:1; grid-row:1;}
  .co-details{grid-column:2; grid-row:1;}
}
.co-side{display:flex; flex-direction:column; gap:24px;}

/* cards */
.co-card{border-radius:22px; border:1px solid rgba(255,255,255,.1); background:rgba(16,21,46,.85); padding:28px 22px;}
@media(min-width:640px){.co-card{padding:32px;}}
.co-card h2{font-size:22px; margin-bottom:24px;}

/* details form */
.co-fields{display:flex; flex-direction:column; gap:22px;}
.co-field{display:flex; flex-direction:column; gap:10px; min-width:0;}
.co-field label, .co-label{font-size:15px; font-weight:500;}
.co-field input, .co-select select{width:100%; border-radius:12px; border:1px solid rgba(255,255,255,.18); background:rgba(255,255,255,.04); padding:13px 16px; font:inherit; font-size:16px; color:var(--fg); transition:border-color .2s, box-shadow .2s;}
.co-field input::placeholder{color:rgba(248,250,252,.4);}
.co-field input:focus, .co-select select:focus{outline:none; border-color:var(--accent2); box-shadow:0 0 0 3px rgba(255, 0, 0,.2);}
.co-field input[aria-invalid="true"]{border-color:#ff4d4d; box-shadow:0 0 0 3px rgba(255, 77, 77,.15);}
.co-select{position:relative;}
.co-select select{appearance:none; -webkit-appearance:none; padding-right:44px; cursor:pointer;}
.co-select select option{background:#10152E; color:var(--fg);}
.co-select .icon{position:absolute; right:16px; top:50%; transform:translateY(-50%); pointer-events:none;}
.co-hint{font-size:13px; color:rgba(248,250,252,.7); margin-top:-2px;}
.co-error{font-size:13px; font-weight:500; color:#ff7070;}
.co-error:empty{display:none;}

/* payment tiles */
.co-pay{display:flex; gap:10px;}
.co-paybox{position:relative; cursor:pointer; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:8px; width:128px; height:84px; border-radius:12px; border:1px solid rgba(255,255,255,.18); background:rgba(255,255,255,.04); font-size:15px; font-weight:500; color:rgba(248,250,252,.8); transition:border-color .2s, background .2s;}
.co-paybox input{position:absolute; opacity:0; width:1px; height:1px;}
.co-paybox .icon{width:22px; height:22px;}
.co-paybox:hover{border-color:rgba(255,255,255,.35);}
.co-paybox:has(input:checked){border:2px solid var(--accent); background:rgba(255, 0, 0,.14); color:var(--fg);}
.co-paybox:has(input:focus-visible){outline:2px solid var(--accent2); outline-offset:2px;}

/* submit */
.co-submit-btn{width:100%; margin-top:6px; border-radius:12px; padding:17px 24px; font-size:17px; font-weight:600;}
.co-guarantee{display:flex; align-items:center; justify-content:center; gap:8px; margin:-6px 0 0; font-size:14px; color:rgba(248,250,252,.85); text-align:center;}
.co-guarantee .icon{color:#4ade80; flex:none;}
.co-note{margin:-12px 0 0; text-align:center; font-size:14px; line-height:1.6; color:rgba(248,250,252,.7);}
.co-change{margin:20px 0 0; text-align:center; font-size:15px; color:rgba(248,250,252,.85);}
.co-change a{color:var(--accent2); font-weight:600; text-decoration:none;}
.co-change a:hover{text-decoration:underline;}

/* done */
.co-done{text-align:center;}
.co-done:focus{outline:none;}
.co-done-icon{display:inline-flex; align-items:center; justify-content:center; width:56px; height:56px; border-radius:999px; background:#25D366; color:#fff;}
.co-done-icon .icon{width:28px; height:28px; stroke-width:2.6;}
.co-done p{font-size:15px; line-height:1.7; color:rgba(248,250,252,.85); margin:16px 0 20px;}

/* summary */
.co-plan-box{display:flex; justify-content:space-between; align-items:center; gap:12px; border-radius:16px; border:1px solid rgba(255,255,255,.1); background:rgba(255,255,255,.04); padding:20px;}
.co-plan-box b{display:block; font-family:"Sora","Inter",sans-serif; font-size:18px;}
.co-plan-box span{display:block; font-size:14px; color:rgba(248,250,252,.75); margin-top:6px;}
.co-plan-box .co-dev{color:var(--accent2); font-weight:600;}
.co-plan-price{text-align:right;}
.co-plan-price b{font-size:28px;}
.co-features{list-style:none; margin:24px 0 0; padding:0 0 24px; display:flex; flex-direction:column; gap:14px; border-bottom:1px solid rgba(255,255,255,.1); font-size:15px; color:rgba(248,250,252,.9);}
.co-features li{display:flex; align-items:flex-start; gap:12px;}
.co-features .icon{flex:none; margin-top:3px; color:#4ade80; stroke-width:2.4;}
.co-total{display:flex; justify-content:space-between; align-items:center; margin-top:24px;}
.co-total span{font-size:17px; font-weight:600;}
.co-total b{font-family:"Sora","Inter",sans-serif; font-size:30px;}
.co-save{margin:6px 0 0; text-align:right; font-size:14px; font-weight:600; color:#4ade80;}

.co-assure{list-style:none; margin:0; display:flex; flex-direction:column; gap:16px; font-size:15px; line-height:1.5; color:rgba(248,250,252,.85);}
.co-assure li{display:flex; gap:14px; align-items:flex-start;}
.co-assure .icon{flex:none; width:18px; height:18px; margin-top:2px; color:#4ade80;}

/* ---------- free trial page ---------- */
.trial{padding-top:0;}
.trial-hero{display:grid; grid-template-columns:1fr; gap:32px; align-items:center; padding:32px 0 56px;}
@media(min-width:1024px){.trial-hero{grid-template-columns:1.1fr .9fr; gap:56px; padding:40px 0 72px;}}
.trial-intro h1{font-size:36px; line-height:1.12; margin-top:4px;}
@media(min-width:640px){.trial-intro h1{font-size:50px;}}
.trial-intro > p{font-size:17px; line-height:1.7; color:rgba(248,250,252,.85); margin:20px 0 0; max-width:560px;}
.trial-ticks{list-style:none; margin:22px 0 0; padding:0; display:flex; flex-wrap:wrap; gap:10px 20px; font-size:14px; color:rgba(248,250,252,.85);}
.trial-ticks li{display:flex; align-items:center; gap:6px;}
.trial-ticks .icon{color:#4ade80; stroke-width:2.4;}
.trial-form{border-color:rgba(255, 90, 90,.3); box-shadow:0 30px 60px -30px rgba(255, 0, 0,.45); scroll-margin-top:96px;}
.trial-form h2{margin-bottom:22px;}
.trial-form .co-submit-btn .icon{width:18px; height:18px;}
.trial-form .co-guarantee .icon{width:16px; height:16px;}

.trial-body{max-width:780px; margin:0 auto; display:flex; flex-direction:column; gap:56px; padding-top:24px;}
.trial-body h2{font-size:26px; margin-bottom:18px;}
@media(min-width:640px){.trial-body h2{font-size:30px;}}
.trial-body p{font-size:16px; line-height:1.75; color:rgba(248,250,252,.85); margin:0 0 14px;}
.trial-body a{color:var(--accent2);}
.trial-list{list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:12px; font-size:16px; line-height:1.6; color:rgba(248,250,252,.9);}
.trial-list li{position:relative; padding-left:30px;}
.trial-list li::before{content:""; position:absolute; left:0; top:4px; width:18px; height:18px; border-radius:999px; background:rgba(74, 222, 128,.15) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234ade80' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/11px no-repeat;}

.trial-cards{display:grid; grid-template-columns:1fr; gap:16px;}
@media(min-width:640px){.trial-cards{grid-template-columns:1fr 1fr;}}
.trial-card{border-radius:18px; border:1px solid rgba(255,255,255,.09); background:linear-gradient(180deg, rgba(24,30,68,.9), rgba(13,17,42,.9)); padding:24px;}
.trial-card-icon{display:flex; align-items:center; justify-content:center; width:42px; height:42px; border-radius:12px; background:linear-gradient(135deg, var(--accent), var(--purple)); color:#fff; box-shadow:0 12px 26px -10px rgba(255, 0, 0,.6);}
.trial-card-icon .icon{width:20px; height:20px;}
.trial-card h3{font-size:17px; margin-top:16px;}
.trial-body .trial-card p{font-size:14px; line-height:1.65; margin:8px 0 0; color:rgba(248,250,252,.75);}

.trial-steps{list-style:none; counter-reset:s; margin:0; padding:0; display:flex; flex-direction:column; gap:16px;}
.trial-steps li{counter-increment:s; position:relative; padding:20px 20px 20px 72px; border-radius:16px; border:1px solid rgba(255,255,255,.09); background:rgba(255,255,255,.03); font-size:15px; line-height:1.7; color:rgba(248,250,252,.85);}
.trial-steps li::before{content:counter(s); position:absolute; left:20px; top:20px; display:flex; align-items:center; justify-content:center; width:36px; height:36px; border-radius:999px; background:linear-gradient(135deg, var(--accent), var(--purple)); color:#fff; font-weight:700;}
.trial-steps b{color:var(--fg);}

.trial-prices{display:grid; grid-template-columns:1fr 1fr; gap:12px; margin:8px 0 14px;}
@media(min-width:640px){.trial-prices{grid-template-columns:repeat(4,1fr);}}
.trial-body a.trial-price{display:flex; flex-direction:column; gap:4px; border-radius:16px; border:1px solid rgba(255,255,255,.1); background:rgba(255,255,255,.03); padding:18px; text-decoration:none; color:var(--fg); transition:border-color .2s, transform .2s;}
.trial-price:hover{border-color:rgba(255, 90, 90,.45); transform:translateY(-2px);}
.trial-price.popular{border-color:var(--accent); background:rgba(255, 0, 0,.1);}
.trial-price span{font-size:13px; color:rgba(248,250,252,.7);}
.trial-price b{font-family:"Sora","Inter",sans-serif; font-size:26px;}
.trial-price small{font-size:13px; color:var(--accent2);}
.trial-body .trial-small{font-size:14px;}

.faq-list{display:flex; flex-direction:column; gap:10px;}
.trial-faq{border-radius:14px; border:1px solid rgba(255,255,255,.09); background:rgba(255,255,255,.03);}
.trial-faq summary{cursor:pointer; list-style:none; display:flex; justify-content:space-between; align-items:center; gap:16px; padding:18px 20px; font-size:16px; font-weight:500;}
.trial-faq summary::-webkit-details-marker{display:none;}
.trial-faq summary .icon{flex:none; transition:transform .3s; color:var(--accent2);}
.trial-faq[open]{background:rgba(255, 0, 0,.05);}
.trial-faq[open] summary .icon{transform:rotate(180deg);}
.trial-body .trial-faq p{margin:0; padding:0 20px 18px; font-size:15px;}

.trial-cta{max-width:860px; margin:72px auto 0; border-radius:28px; border:1px solid rgba(255, 90, 90,.25); background:linear-gradient(160deg, rgba(255, 0, 0,.14), rgba(16,21,46,.92) 45%); padding:48px 24px; text-align:center; box-shadow:0 40px 80px -30px rgba(255, 0, 0,.35);}
.trial-cta h2{font-size:30px;}
@media(min-width:640px){.trial-cta h2{font-size:38px;}}
.trial-cta > p{font-size:17px; color:rgba(248,250,252,.85); margin:14px 0 28px;}
.trial-cta-btns{display:flex; flex-wrap:wrap; justify-content:center; gap:14px;}
.trial-cta .trial-ticks{justify-content:center;}