.details-container{margin-top:11.25rem}.pf__container{display:flex;color:#fff;width:100%;gap:3rem}.pf__container h4{color:#fff;font-weight:600;font-size:2.5rem}.pf__container h6{color:#fff}.pf__content>h6{margin-block-start:1rem;margin-block-end:1rem}.pf__image-carousel{display:grid;width:50%;grid-template-columns:1fr;grid-auto-rows:1fr;position:relative;min-height:400px;overflow:hidden}.pf__carousel-image{width:100%;height:100%;position:absolute;top:0;transition:transform .3s ease-in-out;transform:translate(100%);border-radius:5px;object-fit:cover}.pf__carousel-image.active{transform:translate(0)}.pfr-mini-header{font-size:x-large;line-height:normal}.pf__text-content{width:50%;background-color:#3e3e3e;padding:20px;display:flex;align-items:center;line-height:1.5}.pf__pagination{position:absolute;top:90%;width:100%;text-align:center}.pf__dot{height:8px;width:8px;margin:0 3px;background-color:#bbb;border-radius:50%;display:inline-block;transition:background-color .3s ease}.pf__dot.active{background-color:#fff}.pf__carousel-control{position:absolute;top:50%;transform:translateY(-50%);background-color:transparent;color:#000;width:40px;height:40px;font-size:16px;border:1px solid white;border-radius:5px;cursor:pointer;outline:none;line-height:normal;color:#fff;padding:0}.pf__carousel-control:disabled{color:#d3d3d3;border:1px solid lightgray}.pf__prev{left:10px}.pf__next{right:10px}.pf__category-bar{display:flex;gap:1rem;margin-bottom:1rem;overflow-x:scroll;scrollbar-width:none}.pf__category-bar::-webkit-scrollbar{display:none}.pf__category-item{color:#fff;background-color:rgb(var(--color-foreground));font-family:sans-serif;font-weight:400;white-space:nowrap;padding:10px 12px;font-size:15px;border:1px solid #fff;cursor:pointer;transition:background-color .3s,color .3s;display:inline-block;-webkit-user-select:none;user-select:none}.pf__category-item:hover,.pf__category-item.active{color:#000;background-color:#fff}@media (max-width: 768px){.pf__container{flex-direction:column}.pf__image-carousel{height:300px}.pf__image-carousel,.pf__text-content{width:100%}.pf__image-carousel{min-height:auto;height:220px}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/details.css.map */