.section-bg{padding:3rem 1rem}@media (min-width: 1024px){.section-bg{padding:3rem 2rem}}@media (max-width: 767px){.section-bg{padding:2rem .5rem}}.table th,.table td{padding:1.5rem}@media (max-width: 767px){.table th,.table td{padding:.75rem}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.thumbnail{width:60px;height:60px;transition:transform .3s ease,box-shadow .3s ease}.thumbnail:hover{transform:scale(1.1);box-shadow:0 4px 8px #0000001a}.thumbnail.active{border:2px solid #2563EB;box-shadow:0 0 0 4px #2563eb1a}.main-image{display:block;height:400px;margin-left:auto;margin-right:auto;transition:transform .3s ease,box-shadow .3s ease}.main-image:hover{transform:scale(1.03);box-shadow:0 8px 16px #0000001a}.discount-badge{background-color:#9f224e;color:#fff;font-size:.75rem;font-weight:700;padding:.25rem .5rem;border-radius:.25rem;top:.5rem;left:.5rem;transition:background-color .2s ease,transform .2s ease}.action-button{background-color:#2563eb;color:#fff;padding:.75rem 1.5rem;font-weight:400;border-radius:.5rem;transition:background-color .3s ease,box-shadow .3s ease}.action-button:hover{background-color:#1d4ed8;box-shadow:0 4px 12px #2563eb4d}.category-badge{background-color:#dbeafe;color:#1e40af;font-size:.875rem;font-weight:400;padding:.375rem 1rem;border-radius:9999px;transition:background-color .2s ease,transform .2s ease;display:inline-flex;align-items:center;text-decoration:none}.category-badge:hover{background-color:#bfdbfe;transform:scale(1.05)}@media (min-width: 641px){.top-section{padding:1rem}.top-section h1{font-size:2rem}.top-section .price-container{font-size:1.25rem;display:flex;align-items:center;gap:.75rem}.top-section .price-discount{font-size:.875rem}.top-section .quantity-action-container{gap:1.5rem;justify-content:start}.top-section .variant-container{display:flex;align-items:center;gap:1rem}.top-section .variant-container p{font-size:1rem;margin:0}.top-section .variant-container .flex{gap:.5rem}.top-section .variant-container .w-8{width:32px;height:32px}.top-section .variant-container .px-3{padding-left:.5rem;padding-right:.5rem;font-size:.875rem}.middle-section{padding:1.5rem}}@media (max-width: 640px){.top-section{padding:.5rem}.top-section .main-image{height:320px}.top-section .thumbnail{width:40px;height:40px}.top-section h1{font-size:1.25rem}.top-section .price-container{font-size:1rem;display:flex;align-items:center;gap:.5rem}.top-section .price-discount{font-size:.75rem}.top-section .discount-badge{font-size:.6rem;padding:.15rem .3rem}.top-section .quantity-action-container{gap:1rem;justify-content:space-between}.top-section .variant-container{display:flex;align-items:center;gap:.5rem}.top-section .variant-container p{font-size:.75rem;margin:0}.top-section .variant-container .flex{gap:.25rem}.top-section .variant-container .w-8{width:32px;height:32px}.top-section .variant-container .px-3{padding-left:.5rem;padding-right:.5rem;font-size:.75rem}.top-section .text-sm{font-size:.75rem}.top-section .text-base{font-size:.875rem}.middle-section{padding:1rem}.middle-section .text-gray-600,.middle-section textarea{font-size:.875rem}}@media (max-width: 767px){.posts-container{grid-template-columns:2fr}}.truncate-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.custom-text{padding:1rem 1rem 1rem .5rem}.products-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:.5rem}.posts-container{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;max-width:100%}.variant-container .color-button.active{border:3px solid #2563EB;box-shadow:0 0 0 3px #2563eb33;transform:scale(1.1)}.variant-container .size-button.active{background-color:#2563eb;color:#fff;border-color:#2563eb}.star-rating .fas.fa-star{color:#d1d5db;font-size:1.25rem}.star-rating .fas.fa-star.checked,.user-star.checked,.user-star:hover{color:#fbbf24;transform:scale(1.1);transition:transform .2s ease,color .2s ease}.middle-section{display:flex;flex-wrap:wrap;align-items:center;border-bottom:1px solid #E5E7EB;margin-bottom:2rem}.middle-section label{padding:.75rem 1.5rem;font-weight:400;color:#1f2937;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}#description-tab:checked+label,#reviews-tab:checked+label{border-bottom:4px solid #2563EB;color:#2563eb;font-weight:700}.aggregate-rating{display:inline-flex;padding:.75rem 1.5rem}@media (max-width: 640px){.middle-section .star-rating .fas.fa-star{font-size:.875rem}.middle-section .star-rating+p{font-size:.75rem}.middle-section label,.aggregate-rating{padding:.5rem 1rem;font-size:.875rem}}.tab-content{display:none;opacity:0;transition:opacity .3s ease}#description-tab:checked~.tab-container #description,#reviews-tab:checked~.tab-container #reviews{display:block;opacity:1}.tab-container{padding-top:2rem;width:100%;font-size:1.125rem;color:#222;margin-bottom:1rem}.quantity-container{display:flex;align-items:center;border:1px solid #E5E7EB;border-radius:.5rem;overflow:hidden;background-color:#fff}.quantity-container button{width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;background-color:#f9fafb;border:none;color:#4b5563;font-size:1rem;transition:background-color .2s ease}.quantity-container button:hover{background-color:#e5e7eb}.quantity-container input{width:2.5rem;text-align:center;border:none;font-size:.875rem;color:#1f2937;background-color:transparent;outline:none}.quantity-container input::-webkit-inner-spin-button,.quantity-container input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}@media (max-width: 640px){.top-section .quantity-container{max-width:100px}.top-section .quantity-container input{width:30px;font-size:.75rem}.top-section .quantity-container button{width:1.5rem;height:1.5rem;font-size:.75rem}}.category-container{display:flex;flex-wrap:wrap;gap:.5rem}#copyLinkModal{transition:opacity .3s ease}#copyLinkModal .transform{transition:transform .3s ease}#copyLinkModal:not(.hidden) .transform{transform:scale(1)}#copyLinkModal.hidden .transform{transform:scale(.95)}@media (max-width: 640px){#copyLinkModal .max-w-sm{max-width:90%}}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.hide-scrollbar::-webkit-scrollbar{display:none}.variant-button{display:inline-block;min-width:60px;text-align:center;border:1px solid #d1d5db;border-radius:8px;padding:6px 12px;font-size:14px;font-weight:400;transition:all .2s ease}.variant-button:hover{background-color:#f3f4f6;transform:scale(1.05)}.variant-button.active{border-color:#3b82f6;background-color:#006dff;color:#fff;box-shadow:0 0 0 3px #3b82f64d}.variant-button:focus{outline:none;box-shadow:0 0 0 3px #3b82f64d}