.aem-native-recommendations{--aem-rec-navy:#082f5c;--aem-rec-yellow:#f4c52f;--aem-rec-line:#dce5ef;--aem-rec-muted:#65748a;position:relative;box-sizing:border-box;width:100%;margin:26px auto 38px!important;padding:28px clamp(14px,2vw,30px);border:1px solid var(--aem-rec-line);border-radius:18px;background:#fff;box-shadow:0 14px 38px rgba(8,47,92,.08)}
.aem-native-recommendations *{box-sizing:border-box}
.aem-rec-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;border-bottom:1px solid var(--aem-rec-line)}
.aem-rec-tabs{display:flex;gap:28px;overflow-x:clip;-ms-overflow-style:none;scrollbar-width:none!important}
.aem-rec-tabs::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}
.aem-rec-tab{position:relative;flex:0 0 auto;padding:0 0 14px;border:0;background:transparent;color:#566272;font:800 clamp(18px,1.7vw,27px)/1.2 inherit;cursor:pointer}
.aem-rec-tab::after{position:absolute;right:0;bottom:-2px;left:0;height:4px;border-radius:5px;background:var(--aem-rec-yellow);content:"";opacity:0;transform:scaleX(.4);transition:.2s}
.aem-rec-tab.is-active{color:#111d31}
.aem-rec-tab.is-active::after{opacity:1;transform:scaleX(1)}
.aem-rec-panel{display:none}
.aem-rec-panel.is-active{display:block}
.aem-rec-grid{display:grid;grid-template-columns:repeat(var(--aem-rec-current-cols,var(--aem-rec-cols-desktop,6)),minmax(0,1fr));gap:18px}
.aem-rec-card{display:flex;min-width:0;overflow:hidden;flex-direction:column;border:1px solid var(--aem-rec-line);border-radius:15px;background:#fff;box-shadow:0 8px 24px rgba(8,47,92,.06);transition:transform .2s,border-color .2s,box-shadow .2s}
.aem-rec-card:hover{transform:translateY(-4px);border-color:#efc330;box-shadow:0 16px 32px rgba(8,47,92,.13)}
.aem-rec-image{display:flex;aspect-ratio:1/1;align-items:center;justify-content:center;padding:12px;border-bottom:1px solid #edf1f6;background:#fff}
.aem-rec-image img{display:block;width:100%;height:100%;object-fit:contain}
.aem-rec-card-body{display:flex;min-height:245px;flex:1;flex-direction:column;padding:15px}
.aem-rec-brand{margin-bottom:7px;color:#6a7480;font-size:12px;text-decoration:underline dotted}
.aem-rec-card h3{min-height:46px;margin:0 0 10px;font-size:15px;line-height:1.45}
.aem-rec-card h3 a{color:#152137;text-decoration:none}
.aem-rec-rating{margin:-2px 0 8px;color:#dce3eb;font-size:15px;letter-spacing:1px}
.aem-rec-rating span{background:linear-gradient(90deg,#f5bd19 calc(var(--rating,0) * 20%),#dce3eb 0);-webkit-background-clip:text;background-clip:text;color:transparent}
.aem-rec-price{display:flex;min-height:42px;align-items:flex-start;gap:7px;flex-direction:column;margin:auto 0 13px;color:var(--aem-rec-navy)}
.aem-rec-price strong{font-size:21px;line-height:1.1}
.aem-rec-price del{color:#7a8492;font-size:13px}
.aem-rec-buy{display:grid;grid-template-columns:46px minmax(0,1fr);gap:8px}
.aem-rec-buy input[type=number]{display:block;width:46px!important;min-width:46px!important;max-width:46px!important;height:44px!important;margin:0!important;padding:0!important;border:1px solid var(--aem-rec-line)!important;border-radius:9px!important;background:#fff!important;color:#172338!important;font-family:inherit!important;font-size:15px!important;font-weight:700!important;line-height:44px!important;text-align:center!important;text-indent:0!important;-moz-appearance:textfield;appearance:textfield}
.aem-rec-buy input[type=number]::-webkit-inner-spin-button,.aem-rec-buy input[type=number]::-webkit-outer-spin-button{margin:0;-webkit-appearance:none;appearance:none}
.aem-rec-cart{display:flex;min-height:44px;align-items:center;justify-content:center;gap:7px;border:0;border-radius:9px;background:var(--aem-rec-navy);color:#fff;font-weight:800;cursor:pointer}
.aem-rec-cart:hover{background:#052443}
.aem-rec-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:8px}
.aem-rec-actions button{display:flex;width:100%;min-width:0;min-height:40px;align-items:center;justify-content:center;gap:5px;padding:6px;border:1px solid var(--aem-rec-line);border-radius:8px;background:#f8fafc;color:#455b73;font-size:12px;line-height:1.2;white-space:nowrap;cursor:pointer}
.aem-rec-actions button span{font-size:17px}
.aem-rec-cart:disabled,.aem-rec-actions button:disabled{cursor:wait;opacity:.62}
.aem-rec-toast{position:fixed;z-index:10050;right:20px;bottom:20px;max-width:min(380px,calc(100vw - 30px));padding:13px 17px;border-radius:10px;background:#128457;color:#fff;box-shadow:0 14px 34px rgba(0,0,0,.22);opacity:0;pointer-events:none;transform:translateY(15px);transition:.2s}
.aem-rec-toast.is-visible{opacity:1;transform:translateY(0)}
.aem-rec-toast.is-error{background:#b02b2b}
.aem-journal-recommendations-replaced{display:none!important}
@media(max-width:1199px){.aem-rec-grid{grid-template-columns:repeat(var(--aem-rec-current-cols-tablet,var(--aem-rec-cols-tablet,3)),minmax(0,1fr))}}
@media(max-width:767px){.aem-native-recommendations{margin:20px auto 28px!important;padding:20px 12px;border-radius:14px}.aem-rec-head{margin-bottom:16px}.aem-rec-tabs{gap:20px;overflow-x:auto}.aem-rec-tab{font-size:19px}.aem-rec-grid{display:flex;gap:12px;overflow-x:auto;padding:2px 2px 12px;scroll-snap-type:x mandatory;-ms-overflow-style:none;scrollbar-width:none!important}.aem-rec-grid::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}.aem-rec-card{flex:0 0 calc((100% - (var(--aem-rec-cols-mobile,1) - 1)*12px)/var(--aem-rec-cols-mobile,1));scroll-snap-align:start}.aem-rec-card-body{min-height:232px}.aem-rec-toast{right:15px;bottom:15px}}