/* /vision_website/static/src/css/blog.css */
 body:has(#VISION_HEADER) #wrap.js_blog.website_blog{background-image: url('/vision_website/static/src/img/2.webp') !important; background-size: cover !important; background-position: center !important; background-attachment: fixed !important;}body:has(#VISION_HEADER) .o_wblog_posts_loop, body:has(#VISION_HEADER) #o_wblog_posts_loop{background-color: #313131 !important;}body:has(#VISION_HEADER) .o_wblog_post_page_cover.o_cc3, body:has(#VISION_HEADER) .o_record_cover_container.o_cc3, body:has(#VISION_HEADER) .o_wblog_post_page_cover.o_cc, body:has(#VISION_HEADER) .o_record_cover_container.o_cc{background-color: #313131 !important; background-image: none !important; min-height: 220px !important;}body:has(#VISION_HEADER) .o_cc3{--o-cc-bg: #313131 !important; background-color: #313131 !important; color: #fff !important;}body:has(#VISION_HEADER) #o_wblog_blog_top{display: none !important;}.vision-blog-hero{position: relative; height: 70vh; display: flex; align-items: center; overflow: hidden;}.vision-blog-hero-inner{position: relative; z-index: 2; margin: 0; padding: 0;}.vision-blog-hero-inner > .row.align-items-center{padding-left: clamp(1rem, 7.2vw, 120px);}.vision-blog-hero-title{color: #ffffff; font-style: italic; font-weight: 800; font-size: clamp(2.25rem, 1.14rem + 5.68vw, 7.5rem); line-height: 1.15; margin: 0;}.vision-blog-hero-text{color: #ffffff; font-family: 'Arimo', sans-serif; font-size: clamp(1rem, 0.82rem + 0.71vw, 1.5625rem); line-height: 1.7; margin: 0;}.vision-blog-hero-glow{position: absolute; bottom: 0.5rem; left: -2rem; width: 340px; height: 40px; background: radial-gradient(ellipse at center, rgba(255,255,255,0.55) 0%, rgba(255,255,255,0.15) 45%, rgba(255,255,255,0) 75%); filter: blur(2px); pointer-events: none; z-index: 1;}.vision-blog-post-hero-section{position: relative; padding: clamp(2rem, 6vw, 4rem) 0; display: flex; align-items: center; justify-content: center; text-align: center;}.vision-blog-nav-arrow.vision-blog-post-hero-back{position: absolute; left: clamp(3rem, 10vw, 160px); top: 50%; transform: translateY(-50%); width: clamp(48px, 5vw, 64px); height: clamp(40px, 4.2vw, 52px); font-size: 1.6rem; text-decoration: none;}.vision-blog-post-hero-title{color: #ffffff; font-style: italic; font-weight: 800; font-size: clamp(2.25rem, 1.4rem + 4vw, 5rem); letter-spacing: 0.03em; line-height: 1.15; margin: 0;}@media (max-width: 767px){.vision-blog-post-hero-back{position: static; transform: none; margin-bottom: 1rem;}.vision-blog-post-hero-section{flex-direction: column;}}@media (max-width: 991px){.vision-blog-hero{min-height: 60vh; height: auto; padding: 3rem 0 4rem; text-align: center;}.vision-blog-hero-text{margin-top: 1.5rem !important;}}@media (max-width: 767px){.vision-blog-hero .col-lg-6{padding-right: calc(var(--gutter-x) * .9); padding-left: 0;}}body:has(#VISION_HEADER) #vision_blog_sort_nav{display: none !important;}.vision-blog-posts-section{padding: 2rem 0 4rem; overflow: hidden;}.vision-blog-track{display: flex; transition: transform 0.45s ease;}.vision-blog-post-container{height: 80vh; display: flex; align-items: center; flex-shrink: 0;}.vision-blog-row{display: flex; align-items: center; gap: 3rem; height: 80vh; width: 100%;}.vision-blog-row-reverse{flex-direction: row-reverse;}.vision-blog-row-media{flex: 0 0 42%; max-width: 42%; height: 100%; display: flex; flex-direction: column;}.vision-blog-row-image{display: block; flex: 1; min-height: 0;}.vision-blog-row-image .o_record_cover_container{height: 100%; width: 100%; border-radius: 10px; overflow: hidden; box-shadow: 0 12px 32px rgba(0,0,0,0.5);}.vision-blog-row-image .o_record_cover_image{background-size: cover !important; background-position: center !important;}.vision-blog-row-arrows{display: flex; gap: 0.75rem; margin-top: 1rem; justify-content: center;}.vision-blog-nav-arrow{position: static; transform: none;}.vision-blog-nav-arrow:hover{background-color: var(--vision-accent); color: #0a0d14; text-decoration: none;}.vision-blog-row-content{flex: 1;}.vision-blog-date-badge{display: inline-block; background-color: var(--vision-accent-solid); border: 1px solid var(--vision-accent-solid); color: #ffffff; font-size: 0.85rem; font-weight: 700; padding: 0.35rem 1rem; border-radius: 50px; margin-bottom: 1.25rem;}.vision-blog-row-title, .vision-blog-row-title:hover, .vision-blog-row-title:focus{color: var(--vision-accent) !important; font-style: italic; font-weight: 400; font-size: clamp(1.75rem, 1.4rem + 1.4vw, 2.8125rem); line-height: 1.3; margin-bottom: 3.25rem; text-decoration: none !important;}.vision-blog-row-text{color: #ffffff; font-size: clamp(1rem, 0.82rem + 0.71vw, 1.5625rem); line-height: 1.7; margin-bottom: 1.75rem;}.vision-blog-row-content{display: flex; flex-direction: column; align-items: flex-start;}.vision-blog-read-more{display: inline-flex; align-self: center;}@media (max-width: 767px){.vision-blog-post-container{height: auto; min-height: 80vh;}.vision-blog-row, .vision-blog-row-reverse{flex-direction: column; height: auto; gap: 1.5rem;}.vision-blog-row-media{flex: 0 0 auto; max-width: 100%; width: 100%; height: auto;}.vision-blog-row-image .o_record_cover_container{height: 240px;}}body:has(#VISION_HEADER) #o_wblog_sidebar{background-color: var(--vision-card) !important; border: 1px solid var(--vision-divider) !important; border-radius: var(--vision-radius); padding: 1.25rem; color: var(--vision-text) !important;}body:has(#VISION_HEADER) #o_wblog_sidebar h4{color: var(--vision-accent) !important; font-size: 0.8rem; letter-spacing: 2px; text-transform: uppercase; font-weight: 700;}body:has(#VISION_HEADER) #o_wblog_sidebar a{color: var(--vision-muted) !important; font-size: 0.88rem; transition: color 0.2s ease;}body:has(#VISION_HEADER) #o_wblog_sidebar a:hover{color: var(--vision-accent) !important;}body:has(#VISION_HEADER) .o_wblog_top_cover{background-color: var(--vision-dark-2) !important;}.vision-blog-post-content-inner{display: flex; flex-wrap: wrap; align-items: flex-start; gap: clamp(1.5rem, 4vw, 3rem); padding: clamp(2rem, 5vw, 4rem) 0;}.vision-blog-post-gallery{flex: 1 1 420px; max-width: 560px; margin-right: 90px;}@media (max-width: 991px){.vision-blog-post-gallery{margin-right: 0;}}.vision-blog-post-gallery-stack{position: relative; width: 100%; aspect-ratio: 3 / 4; overflow: visible;}.vision-blog-post-gallery-empty{width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; background-color: var(--vision-card, #262626); border: 1px dashed var(--vision-divider, #4a4a4a); color: var(--vision-muted, #8a8a8a); font-size: 2.5rem;}.vision-blog-post-gallery-slide{position: absolute; inset: 0; border-radius: 24px; overflow: hidden; filter: drop-shadow(0 8px 20px rgba(0, 0, 0, 0.45)); transition: transform 0.45s ease, opacity 0.45s ease;}.vision-blog-post-gallery-slide img{width: 100%; height: 100%; object-fit: cover; display: block;}.vision-blog-post-gallery-slide[data-depth="1"]{transform: translateX(30px);}.vision-blog-post-gallery-slide[data-depth="2"]{transform: translateX(60px);}.vision-blog-post-gallery-slide.vision-gallery-exit-left{transform: translateX(-110%); opacity: 0;}.vision-blog-post-gallery-slide.vision-gallery-exit-right{transform: translateX(110%); opacity: 0;}.vision-blog-post-gallery-arrows{display: flex; gap: 0.75rem; margin-top: 1rem; justify-content: center;}.vision-blog-post-gallery-arrow{position: static; transform: none; text-decoration: none;}.vision-blog-post-body{flex: 1 1 420px;}.vision-blog-date-badge{display: inline-block; background-color: var(--vision-accent, #4db8c4); color: #0a0d14; font-weight: 700; font-size: 0.9rem; padding: 0.35rem 0.9rem; border-radius: 50px; margin-bottom: 1rem;}.vision-blog-post-title{color: var(--vision-accent, #4db8c4); font-style: italic; font-weight: 400; font-size: clamp(1.7325rem, 1.155rem + 2.31vw, 2.5987rem); line-height: 1.3; margin-bottom: 80px;}.vision-blog-post-text{color: #ffffff; font-family: 'Arimo', sans-serif; font-size: 1.155rem; line-height: 1.7;}.vision-blog-post-text p{margin-bottom: 1rem;}@media (max-width: 991px){.vision-blog-post-gallery{max-width: none;}}.vision-blog-post-info-inner{display: flex; flex-wrap: wrap; gap: clamp(1.5rem, 4vw, 3rem); padding: 0 0 clamp(2rem, 5vw, 4rem);}.vision-blog-post-info-col{flex: 1 1 260px;}.vision-blog-post-info-heading{color: #ffffff; font-size: 1.75rem; font-weight: 800; text-align: center; margin-bottom: 1.25rem;}.vision-blog-post-product-list{display: flex; flex-direction: column; gap: 0.75rem;}.vision-blog-post-product-card{display: flex; flex-direction: column; align-items: center; gap: 0.25rem; background-color: #4a4a4a; border-radius: var(--vision-radius, 12px); padding: 0.5rem 1rem; text-decoration: none; text-align: center; transition: background-color var(--vision-transition, 0.2s ease);}.vision-blog-post-product-card:hover{background-color: #5a5a5a; text-decoration: none;}.vision-blog-post-product-card-name{color: #ffffff; font-weight: 800; font-size: 1.35rem;}.vision-blog-post-product-card-link{color: var(--vision-accent, #4db8c4); font-size: 0.85rem; display: inline-flex; align-items: center; justify-content: center; gap: 0.5rem;}.vision-blog-post-product-card-arrow{width: 24px; height: 20px; font-size: 0.75rem;}.vision-blog-post-tag-list{display: flex; flex-direction: column; gap: 0.75rem;}.vision-blog-post-tag-pill{display: block; text-align: center; background-color: #1a1a1a; color: #ffffff; border-radius: 50px; padding: 0.85rem 1.25rem; font-weight: 600;}.vision-blog-post-share-grid{display: grid; grid-template-columns: repeat(2, 1fr); gap: 0.75rem; max-width: 160px; margin: 0 auto;}.vision-blog-post-share-icon{display: flex; align-items: center; justify-content: center; width: 56px; height: 56px; border-radius: 50%; font-size: 1.5rem; color: #ffffff; background-color: var(--vision-card, #262626); text-decoration: none; transition: transform var(--vision-transition, 0.2s ease);}.vision-blog-post-share-icon:hover{transform: scale(1.08); text-decoration: none;}.vision-share-instagram{background: radial-gradient(circle at 30% 110%, #fdf497, #fd5949 45%, #d6249f 65%, #285AEB);}.vision-share-whatsapp{background-color: #25D366;}.vision-share-facebook{background-color: #1877F2;}.vision-share-snapchat{background-color: #FFFC00; color: #0a0d14;}.vision-share-linkedin{background-color: #0A66C2;}.vision-share-email{background-color: #f97316;}.vision-blog-post-share-popover{margin: 1rem auto 0; max-width: 320px; background-color: var(--vision-card, #262626); border-radius: var(--vision-radius, 12px); padding: 1rem;}.vision-blog-post-share-popover-header{display: flex; align-items: center; gap: 0.65rem; margin-bottom: 0.85rem;}.vision-blog-post-share-popover-icon{flex-shrink: 0; width: 36px; height: 36px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 1.1rem; color: #ffffff; background-color: var(--vision-accent, #4db8c4);}.vision-blog-post-share-popover-label{flex: 1 1 auto; color: #ffffff; font-weight: 700; font-size: 0.8rem; line-height: 1.25; text-transform: uppercase;}.vision-blog-post-share-toggle{flex-shrink: 0; position: relative; display: inline-block; width: 38px; height: 20px;}.vision-blog-post-share-toggle input{opacity: 0; width: 0; height: 0;}.vision-blog-post-share-toggle-slider{position: absolute; inset: 0; background-color: #3a3a3a; border-radius: 20px; transition: background-color 0.2s ease;}.vision-blog-post-share-toggle-slider::before{content: ""; position: absolute; width: 16px; height: 16px; left: 2px; top: 2px; background-color: #ffffff; border-radius: 50%; transition: transform 0.2s ease;}.vision-blog-post-share-toggle input:checked + .vision-blog-post-share-toggle-slider{background-color: var(--vision-accent, #4db8c4);}.vision-blog-post-share-toggle input:checked + .vision-blog-post-share-toggle-slider::before{transform: translateX(18px);}.vision-blog-post-share-popover-row{display: flex; gap: 0.5rem;}.vision-blog-post-share-link-input{flex: 1 1 auto; min-width: 0; background-color: #1a1a1a; border: 1px solid var(--vision-divider, #3a3a3a); border-radius: 6px; color: #ffffff; font-size: 0.8rem; padding: 0.4rem 0.6rem;}.vision-blog-post-share-copy-btn{flex-shrink: 0; font-size: 0.8rem; padding: 0.4rem 0.9rem;}