.jcws-recommended-layout-wrapper{display:flex;gap:var(--space-xl);margin:var(--space-lg) 0}.jcws-recommended-sidebar-header{display:flex;flex-direction:column;justify-content:space-between;flex:0 0 180px;border:2px solid var(--text);border-radius:var(--radius-md);padding:var(--space-xl) var(--space-md);text-align:center;position:relative;overflow:hidden}.jcws-recommended-featured{background:linear-gradient(135deg,#68ba5a 0%,#f8f9fa 50%,#68ba5a 100%);background-size:400% 400%;animation:ai-gradient-shift 8s ease infinite}.jcws-recommended-recent{background:linear-gradient(135deg,#64b5f6 0%,#f8f9fa 50%,#1e88e5 100%);background-size:400% 400%;animation:ai-gradient-shift 8s ease infinite}.jcws-recommended-sale{background:linear-gradient(135deg,#ffb74d 0%,#f8f9fa 50%,#fb8c00 100%);background-size:400% 400%;animation:ai-gradient-shift 8s ease infinite}.jcws-recommended-top-rated{background:linear-gradient(135deg,#ffd54f 0%,#f8f9fa 50%,#ffb300 100%);background-size:400% 400%;animation:ai-gradient-shift 8s ease infinite}.jcws-recommended-featured::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 20% 50%,rgb(255 255 255 / .45) 0%,transparent 30%),radial-gradient(circle at 80% 80%,rgb(255 255 255 / .35) 0%,transparent 40%),radial-gradient(circle at 50% 30%,rgb(255 255 255 / .25) 0%,transparent 50%);animation:ai-shimmer 10s ease-in-out infinite;pointer-events:none}@keyframes ai-gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}@keyframes ai-shimmer{0%,100%{opacity:.6}50%{opacity:.3}}.jcws-recommended-header-top{flex:0 0 auto;margin-bottom:var(--space-md)}.jcws-recommended-header-top h5{color:var(--text);font-size:var(--h5-font-size);line-height:var(--leading-tight);margin:0;position:relative;z-index:1}.jcws-recommended-header-bottom{flex:0 0 auto;margin-top:auto}.jcws-recommended-more-btn{align-items:center;background:var(--jcws-chip);border:calc(var(--space-xs) / 4) solid var(--jcws-accent-80);border-radius:var(--radius);color:var(--jcws-text);display:inline-flex;font-family:var(--font-body);font-size:var(--font-base);font-weight:500;padding:var(--space-sm) calc(var(--space-md) * 0.75);position:relative;text-decoration:none;transition:var(--transition);z-index:1}.jcws-recommended-more-btn::before{color:var(--secondary);content:'›';font-size:1.2em;font-weight:700;margin-right:var(--space-sm);transition:var(--transition)}.jcws-recommended-more-btn:hover{background:var(--jcws-chip-hover);border-color:var(--accent);box-shadow:var(--shadow-md);color:var(--jcws-text);transform:translateX(var(--space-xs))}.jcws-recommended-more-btn:hover::before{transform:translateX(var(--space-xs))}.jcws-recommended-arrow{display:none}.jcws-recommended-products-container{flex:1;display:block}.jcws-recommended-products-container .products{display:grid;gap:var(--space-md)}.jcws-recommended-products-container .products{grid-template-columns:repeat(1,1fr)}@media (width>=640px){.jcws-recommended-products-container .products{grid-template-columns:repeat(2,1fr)}}@media (width>=960px){.jcws-recommended-products-container .products{grid-template-columns:repeat(3,1fr)}}@media (width>=1281px){.jcws-recommended-products-container .products{grid-template-columns:repeat(4,1fr)}}@media (width <=960px){.jcws-recommended-layout-wrapper{flex-direction:column}.jcws-recommended-sidebar-header{flex-direction:row;flex:1 1 auto;padding:var(--space-lg);justify-content:space-between;align-items:center}.jcws-recommended-header-top{margin-bottom:0}.jcws-recommended-header-bottom{margin-top:0}}@media (width <=640px){.jcws-recommended-products-container .products{grid-template-columns:1fr}.jcws-recommended-header-top h5{padding-bottom:0}}