/* ============================================================
   SkyeFlare order-form (standard_cart) — green-theme product
   cards, centered layout, separate heading box, matching site
   palette. !important + matching ".products .product" ancestor
   chain used throughout since WHMCS's own all.min.css uses that
   exact chain and otherwise wins on specificity.
   ============================================================ */

#order-standard_cart .products .product,
#order-standard_cart .product{
    position: relative !important;
    border: 1.5px solid #E5E7EB !important;
    border-radius: 16px !important;
    padding: 0 0 24px !important;
    background: #fff !important;
    box-shadow: 0 1px 3px rgba(20,35,70,.06);
    transition: box-shadow .2s ease, transform .2s ease;
    height: 100%;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    overflow: hidden !important;
}
#order-standard_cart .product:hover{
    box-shadow: 0 10px 28px rgba(20,35,70,.10);
    transform: translateY(-2px);
}

/* Heading box */
#order-standard_cart .products .product header,
#order-standard_cart .product header{
    width: 100% !important;
    border: none !important;
    padding: 22px 20px 16px !important;
    margin: 0 0 16px !important;
    background: linear-gradient(135deg, #f0fdf4, #ecfdf5) !important;
    border-bottom: 1px solid #E5E7EB !important;
    border-radius: 15px 15px 0 0 !important;
    text-align: center !important;
}
#order-standard_cart .products .product header span,
#order-standard_cart .product header span:first-child{
    display: block !important;
    font-size: 20px !important;
    font-weight: 800 !important;
    color: #111827 !important;
}
#order-standard_cart .products .product header .qty,
#order-standard_cart .product header .qty{
    display: block !important;
    float: none !important;
    margin-top: 4px !important;
    font-size: 11px !important;
    color: #6B7280 !important;
}

.skye-popular-badge{
    display: inline-block;
    position: absolute;
    top: 14px;
    right: 14px;
    background: linear-gradient(135deg, #22c55e, #16a34a);
    color: #fff;
    font-size: 10.5px;
    font-weight: 800;
    letter-spacing: .02em;
    padding: 5px 12px;
    border-radius: 999px;
    box-shadow: 0 4px 10px rgba(22,163,74,.35);
    z-index: 2;
}

#order-standard_cart .products .product div.product-desc,
#order-standard_cart .product-desc{
    flex: 1 !important;
    width: 100% !important;
    padding: 0 22px !important;
    text-align: center !important;
}
#order-standard_cart .product-desc p{
    margin: 0;
}
ul.skye-feature-list{
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
}
ul.skye-feature-list li{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    padding: 7px 0;
    font-size: 13.5px;
    color: #374151;
    border-bottom: 1px dashed #F0F2F1;
}
ul.skye-feature-list li:last-child{
    border-bottom: none;
}
ul.skye-feature-list li::before{
    content: '';
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #f0fdf4;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2 6l3 3 5-5' fill='none' stroke='%2316a34a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 8px 8px;
}

/* the template's own (now unused) feature <ul> stays empty; hide it if present */
#order-standard_cart .product-desc > ul:not(.skye-feature-list):empty{
    display: none;
}

#order-standard_cart .products .product footer,
#order-standard_cart .product footer{
    width: 100% !important;
    border: none !important;
    padding: 18px 22px 0 !important;
    margin-top: 18px !important;
    border-top: 1px solid #F0F2F1 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 12px !important;
}
#order-standard_cart .products .product div.product-pricing,
#order-standard_cart .product-pricing{
    font-size: 13px !important;
    color: #6B7280 !important;
    text-align: center !important;
}
#order-standard_cart .products .product div.product-pricing span.price,
#order-standard_cart .product-pricing .price{
    display: block !important;
    font-size: 26px !important;
    font-weight: 900 !important;
    color: #111827 !important;
    letter-spacing: -0.5px !important;
}
#order-standard_cart .btn-order-now{
    background: #16A34A !important;
    border-color: #16A34A !important;
    color: #fff !important;
    font-weight: 700 !important;
    border-radius: 10px !important;
    padding: 10px 24px !important;
    width: 100% !important;
    max-width: 200px !important;
}
#order-standard_cart .btn-order-now:hover{
    background: #128a3e !important;
    border-color: #128a3e !important;
}

#order-standard_cart .header-lined{
    text-align: left;
}
#order-standard_cart .header-lined h1{
    font-weight: 800;
    color: #111827;
}