.product-layout{background:linear-gradient(135deg,#f5f7fa 0%,#c3cfe2 100%);min-height:100vh}.product-hero-section{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:2rem 0}.product-image-gallery{transition:all .3s}.product-image-gallery:hover{transform:translateY(-2px)}.product-thumbnail{cursor:pointer;transition:all .2s ease-in-out}.product-thumbnail:hover{transform:scale(1.05);box-shadow:0 8px 25px #0003}.product-thumbnail.active{box-shadow:0 0 0 2px #1976d233;border:3px solid #1976d2!important}.product-price-section{color:#fff;background:linear-gradient(135deg,#ff6b6b 0%,#ee5a52 100%);border-radius:8px;margin:1rem 0;padding:1rem}.product-features-list{background:#4caf500d;border-left:4px solid #4caf50;border-radius:0 8px 8px 0;padding:1rem}.product-specs-table{background:#fafafa}.product-specs-table .category-header{color:#fff;background:linear-gradient(135deg,#3f51b5 0%,#2196f3 100%);padding:1rem;font-weight:700}.floating-actions{z-index:1000;flex-direction:column;gap:1rem;display:flex;position:fixed;bottom:2rem;right:2rem}.floating-action-btn{transition:all .3s;box-shadow:0 4px 20px #0000004d}.floating-action-btn:hover{transform:scale(1.1);box-shadow:0 6px 25px #0006}.whatsapp-btn{background:#25d366!important}.whatsapp-btn:hover{background:#1ebe57!important}.trust-badges{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-top:1px solid #fff3}.breadcrumb-nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border-bottom:1px solid #0000001a}.product-card{background:#fff;border-radius:12px;overflow:hidden}.product-tabs{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 12px #00000014}.product-tab-content{min-height:300px;padding:2rem}@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:.6s ease-out fadeInUp}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.slide-in-left{animation:.6s ease-out slideInLeft}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.slide-in-right{animation:.6s ease-out slideInRight}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#5a67d8 0%,#667eea 100%)}
.breadcrumbs-container{background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);border-bottom:1px solid #dee2e6;transition:all .3s}.breadcrumbs-container.compact{padding:4px 0}.breadcrumbs-container.elevated{box-shadow:0 2px 4px #0000001a}.breadcrumb-item{transition:all .2s;position:relative}.breadcrumb-item:hover{transform:translateY(-1px)}.breadcrumb-item:hover:before{content:"";background:linear-gradient(90deg,#007bff,#0056b3);border-radius:1px;height:2px;animation:.3s forwards breadcrumb-underline;position:absolute;bottom:-2px;left:0;right:0;transform:scaleX(0)}@keyframes breadcrumb-underline{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.breadcrumb-chip{margin:2px;transition:all .2s}.breadcrumb-chip:hover{transform:translateY(-1px);box-shadow:0 4px 8px #007bff4d}.breadcrumb-chip.active{color:#fff;background:linear-gradient(135deg,#007bff,#0056b3);box-shadow:0 2px 4px #007bff66}@media (max-width:768px){.breadcrumbs-container{padding:8px 16px}.breadcrumb-item{font-size:.875rem}.breadcrumb-separator{margin:0 4px;font-size:.75rem}}@media (min-width:768px) and (max-width:1024px){.breadcrumbs-container{width:100%;margin:0 auto;padding:12px 24px}.breadcrumb-item{color:#000000de;font-size:.9375rem}.breadcrumb-separator{margin:0 6px}}@media (min-width:768px) and (max-width:834px) and (orientation:portrait){.breadcrumbs-container{padding:10px 20px}}@media (min-width:1024px) and (max-width:1366px) and (orientation:landscape){.breadcrumbs-container{padding:12px 32px}.MuiContainer-root{margin-left:0!important;margin-right:0!important;padding-left:16px!important;padding-right:16px!important}.MuiPaper-root{width:100%;margin-left:0!important;margin-right:0!important}.MuiBreadcrumbs-root{width:100%;justify-content:flex-start!important;margin-left:0!important}.MuiBreadcrumbs-ol{flex-wrap:wrap;width:100%;justify-content:flex-start!important;margin-left:0!important;padding-left:0!important}}@media (orientation:landscape) and (min-width:1024px) and (max-width:1366px){nav[aria-label=breadcrumb],.breadcrumb-nav,[class*=breadcrumb]{width:100%;text-align:left!important;margin-left:0!important;padding-left:0!important}}@media (prefers-color-scheme:dark){.breadcrumbs-container{background:linear-gradient(135deg,#2d3748 0%,#1a202c 100%)!important;border-bottom-color:#4a5568!important}.breadcrumb-item{color:#e2e8f0!important}.breadcrumb-item:hover{color:#90cdf4!important}.breadcrumb-chip.active{color:#fff!important;background:linear-gradient(135deg,#3182ce,#2c5282)!important}.breadcrumb-separator{color:#718096!important}.MuiBreadcrumbs-separator,.MuiBreadcrumbs-separator svg{color:#a0aec0!important;fill:#a0aec0!important}.MuiLink-root,a.MuiLink-root{color:#e2e8f0!important}.MuiLink-root:hover,a.MuiLink-root:hover{color:#90cdf4!important}.MuiTypography-root,.MuiTypography-colorTextPrimary{color:#212121!important}.MuiPaper-root:has(.MuiBreadcrumbs-root){background-color:#1a202c!important}.MuiBreadcrumbs-root svg,.MuiLink-root svg,.MuiTypography-root svg{color:inherit!important;fill:currentColor!important}}@media (min-width:1024px) and (max-width:1366px) and (orientation:landscape){.MuiContainer-root{max-width:100%!important}.MuiPaper-root:has(.MuiBreadcrumbs-root){width:100%;margin-left:0;margin-right:0}}.breadcrumb-item:focus{outline-offset:2px;border-radius:4px;outline:2px solid #007bff}.breadcrumb-item:focus-visible{outline-offset:2px;outline:2px solid #007bff}.breadcrumb-skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;border-radius:4px;height:20px;animation:1.5s infinite breadcrumb-loading;display:inline-block}@keyframes breadcrumb-loading{0%{background-position:200% 0}to{background-position:-200% 0}}@media print{.breadcrumbs-container{box-shadow:none!important;background:0 0!important;border:none!important}.breadcrumb-item{color:#000!important}.breadcrumb-item:hover:before{display:none}}