.tea-code-section{padding:64px 0;overflow:hidden}.tea-code-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.header-content{flex:1}a.block_collecttion_url{position:absolute;top:0;left:0;width:100%;height:100%;z-index:9}.section-title{margin:0;line-height:1}.section-subtitle{font-size:14px;color:#000;margin:8px 0 0;font-weight:400}.navigation-controls{display:flex;align-items:center;gap:8px}.nav-btn{width:60px;height:40px;border:1px solid #1d1d1b;border-radius:999px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;background:transparent}.nav-btn.swiper-button-disabled:hover{border-color:#ddd;background:#fff;color:#636e72}.pagination-container{text-align:center}.tea-code-pagination{font-size:14px;color:#1d1d1b;font-weight:500}.tea-code-pagination .current{color:#1d1d1b}.tea-code-swiper{overflow:visible}.tea-card{border-radius:20px;height:100%;display:flex;flex-direction:column}.tea-image-container{position:relative;height:400px;overflow:hidden;border-radius:16px}.tea-image-container img,.placeholder-image{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.25,.8,.25,1)}.placeholder-image{background:linear-gradient(135deg,#ffffff1a,#ffffff4d)}.tea-letter-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2}.tea-info{flex:1;display:flex;padding-top:16px;border-top:1px solid;margin-top:24px;gap:32px}.tea-code-label{font-size:14px;font-weight:600;color:#1d1d1b;white-space:nowrap}.tea-description{font-size:14px;color:#1d1d1b;line-height:1;margin:0 0 8px;font-weight:500;font-weight:400}.tea-details{margin:0;font-size:14px;color:#1d1d1b;line-height:1;font-weight:400}@media (max-width: 768px){.tea-code-section{padding:60px 0}.navigation-controls{margin-top:64px!important}.tea-code-header{flex-direction:column;align-items:flex-start}.navigation-controls{margin-top:0;justify-content:center}.pagination-container{text-align:left;flex:1}.tea-letter{font-size:80px}.tea-code-label,.tea-description,.tea-details{font-size:13px}}.tea-code-swiper .swiper-wrapper{align-items:stretch}
/*# sourceMappingURL=/cdn/shop/t/40/assets/tea-code-section.css.map */