/* Additions to the preserved YOXOLO PHP storefront identity for WordPress. */
.yx-books{padding-top:72px;padding-bottom:70px}
.yx-book-note{font-size:12px;color:#617496;text-align:center;margin:22px 0 0}
.yx-text-link{background:#eff2ff;color:#425cdd;border:1px solid #dbe2ff;padding:11px 18px;border-radius:12px;font-weight:800;font-size:13px;white-space:nowrap}
.yx-product-image{height:188px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#f4f7ff;border-radius:12px;margin:2px 16px 14px}
.yx-product-image img{height:100%;width:100%;object-fit:contain}
.product-card .product-main{flex:1}
.product-card .price-block strong .woocommerce-Price-amount{font-size:20px;font-weight:800;color:#122b57}
.product-card .price-block strong .woocommerce-Price-currencySymbol{font-size:15px}
.yx-books .section-heading{align-items:end}
.yx-books .section-heading p{max-width:680px}
.yx-books .license-chip{margin-top:18px;font-size:11px}
.locale-picker a.active{color:#fff;background:#5068ea;border-radius:7px;padding:3px 7px}
.yx-articles{padding-top:24px;padding-bottom:70px}
.yx-articles-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.yx-article-card{background:#fff;border:1px solid #e1e7f4;border-radius:20px;padding:18px;box-shadow:0 12px 28px rgba(20,36,78,.04)}
.yx-article-card a{text-decoration:none;color:#122b57}
.yx-article-card img{display:block;width:100%;height:175px;object-fit:cover;border-radius:12px}
.yx-article-card h3{margin:14px 0 8px;font-size:19px;line-height:1.55}
.yx-article-card p{font-size:13px;line-height:1.9;color:#66758d}
@media(max-width:800px){.yx-articles-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.yx-articles-grid{grid-template-columns:1fr}}
@media(max-width:900px){.top-nav{height:auto;min-height:86px;padding:15px 0;flex-wrap:wrap}.top-nav nav{order:3;width:100%;justify-content:center;gap:13px;flex-wrap:wrap}.top-nav nav a{font-size:12px}.top-nav .nav-button{margin-inline-start:auto}.yx-books{padding-top:48px}.hero-inner{min-height:auto}}
@media(max-width:480px){.top-nav .nav-button{font-size:10px;padding:7px}.top-nav nav{gap:10px}.hero-inner{padding:48px 0 60px}.yx-product-image{height:150px}}