/* Product artwork keeps the real title and a short summary readable at every size. */
.product-grid .product{display:flex;flex-direction:column}
.product-grid .cover-link{display:flex;flex:1;padding:7px 7px 0}
.product-grid .cover{width:100%;min-height:196px;aspect-ratio:auto;padding:17px 18px;display:flex;flex-direction:column;justify-content:flex-start;gap:17px;text-align:right;box-shadow:none}
.product-grid .cover::before{background:repeating-linear-gradient(135deg,transparent 0 35px,#ffffff04 35px 36px,transparent 36px 70px)}
.product-grid .cover::after{width:130px;height:130px;left:-72px;bottom:-89px;border-color:currentColor;opacity:.17;box-shadow:0 0 0 15px #ffffff12,0 0 0 30px #ffffff0d;transform:rotate(30deg)}
.product-grid .card-art-top{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:28px;font-size:11px;line-height:1.5;color:inherit}
.product-grid .card-art-top>span:first-child{opacity:.8;letter-spacing:0}
.product-grid .cover-symbol{flex-shrink:0;width:29px;height:29px;border-radius:8px;border-color:currentColor;background:transparent;box-shadow:none;opacity:.8}
.product-grid .cover-symbol svg{width:19px;height:19px;stroke-width:1.4}
.product-grid .card-art-copy{display:flex;flex:1;flex-direction:column;gap:9px}
.product-grid .card-title{margin:0;font-size:22px;line-height:1.5;font-weight:600;color:inherit;overflow-wrap:anywhere}
.product-grid .card-summary{margin:0;font-size:13px;line-height:1.7;font-weight:400;color:inherit;opacity:.85;max-width:31ch}
.product-grid .theme-1{background-color:#073f3d;color:#e4f4eb}
.product-grid .theme-7{background-color:#dcece3;color:#0c443a;background-image:radial-gradient(ellipse at 100% 0%,#f9fffaa6,transparent 75%)}
.product-grid .theme-8{background-color:#123a4d;color:#e1f0f3}
.product-grid .restaurant-ready,.product-grid .restaurant-bundle{background-image:radial-gradient(ellipse at 100% 0%,#ffffffa6,transparent 75%)}
.product-grid .product-category,.product-grid .product-info>h3,.product-grid .product-info>p,.product-grid [data-digital-action],.product-grid .product-actions button,.product-grid .product-actions>a:not(:first-child){display:none}
.product-grid .product-info{display:flex;flex-direction:column;padding:9px 12px 11px;text-align:right}
.product-grid .pricing{justify-content:flex-start;gap:4px 6px;min-height:36px;margin:0;align-content:center;flex-wrap:wrap}
.product-grid .pricing strong{font-size:24px;line-height:1.2}
.product-grid .pricing>span,.product-grid .pricing small{font-size:11px}
.product-grid .pricing small{flex-basis:auto;border:0;padding:0;margin:0}
.product-grid .pricing del{font-size:12px}
.product-grid .pricing .bundle-price{font-size:13px!important;line-height:1.5}
.product-grid .product-actions{margin-top:7px;padding-top:0;border-top:0;display:flex}
.product-grid .product-actions>a:first-child{width:100%;min-height:40px;display:flex;align-items:center;justify-content:center;padding:7px 4px!important;font-size:13px;line-height:1.5;font-weight:600;border:1px solid #d3e1db;border-radius:7px;background:#edf4f0;color:#075d54}
.product-grid a:focus-visible{outline:2px solid #087d73;outline-offset:3px}
@media(max-width:650px){
 .header .search{min-width:0;width:100%;max-width:100%}
 .product-grid{gap:12px}
 .product-grid .cover-link{padding:5px 5px 0}
 .product-grid .cover{min-height:176px;padding:11px 10px;gap:11px}
 .product-grid .card-art-top{min-height:23px;font-size:9px;gap:4px}
 .product-grid .cover-symbol{width:23px;height:23px;border-radius:6px}
 .product-grid .cover-symbol svg{width:16px;height:16px}
 .product-grid .card-art-copy{gap:7px}
 .product-grid .card-title{font-size:16px;line-height:1.5}
 .product-grid .card-summary{font-size:11px;line-height:1.65}
 .product-grid .product-info{padding:7px 9px 9px}
 .product-grid .pricing{min-height:33px;gap:3px 5px}
 .product-grid .pricing strong{font-size:21px}
 .product-grid .product-actions>a:first-child{min-height:40px;font-size:12px}
}

.program-tahseeb{background-color:#123a4d;color:#e1f0f3}
.program-nuzul{background-color:#dcece3;color:#0c443a}
.program-mahfal{background-color:#4b3c57;color:#f6eff9}
.program-gym{background-color:#164b40;color:#e7f5dc}
.product-grid .pricing .program-price-label{font-size:13px;line-height:1.6;font-weight:500}
.large-cover .cover-bottom{line-height:1.8}