.product-layout{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh}.product-hero-section{background:linear-gradient(135deg,#667eea,#764ba2);color:white;padding:2rem 0}.product-image-gallery{transition:all .3s ease}.product-image-gallery:hover{transform:translateY(-2px)}.product-thumbnail{transition:all .2s ease-in-out;cursor:pointer}.product-thumbnail:hover{transform:scale(1.05);box-shadow:0 8px 25px rgba(0,0,0,.2)}.product-thumbnail.active{border:3px solid #1976d2!important;box-shadow:0 0 0 2px rgba(25,118,210,.2)}.product-price-section{background:linear-gradient(135deg,#ff6b6b,#ee5a52);color:white;padding:1rem;border-radius:8px;margin:1rem 0}.product-features-list{background:rgba(76,175,80,.05);border-left:4px solid #4caf50;padding:1rem;border-radius:0 8px 8px 0}.product-specs-table{background:#fafafa}.product-specs-table .category-header{background:linear-gradient(135deg,#3f51b5,#2196f3);color:white;font-weight:700;padding:1rem}.floating-actions{position:fixed;bottom:2rem;right:2rem;display:flex;flex-direction:column;gap:1rem;z-index:1000}.floating-action-btn{box-shadow:0 4px 20px rgba(0,0,0,.3);transition:all .3s ease}.floating-action-btn:hover{transform:scale(1.1);box-shadow:0 6px 25px rgba(0,0,0,.4)}.whatsapp-btn{background:#25d366!important}.whatsapp-btn:hover{background:#1ebe57!important}.trust-badges{background:rgba(255,255,255,.95);backdrop-filter:blur(10px);border-top:1px solid rgba(255,255,255,.2)}.breadcrumb-nav{background:rgba(255,255,255,.9);backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,0,0,.1)}.product-card,.product-tabs{background:white;border-radius:12px;overflow:hidden}.product-tabs{box-shadow:0 2px 12px rgba(0,0,0,.08)}.product-tab-content{padding:2rem;min-height:300px}@media (max-width:768px){.floating-actions{bottom:1rem;right:1rem}.product-hero-section{padding:1rem 0}.product-tab-content{padding:1rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:fadeInUp .6s ease-out}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}.slide-in-left{animation:slideInLeft .6s ease-out}@keyframes slideInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}.slide-in-right{animation:slideInRight .6s ease-out}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#5a67d8,#667eea)}.breadcrumbs-container{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-bottom:1px solid #dee2e6;transition:all .3s ease}.breadcrumbs-container.compact{padding:4px 0}.breadcrumbs-container.elevated{box-shadow:0 2px 4px rgba(0,0,0,.1)}.breadcrumb-item{position:relative;transition:all .2s ease}.breadcrumb-item:hover{transform:translateY(-1px)}.breadcrumb-item:hover:before{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:linear-gradient(90deg,#007bff,#0056b3);border-radius:1px;transform:scaleX(0);animation:breadcrumb-underline .3s ease forwards}@keyframes breadcrumb-underline{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.breadcrumb-chip{margin:2px;transition:all .2s ease}.breadcrumb-chip:hover{transform:translateY(-1px);box-shadow:0 4px 8px rgba(0,123,255,.3)}.breadcrumb-chip.active{background:linear-gradient(135deg,#007bff,#0056b3);color:white;box-shadow:0 2px 4px rgba(0,123,255,.4)}@media (max-width:768px){.breadcrumbs-container{padding:8px 16px}.breadcrumb-item{font-size:.875rem}.breadcrumb-separator{margin:0 4px;font-size:.75rem}}@media (prefers-color-scheme:dark){.breadcrumbs-container{background:linear-gradient(135deg,#2d3748,#1a202c);border-bottom-color:#4a5568}.breadcrumb-item{color:#e2e8f0}.breadcrumb-item:hover{color:#90cdf4}.breadcrumb-chip.active{background:linear-gradient(135deg,#3182ce,#2c5282)}}.breadcrumb-item:focus{outline:2px solid #007bff;outline-offset:2px;border-radius:4px}.breadcrumb-item:focus-visible{outline:2px solid #007bff;outline-offset:2px}.breadcrumb-skeleton{display:inline-block;height:20px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:breadcrumb-loading 1.5s infinite;border-radius:4px}@keyframes breadcrumb-loading{0%{background-position:200% 0}to{background-position:-200% 0}}@media print{.breadcrumbs-container{background:none!important;border:none!important;box-shadow:none!important}.breadcrumb-item{color:black!important}.breadcrumb-item:hover:before{display:none}}