.details-container{grid-template-columns:1fr;gap:3rem;display:grid}@media (min-width:1024px){.details-container{grid-template-columns:1fr 1fr}}.details-images{flex-direction:column;gap:1rem;display:flex}.details-main-image-container{background-color:#fff7e8;flex-shrink:0;justify-content:center;align-items:center;width:500px;height:500px;display:flex;overflow:hidden}.details-main-image{object-fit:cover;width:100%;height:100%}.details-no-image{width:100%;height:100%;color:var(--llp-gray);background-color:var(--llp-gray-bg);font-size:var(--font-size-regular);justify-content:center;align-items:center;display:flex}.details-thumbnails-container{max-width:500px}.details-thumbnails-scroll{scrollbar-width:thin;scrollbar-color:var(--llp-red)transparent;gap:.5rem;padding-bottom:.5rem;display:flex;overflow-x:auto}.details-thumbnails-scroll::-webkit-scrollbar{height:4px}.details-thumbnails-scroll::-webkit-scrollbar-track{background:0 0}.details-thumbnails-scroll::-webkit-scrollbar-thumb{background-color:var(--llp-red);border-radius:2px}.details-thumbnail-btn{aspect-ratio:1;border:.1rem solid var(--llp-red);cursor:pointer;background:0 0;flex-shrink:0;justify-content:center;align-items:center;width:80px;height:80px;padding:0;transition:border-color .2s;display:flex;overflow:hidden}.details-thumbnail-selected{border-color:#f85246}.details-thumbnail-unselected{border-color:transparent}.details-thumbnail-image{object-fit:cover;width:100%;height:100%}.details-info{flex-direction:column;justify-content:center;gap:1.5rem;display:flex}.details-title{font-size:var(--font-size-megatitle);color:var(--llp-black);margin-bottom:1rem;font-weight:700;line-height:1.2}.details-price{font-size:var(--font-size-subtitle);color:var(--llp-red);margin-bottom:1rem;font-weight:600}.details-author{font-size:var(--font-size-regular);color:var(--llp-black);margin-bottom:1rem}.details-description{color:var(--llp-black);line-height:1.6;font-size:var(--font-size-regular);font-family:var(--font-secondary);font-weight:400}.details-description p{margin-bottom:1rem}.details-description p:last-child{margin-bottom:0}.details-variants-section{padding-bottom:1.5rem}.details-variants-grid{grid-template-columns:repeat(3,1fr);gap:.5rem;display:grid}.details-option-group{margin-bottom:1.5rem}.details-option-label{font-size:var(--font-size-regular);color:var(--llp-black);margin-bottom:.5rem;font-weight:600}.details-option-values{flex-wrap:wrap;gap:.5rem;display:flex}.details-variant-btn{color:var(--llp-red);font-size:var(--font-size-regular);cursor:pointer;text-align:left;background-color:rgba(248,82,70,.1);border-color:transparent;border-radius:.5rem;padding:.75rem 1.2rem;font-family:inherit;transition:background-color .2s,color .2s,border .2s}.details-variant-selected{background-color:var(--llp-red);color:var(--llp-white);border-color:transparent}.details-variant-unselected{color:var(--llp-red);background-color:rgba(248,82,70,.1);border-color:transparent}.quantity-section{border-bottom:1px solid #e5e7eb;padding-bottom:1.5rem}.quantity-controls{align-items:center;gap:.75rem;display:flex}.details-add-to-cart-btn{border:.1rem solid var(--llp-red);cursor:pointer;width:100%;font-weight:200;font-size:var(--font-size-regular);color:var(--llp-white);border-radius:.5rem;padding:1rem 1.5rem;transition:all .2s}.details-add-to-cart-available{background-color:var(--llp-red);color:var(--llp-white);border-color:var(--llp-red)}.details-add-to-cart-available:hover{background-color:var(--llp-red-dark);border-color:var(--llp-red-dark)}.details-add-to-cart-disabled{background-color:var(--llp-gray-bg);color:var(--llp-gray);cursor:not-allowed;border:none}.details-list{flex-direction:column;gap:.5rem;display:flex}@media (max-width:640px){.details-container{gap:1.5rem}.details-main-image-container{width:100%;max-width:300px;height:300px;margin:0 auto}.details-thumbnails-container{width:100%;max-width:300px;margin:0 auto}.details-info{gap:1rem;max-width:300px;margin:0 auto}.details-variants-grid{grid-template-columns:1fr}.thumbnails-grid{grid-template-columns:repeat(3,1fr)}.details-title{font-size:var(--font-size-megatitle)}.details-section-title{font-size:var(--font-size-regular)}}
