*{box-sizing: border-box;}html{scroll-behavior: smooth;}body{font-family: sans-serif;background: #f4f4f4;margin: 0;color: #333;overscroll-behavior-y: contain;}h1{font-size: 2.5rem;margin: 0 0 10px 0;font-weight: 500;}h2{font-size: 2.2rem;font-weight: 500;}ul{line-height:1.8;}.green-break{border-bottom : 4px solid #2d6a37;padding-bottom: 20px;}.center{text-align:center;}.bold{font-weight:600;}#main{padding:24px 8%;}.review-tag{display:inline;padding:6px 6px 0 6px;background:#fff;border-radius:6px;}.address{line-height:1.8;}.address h4{margin-top:0;}.hero{display: flex;align-items: center;padding: 24px 8%;color: #ffffff;background: linear-gradient(to right,#132b15 0%,#2d6a37 100% );overflow: hidden;contain: layout;}.hero-images{display: none;gap: 20px;margin-left: auto;}.hero-images img{border: 4px solid #fcfcfc;border-radius: 8px;box-shadow: 0 4px 12px rgba(0,0,0,0.25);transition: transform 0.3s ease;}@media (min-width: 768px){.hero-images{display: grid;grid-template-columns: 1fr 1fr;gap: 10px;min-height: 180px;max-width: 100%;height: auto;}.img-2{display: none;}}@media (min-width: 1200px){.img-2{display: block;}}.hero p{max-width: 850px;line-height: 1.6;font-size: 1.1rem;margin-bottom: 20px;}.btn-quote,.btn-contact{cursor: pointer;display: inline-block;padding: 12px 24px;border-radius: 6px;transition: transform 0.2s,opacity 0.2s;text-align: center;color: #fff !important;text-decoration: none;font-weight:500!important;}.btn-quote{background-color: #000;}.btn-contact{background-color: #ff8c00;}.nav-grid{display: grid;grid-template-columns: max-content 1fr repeat(8,max-content);column-gap: 20px;align-items: center;width: 100%;list-style: none;background: #fff;padding: 0 20px;margin: 0;height: 76px;position: relative;border-bottom: 1px solid #666;box-sizing: border-box;}.nav-grid li > .btn-quote,.nav-grid li > .btn-contact{display: inline-flex;align-items: center;justify-content: center;height: 44px;padding: 0 20px;box-sizing: border-box;}.logo{grid-column: 1;}.nav-grid li:nth-child(2){grid-column: 3;}.nav-grid li{position: relative;}.nav-grid li:has(.mega-container){position: static !important;}.mega-container{position: absolute;top: 86%;left: 0;width: 100%;background: #fff;z-index: 1000;box-shadow: 0 20px 40px rgba(0,0,0,0.1);border-top: 1px solid #666;margin-left: 0 !important;opacity: 0;visibility: hidden;transform: translateY(10px);transition: all 0.3s ease;}.nav-grid li:hover .mega-container{opacity: 1;visibility: visible;transform: translateY(0);}.nav-grid a{text-decoration: none;color: #333;font-size: 1.1rem;display: block;font-weight: 500;}.dropbtn::after{content: '\25BE';margin-left: 6px;display: inline-block;transition: transform 0.2s ease;vertical-align: middle;}.dropdown:hover .dropbtn::after{transform: rotate(180deg);}.dropdown-content{opacity: 0;visibility: hidden;position: absolute;top: 86%;background-color: #fff;box-shadow: 0px 15px 30px rgba(0,0,0,0.1);z-index: 1000;transform: translateY(10px);transition: all 0.3s ease;border-radius: 0 0 8px 8px;overflow: hidden;left: 0;width: 90vw;max-width: 90vw;}.dropdown:hover .dropdown-content{opacity: 1;visibility: visible;transform: translateY(0);}.mega-grid{display: grid;grid-template-columns: repeat(4,1fr);gap: 40px;padding: 40px;}.mega-col .menu-heading{font-size: 1.3rem;color: #002d5b;border-bottom: 1px solid #ddd;padding-bottom: 10px;margin-bottom: 15px;letter-spacing: 1px;text-transform: uppercase;font-weight: 500;}.mega-col img{margin-right:14px;}.mega-col a{display: flex;padding: 10px 0;color: #444 !important;font-size: 1.2rem;font-weight: 500;}.mega-footer{display: flex;justify-content: space-between;align-items: center;background-color: #EDF1F7;padding: 20px;font-size: 1.6rem;}.view-all a{background: #2b60a5;color: white;border: none;padding: 6px 16px;border-radius: 4px;font-weight: bold;cursor: pointer;display: inline-block;transition: background 0.3s ease;text-decoration: none;}.view-all a:hover{background: rgb(33,76,135);}.trust-icons{display: flex;align-items: center;gap: 40px;}.trust-icons span{display: flex;align-items: center;gap: 12px;color: #002d5b;font-size: 1.2rem;font-weight: 500;white-space: nowrap;}.trust-icons img{display: block;object-fit: contain;}.mega-col a{position: relative;display: flex;align-items: center;background-image: url('https://logcabinkits.co.uk/_images/icons/nav/arrow.png');background-repeat: no-repeat;background-position: right center;transition: color 0.2s ease,padding-left 0.2s ease;}.mega-col a:hover{color: #0056b3;padding-left: 5px;}footer{background-color: #fff;font-family: Arial,sans-serif;font-size: 1.0rem;color: #333;border-top: 1px solid #333;}.footer-container{margin: 0 auto;display: flex;flex-wrap: wrap;}.footer-col{flex: 1;padding: 40px 20px;border-right: 1px solid #999;min-width: 200px;}.footer-col:last-child{border-right: none;}.footer-col ul{list-style: none;padding: 0;margin: 0;}.footer-col li{margin-bottom: 12px;}.footer-col a{text-decoration: none;color: inherit;}.footer-col a:hover{text-decoration: underline;}.footer-bottom{background-color: #f2f2f2;border-top: 1px solid #999;padding: 20px 0;position: relative;}.footer-bottom .footer-container{justify-content: space-between;align-items: center;padding: 0 20px;}.to-top-btn{position: fixed;bottom: 30px;right: 30px;width: 50px;height: 50px;background-color: #fff;border: 1px solid #ccc;border-radius: 50%;display: flex;align-items: center;justify-content: center;text-decoration: none;color: #333;font-size: 1.8rem;box-shadow: 0 4px 10px rgba(0,0,0,0.1);cursor: pointer;padding-top:14px;opacity: 0;visibility: hidden;transition: all 0.3s ease;z-index: 1000;}.to-top-btn.show{opacity: 1;visibility: visible;}.modern-modal{border: none;border-radius: 8px;padding: 0;width: 90%;max-width: 500px;box-shadow: 0 20px 25px -5px rgba(0,0,0,0.1);}.modern-modal::backdrop{background: rgba(0,0,0,0.7);backdrop-filter: blur(2px);}.modal-inner{padding: 2rem;position: relative;}.modern-modal[open]{animation: modalFadeIn 0.3s ease-out;}.modal-close{font-size : 1.2rem;cursor:pointer;}@keyframes modalFadeIn{from{opacity: 0;transform: translateY(-20px);}to{opacity: 1;transform: translateY(0);}}.desktop{display:block;}.mobile{display:none;}:root{--primary: #27ae60;--dark: #2c3e50;--light-grey: #f8f9fa;--border: #e0e0e0;--text: #333;--border-color: #ddd;--active-color: #3498db;--text-color: #333;}.product-description-wrap{padding-top: 4px;border-top: 1px solid #eee;}.section-title{font-size: 1.25rem;font-weight: bold;color: #333;margin-bottom: 15px;}.product-description-content{font-size: 1rem;line-height: 1.7;color: #555;}.product-description-content p{margin-bottom: 1.2em;}.sr-only{position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0,0,0,0);white-space: nowrap;border-width: 0;}.product-container{display: grid;grid-template-columns: 1fr 1fr;gap: 60px;padding:12px;align-items: start;}.product-gallery figure{margin:0;}.product-gallery img{width: 100%;border-radius: 12px;display: block;object-fit: cover;background-color: var(--light-grey);box-shadow: 0 2px 5px rgba(0,0,0,0.1);}.product-gallery figcaption{margin-top: 12px;font-size: 0.9rem;color: #666;font-style: italic;}.price-wrapper{font-size: 2rem;font-weight: 600;color: var(--primary);margin: 24px 0;}.description{font-size: 1.1rem;margin-bottom: 30px;color: #555;}fieldset{border: none;padding: 0;margin: 0 0 30px 0;}legend{font-weight: 700;margin-bottom: 15px;font-size: 1.1rem;}.option-grid{display: grid;grid-template-columns: repeat(auto-fit,minmax(140px,1fr));gap: 12px;}.option-card{position: relative;cursor: pointer;}.option-card input{position: absolute;opacity: 0;}.card-content{display: flex;flex-direction: column;padding: 16px;border: 2px solid var(--border);border-radius: 10px;transition: all 0.2s ease;background: white;}.card-content strong{font-size: 1.1rem;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}.card-content span{font-size: 0.85rem;color: #666;}.option-card:hover .card-content{border-color: var(--primary);}.option-card input:checked + .card-content{border-color: var(--primary);background-color: #f0fff4;box-shadow: 0 0 0 1px var(--primary);padding-right: 40px;position: relative;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%2328a745' d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z'%3E%3C/path%3E%3C/svg%3E");background-repeat: no-repeat;background-position: calc(100% - 10px) center;background-size: 24px 24px;}.add-to-cart{width: 100%;background-color: var(--dark);color: white;padding: 18px;border: none;border-radius: 8px;font-size: 1.1rem;font-weight: 600;cursor: pointer;transition: transform 0.1s active,background 0.2s;}.add-to-cart:hover{background-color: #1a252f;}.add-to-cart:active{transform: scale(0.98);}.color-options-container{border-top: 1px solid #eee;margin-top: 15px;padding-top: 10px;}.color-title{font-size: 0.85rem;color: #666;font-weight: bold;margin-bottom: 10px;}.swatch-row{display: flex;flex-direction: row;flex-wrap: wrap;gap: 12px;width: 100%;}.swatch-label{cursor: pointer;display: block;}.swatch-circle{width: 36px;height: 36px;border-radius: 50%;border: 2px solid #ddd;transition: all 0.2s ease;}.swatch-circle:hover{transform: scale(1.1);border-color: #999;}.swatch-label input:checked + .swatch-circle{border-color: #28a745;transform: scale(1.15);box-shadow: 0 0 0 2px rgba(40,167,69,0.2);}.product-components{background: #ffffff;border: 1px solid #eee;border-radius: 8px;padding: 25px;margin-top: 30px;}.specs-grid{display: grid;grid-template-columns: repeat(auto-fit,minmax(280px,1fr));gap: 30px;}.component-list{list-style: none;padding: 0;margin: 15px 0 0 0;}.component-list li{display: flex;align-items: center;padding: 12px 0;border-bottom: 1px dashed #eee;font-size: 0.95rem;}.component-list li:last-child{border-bottom: none;}.qty{font-weight: 600;color: #27ae60;background: #f0fdf4;padding: 2px 8px;border-radius: 4px;margin-right: 12px;}.style-badge{font-size: 0.75rem;font-weight: 600;padding: 3px 10px;border-radius: 50px;margin-left: auto;}.door-badge{background: #fff3cd;color: #856404;border: 1px solid #ffeeba;}.win-badge{background: #e0f2fe;color: #0369a1;border: 1px solid #bae6fd;}.extras-grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(280px,1fr));gap: 15px;}.extra-checkbox{display: none;}.extra-item{background-color: #fff;background-repeat: no-repeat;background-position: calc(100% - 15px) 15px;border-radius: 10px;}.extra-card{border: 2px solid #ddd;border-radius: 10px;padding: 15px;cursor: pointer;transition: all 0.2s ease-in-out;height: 100%;display: block;position: relative;}#op-epdm{background-image: url("../_images/options/epdm.webp");}#op-shin{background-image: url("../_images/options/shin.webp");}#op-bear{background-image: url("../_images/options/bearer.webp");}#op-trea{background-image: url("../_images/options/barrattine.webp");}.extra-checkbox:checked ~ .extra-card{border-color: #28a745;background-color: #f8fff9;box-shadow: 0 4px 12px rgba(40,167,69,0.1);padding-right: 50px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%2328a745' d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z'%3E%3C/path%3E%3C/svg%3E");background-repeat: no-repeat;background-position: calc(100% - 15px) 15px;background-size: 32px 32px;}.extra-card:hover{border-color: #28a745;}.extra-price{font-size: 1.1rem;font-weight: 600;color: #28a745;}.swatch-circle{transition: transform 0.2s;}.swatch-circle:hover{transform: scale(1.1);}.responsive-tabs{display: flex;flex-wrap: wrap;margin: 20px auto;}.tab-item{display: contents;}.tab-header{order: 1;padding: 12px 24px;cursor: pointer;background: #f8f9fa;border: 1px solid var(--border-color);border-bottom: none;margin-right: 4px;font-weight: 400;font-size: 1.4rem;}.tab-header.active{background: white;color: var(--primary);font-weight: 600;border-bottom: 2px solid white;margin-bottom: -2px;}.tab-content{order: 2;width: 100%;display: none;padding: 20px;border: 1px solid var(--border-color);border-top: none;background: white;border-radius: 0 8px 8px 8px;}.tab-header.active + .tab-content{display: block;}.product-back-nav{margin-bottom: 15px;}.back-link{display: inline-flex;align-items: center;text-decoration: none;color: #666;font-size: 14px;font-family: sans-serif;transition: color 0.2s ease;}.back-link .arrow{margin-right: 8px;font-size: 18px;}.back-link:hover{color: #000;text-decoration: underline;}@media (max-width: 768px){.responsive-tabs{display: block;border: none;}.tab-item{display: block;border-bottom: 1px solid var(--border-color);}.tab-header{width: 100%;text-align: left;margin: 0;border: none;background: #fff;padding: 15px;position: relative;}.tab-header::after{content: '+';float: right;}.tab-header.active::after{content: '-';}.tab-content{border: none;background: #fafafa;}#glazing-grid{display:block;}#glazing-grid .card-content{margin-bottom:10px;}.extra-item{background-position: calc(100% - 15px) calc(100% - 15px);}}.product-notes{margin-top: 20px;padding: 15px;border-top: 1px solid #eee;font-size: 0.9rem;color: #555;line-height: 1.5;}.product-notes h3{font-size: 1rem;margin-bottom: 8px;color: #333;}.disclaimer{display: block;margin-top: 12px;font-style: italic;opacity: 0.8;}.slider-container{position: relative;width: 100%;overflow: hidden;}.slider-track{display: flex;overflow-x: auto;scroll-snap-type: x mandatory;scroll-behavior: smooth;-webkit-overflow-scrolling: touch;}.slider-track::-webkit-scrollbar{display: none;}#productSlider{display: flex;overflow-x: auto;scroll-snap-type: x mandatory;scroll-behavior: smooth;-webkit-overflow-scrolling: touch;}.slide{min-width: 100%;scroll-snap-align: start;display: flex;flex: 0 0 100%;justify-content: center;}.slider-btn{position: absolute;top: 50%;transform: translateY(-50%);background-color: rgba(39,174,96,0.5);color: #ffffff;border: none;width: 45px;height: 45px;border-radius: 50%;display: flex;align-items: center;justify-content: center;cursor: pointer;z-index: 10;transition: background-color 0.3s ease,transform 0.2s ease;box-shadow: 0 4px 6px rgba(0,0,0,0.1);}.slider-btn:hover{background-color: rgba(39,174,96,0.9);transform: translateY(-50%) scale(1.1);}.prev{left: 15px;}.next{right: 15px;}.slider-btn::before{font-size: 20px;font-weight: bold;}.special-offer-ribbon{position: absolute;top: 15px;left: 15px;background-color: #d32f2f;color: #fff;padding: 6px 14px;font-size: 13px;font-weight: 800;text-transform: uppercase;letter-spacing: 1px;border-radius: 4px;box-shadow: 0 2px 8px rgba(0,0,0,0.2);z-index: 50;pointer-events: none;}@keyframes pulse-small{0%{transform: scale(1);}50%{transform: scale(1.05);}100%{transform: scale(1);}}.special-offer-ribbon{animation: pulse-small 2s infinite ease-in-out;}.salePrice{color: #d32f2f;font-weight: bold;text-transform: uppercase;font-size: 0.9em;}@media (max-width: 900px){.product-container{display: grid;grid-template-columns: 1fr;gap:20px;}.product-gallery{display: contents;}#product-image{order: 1;}.product-info{order: 2;display: flex;flex-direction: column;}.product-description-wrap{order: 3;margin-top: 20px;}.responsive-tabs{order: 4;margin-top: 30px;}}@media (max-width: 767px){.sticky-mobile-header{position: -webkit-sticky;position: sticky;top: 0;z-index: 1000;background-color: #ffffff;padding: 4px 15px;border-bottom: 1px solid #ddd;box-shadow: 0 2px 5px rgba(0,0,0,0.1);}.sticky-mobile-header h1{margin: 0;font-size: 1.25rem;}.salePrice{font-weight: 500;font-size: 1.0rem;}}@media (min-width: 1025px){.mobile-header{display: none;}}@media (max-width: 1024px){.mobile-header{display: flex;justify-content: space-between;align-items: center;background: #fff;padding: 10px 15px;height: 70px;border-bottom: 1px solid #eee;position: sticky;top: 0;z-index: 1001;}.mobile-logo{margin-left: 10px;}.mobile-logo img{height: 35px;width: auto;display: block;}.menu-toggle{display: flex;flex-direction: column;gap: 5px;background: none;border: none;cursor: pointer;padding: 10px 5px;}.menu-toggle span{display: block;width: 25px;height: 3px;background: #333;transition: 0.3s;}.nav-grid{display: none;flex-direction: column;width: 100%;height: calc(100vh - 70px);overflow-y: auto;background: #fff;position: absolute;top: 70px;left: 0;z-index: 999;padding:0 8px;}.nav-grid.is-open{display: flex;}.nav-grid li.logo{display: none;}.nav-grid li{width: 100%;text-align: left;border-bottom: 1px solid #f4f4f4;}.nav-grid a{font-size: 16px;padding: 15px 20px;}.mega-col a{padding: 0;}.mega-container{position: static;display: none;box-shadow: none;padding: 0;}.dropdown.active .mega-container{display: block;}.mega-grid{grid-template-columns: 1fr;padding: 15px 20px;gap: 20px;}.promo-img{display: none;}.mega-footer{flex-direction: column;align-items: flex-start;gap: 20px;padding: 20px;}.trust-icons{flex-direction: column;gap: 15px;}}@media (max-width: 768px){#main{padding: 14px;}h1{font-size: 1.6rem;}h2{font-size: 1.4rem;}ul,ol{margin:0;padding-left:14px;}.footer-col{border-right: none;border-bottom: 1px solid #ccc;flex: 1 1 50%;}.desktop{display:none;}.mobile{display:block;}.mobile img{width:100%;height: auto;}.img-full-mobile,.img-responsive{width: 100% !important;height: auto;display: block;}}