.new-shopbb-section{max-width:1440px;margin:0 auto;padding:clamp(28px,5vw,48px) clamp(16px,4vw,24px) clamp(36px,6vw,60px);box-sizing:border-box;background:#f4f6f0}.new-shopbb-header{position:relative;text-align:center;padding:0 clamp(0px,10vw,120px) clamp(18px,3vw,28px)}.new-shopbb-heading{font-size:clamp(22px,4vw,34px);font-weight:800;color:#1f3d1f;margin:0 0 8px}.new-shopbb-subheading{font-size:clamp(13px,1.6vw,15px);color:#4a5d3a;margin:0}.new-shopbb-divider{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:14px}.new-shopbb-divider-line{width:40px;height:1px;background:#b9cba9}.new-shopbb-divider-leaf{width:16px;height:16px}.new-shopbb-leaf{position:absolute;top:0;width:clamp(60px,10vw,140px);height:clamp(40px,6.5vw,90px);pointer-events:none}.new-shopbb-leaf svg{width:100%;height:100%}.new-shopbb-leaf-right,.new-shopbb-leaf-left,.new-shopbb-divider{display:none}.new-shopbb-leaf-left{left:0}.new-shopbb-leaf-right{right:0}.new-shopbb-container{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:50px}.new-shopbb-liquid{display:block;width:100%;text-decoration:none;color:inherit;border-radius:0;overflow:visible;background:transparent;cursor:pointer;transition:box-shadow .2s ease,transform .2s ease}.new-shopbb-liquid:hover{transform:translateY(-3px)}.new-shopbb-liquid:hover .new-shopbb-poster,.new-shopbb-liquid:hover .new-shopbb-footer{box-shadow:0 10px 24px #0000001f}.new-shopbb-liquid:focus-visible{outline:2px solid #2b6cb0;outline-offset:2px}.new-shopbb-poster{position:relative;width:100%;aspect-ratio:4 / 4;background:#f4f4f4;border-radius:0;overflow:hidden}.new-shopbb-image{width:100%;height:100%;object-fit:cover;display:block}.new-shopbb-footer{position:relative;background:#8fa15b;border-radius:0;padding:clamp(12px,1.8vw,16px) clamp(28px,5vw,40px) clamp(12px,1.8vw,16px) clamp(70px,11vw,92px);height:clamp(78px,10vw,92px);display:flex;align-items:center;box-sizing:border-box}.new-shopbb-logo{position:absolute;top:clamp(-28px,-5.5vw,-34px);left:clamp(12px,2.5vw,18px);width:clamp(56px,8.5vw,72px);height:clamp(56px,8.5vw,72px);border-radius:50%;background:#fff;box-shadow:0 2px 8px #0000002e;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.new-shopbb-logo img{width:80%;height:80%;object-fit:contain}.new-shopbb-text{min-width:0;width:100%}.new-shopbb-title{font-size:clamp(14px,1.7vw,17px);font-weight:700;color:#fff;margin:0 0 2px;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.new-shopbb-desc{font-size:clamp(11px,1.3vw,12.5px);line-height:1.4;color:#eaf0e2;margin:0;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.new-shopbb-arrow{position:absolute;right:clamp(8px,1.5vw,14px);top:50%;transform:translateY(-50%);width:clamp(26px,3.6vw,32px);height:clamp(26px,3.6vw,32px);border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #00000026;transition:transform .2s ease;flex-shrink:0}.new-shopbb-arrow svg{width:14px;height:14px}.new-shopbb-liquid:hover .new-shopbb-arrow{transform:translateY(-50%) translate(3px)}.new-shopbb-empty{color:#777;font-size:14px;grid-column:1 / -1;text-align:center}.new-shopbb-pagination{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:36px}.new-shopbb-page-btn{min-width:36px;height:36px;padding:0 10px;border:1px solid #d7ddce;background:#fff;border-radius:6px;cursor:pointer;font-size:14px;color:#1f3d1f}.new-shopbb-page-btn.is-active{background:#4a5d3a;color:#fff;border-color:#4a5d3a}.new-shopbb-page-btn:disabled{opacity:.4;cursor:not-allowed}@media(max-width:1100px){.new-shopbb-container{grid-template-columns:repeat(3,minmax(0,1fr));gap:34px}}@media(max-width:992px){.new-shopbb-container{gap:24px}}@media(max-width:768px){.new-shopbb-container{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.new-shopbb-header{padding:0 8px 20px}.new-shopbb-leaf{width:56px;height:38px;opacity:.8}}@media(max-width:480px){.new-shopbb-container{gap:12px}.new-shopbb-leaf{display:none}.new-shopbb-footer{flex-direction:column;align-items:flex-start;justify-content:center;padding:0 10px;height:70px}.new-shopbb-logo{position:static;margin:-18px 0 4px;width:34px;height:34px;flex-shrink:0}.new-shopbb-text{width:100%;min-width:0}.new-shopbb-title{font-size:12.5px;margin:0 0 2px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:unset;-webkit-box-orient:unset}.new-shopbb-desc{font-size:10.5px;-webkit-line-clamp:1}.new-shopbb-arrow{display:none}}
/*# sourceMappingURL=/cdn/shop/t/97/assets/new-shopbb.css.map */