/* @license GPL-2.0-or-later https://www.drupal.org/licensing/faq */
:root{--tiffany-blue:#5CC7C1;--white:#fff;--charcoal:#222222;--charcoal2:#545454;--lime:#DEFFC5;--lime-hover:#b2e59b;--dark-lime:#C7F895;--dark-gray:#7F7F7F;--medium-gray:#989898;--light-gray:#F8F8F8;}.page-node-type-product-item #block-vktr-theme-page-title{display:none;}.page-node-type-product-item #block-vktr-theme-content{grid-column:1/15;}.page-node-type-product-item .field--name-field-gallery-images{display:none;}.field--name-field-product-intro{text-align:center;}.product-item-page h1{margin-top:0px;font-weight:400;}.product-slider{position:relative;height:100%;}.slider-container{margin:0 auto;position:relative;}.product-slider-wrapper{position:relative;height:100%;}.slick-list{background-image:url(/themes/custom/vktr_theme/assets/images/bg_product.png);background-size:cover;background-position:center bottom;background-position-y:calc(100% + 117px);background-repeat:no-repeat;}.slide{text-align:center;padding:20px;height:100%;display:flex;align-items:center;justify-content:center;}.slider-image{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;margin:0 auto;}.slick-slide img{margin:0 auto;}.product-slider-wrapper .slick-dots{bottom:-50px;display:flex !important;justify-content:center;list-style:none;padding:0;margin:0;}.product-slider-wrapper .slick-dots li{margin:0 5px;}.product-slider-wrapper .slick-dots li button{width:12px;height:12px;border-radius:50%;border:none;background:#ccc;font-size:0;cursor:pointer;transition:all 0.3s ease;}.product-slider-wrapper .slick-dots li.slick-active button{background:#40e0d0;transform:scale(1.2);}.product-slider-wrapper .slick-prev,.product-slider-wrapper .slick-next{position:absolute;top:50%;transform:translateY(-50%);z-index:10;width:50px;height:50px;background:transparent;border:1px solid black;border-radius:50%;cursor:pointer;transition:all 0.3s ease;display:flex !important;align-items:center;justify-content:center;padding:0;font-size:12px;font-weight:500;color:black;}.product-slider-wrapper .slick-prev:hover,.product-slider-wrapper .slick-next:hover{border-color:var(--tiffany-blue);color:var(--tiffany-blue);}.product-slider-wrapper .slick-prev.slick-disabled,.product-slider-wrapper .slick-next.slick-disabled{color:#ccc;border-color:#ccc;cursor:not-allowed;}.product-slider-wrapper .slick-prev.slick-disabled:hover,.product-slider-wrapper .slick-next.slick-disabled:hover{color:#ccc;border-color:#ccc;}.product-slider-wrapper .slick-prev{left:60px;}.product-slider-wrapper .slick-next{right:60px;}.product-slider-wrapper .slick-prev:before,.product-slider-wrapper .slick-next:before{content:'';display:none;}.product-slider-wrapper .slick-prev:after{content:'';}.product-slider-wrapper .slick-next:after{content:'';}.button-container{display:flex;justify-content:center;gap:20px;margin-top:30px;}.btn-tiffany{display:flex !important;align-items:center;background-color:#4db5af;color:black !important;padding:12px 24px;border-radius:999px;font-size:14px;font-weight:600;text-decoration:none;z-index:1;width:fit-content;border:none;transition:all 0.3s ease;}.btn-tiffany:hover{background-color:var(--tiffany-blue) !important;color:black !important;transform:translateY(-2px);}.btn-circle-icon{display:inline-flex;width:25px;height:25px;border-radius:50%;background-color:rgba(255,255,255,0.3);color:black;align-items:center;justify-content:center;margin-left:6px;}@media screen  and (min-width:900px){.slick-slide img{max-width:70%;}}@media (max-width:768px){.button-container{flex-direction:column;align-items:center;gap:15px;}.btn-tiffany{width:200px;justify-content:center;}}@media (max-width:768px){.product-slider{padding:40px 0;}.product-slider-wrapper .slick-prev,.product-slider-wrapper .slick-next{width:40px;height:40px;padding:0;font-size:10px;}.product-slider-wrapper .slick-prev{left:10px;}.product-slider-wrapper .slick-next{right:10px;}.slider-image{max-height:300px;}}@media (max-width:480px){.product-slider-wrapper .slick-prev,.product-slider-wrapper .slick-next{width:35px;height:35px;padding:0;font-size:8px;}}.info-wrap{display:flex;justify-content:center;align-items:center;padding:40px 20px;margin:40px 0;}.info{text-align:center;flex:1;border-right:1px solid #e0e0e0;padding:0 20px;}.info:last-child{border-right:none;padding-right:0;}.info p{margin:0;line-height:1.4;}.info strong{display:block;font-size:0.9rem;text-transform:uppercase;letter-spacing:0.5px;}.info span{display:block;font-size:1.8rem;font-weight:700;color:var(--medium-gray);}.link-primary{display:flex !important;align-items:center;background-color:var(--lime);color:var(--charcoal) !important;padding:12px 24px;border-radius:999px;font-size:14px;text-decoration:none;z-index:1;width:fit-content;}.btn-circle-icon{display:inline-flex;width:25px;height:25px;border-radius:50%;background-color:var(--dark-lime);color:var(--charcoal);align-items:center;justify-content:center;margin-left:6px;}.link-primary:hover{background-color:var(--lime-hover) !important;color:var(--charcoal) !important;}@media (max-width:768px){.info-wrap{flex-direction:column;gap:30px;padding:30px 15px;}.info{min-width:auto;}.info span{font-size:1.5rem;}}@media (max-width:480px){.info-wrap{gap:25px;padding:25px 10px;}.info strong{font-size:0.8rem;}.info span{font-size:1.3rem;}}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:30px;}.feature-item{position:relative;background:#f8f9fa;border-radius:12px;overflow:hidden;transition:all 0.3s ease;cursor:pointer;aspect-ratio:4/3;border:2px solid transparent;}.feature-item:hover{transform:translateY(-5px);box-shadow:0 10px 25px rgba(0,0,0,0.15);border-color:var(--tiffany-blue);}.feature-image{width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease;}.feature-item:hover .feature-image{transform:scale(1.05);}.feature-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.7);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity 0.3s ease;}.feature-item:hover .feature-overlay{opacity:1;}.feature-label{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgba(0,0,0,0.8));color:white;padding:20px 15px 15px;font-weight:600;font-size:14px;text-transform:uppercase;letter-spacing:0.5px;}.see-product-btn{background-color:var(--lime) !important;color:var(--charcoal) !important;border:none;padding:12px 24px;border-radius:999px;font-weight:600;text-decoration:none;transition:all 0.3s ease;transform:translateY(10px);}.feature-item:hover .see-product-btn{transform:translateY(0);}.see-product-btn:hover{background-color:var(--lime-hover) !important;transform:translateY(-2px) !important;}.product-detail-card{display:flex;flex-direction:column;gap:20px;align-items:center;}.product-image-container{width:100%;max-width:400px;}.modal-product-image{width:100%;height:auto;border-radius:12px;object-fit:cover;}.product-info{width:100%;text-align:center;}@media (min-width:768px){.product-info{text-align:left;max-width:85%;}}.product-info h3{color:var(--charcoal);margin-bottom:15px;font-size:1.5rem;}.product-info p{color:var(--charcoal2);margin-bottom:20px;line-height:1.6;}.product-specs{display:flex;flex-direction:column;gap:12px;}.spec-item{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #e9ecef;}.spec-item:last-child{border-bottom:none;}.spec-item strong{color:var(--charcoal);font-weight:600;}.spec-item span{color:var(--charcoal2);font-weight:700;font-size:1.1rem;}@media (max-width:768px){.features-grid{grid-template-columns:repeat(2,1fr);gap:15px;}.product-detail-card{gap:15px;}}@media (max-width:480px){.features-grid{grid-template-columns:1fr;gap:15px;}.feature-label{font-size:12px;padding:15px 10px 10px;}.see-product-btn{padding:10px 20px;font-size:13px;}}.specification-wrap{padding:60px 0;}.specification-wrap h3{color:var(--charcoal);font-weight:700;margin-bottom:10px;}.specification-wrap p{color:var(--medium-gray);margin-bottom:0;}#specificationAccordion .accordion-item{border:none;border-bottom:1px solid #e9ecef;margin-bottom:0;border-radius:0;overflow:hidden;box-shadow:none;}#specificationAccordion .accordion-item:last-child{border-bottom:none;}#specificationAccordion .accordion-header{border:none;}#specificationAccordion .accordion-button{background-color:transparent;border:none;padding:20px 25px;font-weight:600;font-size:16px;color:var(--charcoal);border-radius:0;box-shadow:none;position:relative;}#specificationAccordion .accordion-button::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");transition:transform 0.3s ease;}#specificationAccordion .accordion-button:not(.collapsed)::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");transform:rotate(180deg);}.frame-number{background-color:var(--charcoal);color:white;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;margin-right:15px;}#specificationAccordion .accordion-button:not(.collapsed) .frame-number{background-color:white;color:var(--tiffany-blue);}#specificationAccordion .accordion-body{padding:0px 25px 25px;background-color:transparent;border-top:none;}.specification-list{list-style:none;padding:0;margin:0;}.specification-list li{padding:12px 0;border-bottom:1px solid #f0f0f0;color:var(--charcoal2);font-size:14px;line-height:1.5;position:relative;padding-left:20px;}.specification-list li:last-child{border-bottom:none;}.specification-list li::before{content:'•';color:var(--tiffany-blue);font-weight:bold;position:absolute;left:0;top:12px;}.accordion-body h5{color:var(--charcoal);font-weight:600;margin-bottom:15px;font-size:16px;}.accordion-body p{color:var(--charcoal2);font-size:14px;line-height:1.5;}@media (max-width:768px){.specification-wrap{padding:40px 0;}#specificationAccordion .accordion-button{padding:15px 20px;font-size:14px;}#specificationAccordion .accordion-body{padding:20px;}.frame-number{font-size:11px;padding:3px 10px;margin-right:10px;}.specification-list li{font-size:13px;padding:10px 0 10px 18px;}.accordion-body h5{font-size:15px;}}@media (max-width:480px){#specificationAccordion .accordion-button{padding:12px 15px;font-size:13px;flex-direction:column;align-items:flex-start;gap:8px;}.frame-number{margin-right:0;margin-bottom:5px;}#specificationAccordion .accordion-body{padding:15px;}.specification-list li{font-size:12px;padding:8px 0 8px 16px;}.slide,.product-slider{height:100%;}.slick-list{background-position-y:calc(100% + 30px);}}
