body{background: #f4f4f4;margin: 0;color: #333;}h1{margin: 0 0 10px 0;}a{color: #2d6a37;font-weight:500;}.green-break{border-bottom : 4px solid #2d6a37;padding-bottom: 20px;}.center{text-align:center;}.bold{font-weight:600;}#main{padding:24px 8%;}.review-tag{padding:6px 6px 0 6px;background:#fff;max-width:100%;height:auto;}.address{line-height:1.8;}.address h4{margin-top:0;}.hero{color: #fff!important;background: linear-gradient(to right,#132b15 0%,#2d6a37 100% );}.hero-images{}.hero-images img{border: 4px solid #fcfcfc;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;}}.btn-quote,.btn-contact{cursor: pointer;transition: transform 0.2s,opacity 0.2s;color: #fff !important;}.btn-quote{background-color: #000;}.btn-contact{background-color: #ff8c00;}.nav-grid{grid-template-columns: max-content 1fr repeat(8,max-content);background: #fff;padding: 0 20px;margin: 0;border-bottom: 1px solid #666;}.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;}.mega-container{left: 0;background: #fff;box-shadow: 0 20px 40px rgba(0,0,0,0.1);border-top: 1px solid #666;margin-left: 0 !important;transition: all 0.3s ease;}.nav-grid li:hover .mega-container{opacity: 1;visibility: visible;transform: translateY(0);}.nav-grid a{color: #333;}.dropbtn::after{content: '\25BE';transition: transform 0.2s ease;}.dropdown:hover .dropbtn::after{transform: rotate(180deg);}.dropdown-content{background-color: #fff;box-shadow: 0px 15px 30px rgba(0,0,0,0.1);transition: all 0.3s ease;border-radius: 0 0 8px 8px;left: 0;}.dropdown:hover .dropdown-content{opacity: 1;visibility: visible;transform: translateY(0);}.mega-grid{grid-template-columns: repeat(4,1fr);}.mega-col .menu-heading{color: #002d5b;border-bottom: 1px solid #ddd;}.mega-col a{padding: 10px 0;color: #444 !important;font-size: 1.2rem;font-weight: 500;}.mega-footer{background-color: #EDF1F7;}.view-all a{background: #2b60a5;cursor: pointer;transition: background 0.3s ease;}.view-all a:hover{background: rgb(33,76,135);}.trust-icons{}.trust-icons span{color: #002d5b;}.trust-icons img{}.mega-col a{background-image: url('https://logcabinkits.co.uk/_images/icons/nav/arrow.png');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{background-color: #fff;border: 1px solid #ccc;color: #333;box-shadow: 0 4px 10px rgba(0,0,0,0.1);cursor: pointer;transition: all 0.3s ease;}.to-top-btn.show{opacity: 1;visibility: visible;}.modern-modal{padding: 0;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);}.modern-modal[open]{animation: modalFadeIn 0.3s ease-out;}.modal-close{cursor:pointer;}@keyframes modalFadeIn{from{opacity: 0;transform: translateY(-20px);}to{opacity: 1;transform: translateY(0);}}.desktop{display:block;}.mobile{display:none;}.announcement-bar{background-color: #FFC107;color: #000;padding: 10px 20px;text-align: center;position: sticky;top: 0;z-index: 9;display: flex;justify-content: center;align-items: center;font-family: sans-serif;box-shadow: 0 2px 5px rgba(0,0,0,0.1);border-bottom: 1px solid #e6ae00;}.bar-content{display: flex;align-items: center;gap: 15px;}.bar-text{margin: 0;font-size: 15px;line-height: 1.4;}.bar-button{background: #000;color: #fff;padding: 6px 15px;text-decoration: none;border-radius: 4px;font-weight: bold;font-size: 13px;transition: background 0.3s ease;white-space: nowrap;}.bar-button:hover{background: #333;color: #fff;}.close-bar{position: absolute;right: 15px;background: none;border: none;font-size: 20px;cursor: pointer;font-weight: bold;opacity: 0.6;}.close-bar:hover{opacity: 1;}@media (max-width: 768px){.bar-content{flex-direction: column;gap: 8px;}.bar-text{font-size: 13px;}.mega-footer,.bar-icon{display: none;}}.shipping-container{font-family: 'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;max-width: 300px;padding: 15px;}.lgeButton{width: 100%;padding: 10px 15px;border: 2px solid #ddd;border-radius: 8px;background-color: #fff;font-size: 16px;color: #333;outline: none;transition: border-color 0.3s ease;cursor: pointer;}.lgeButton:focus{border-color: #007bff;}#shippingResult{margin-top: 15px;min-height: 40px;display: flex;align-items: center;font-size: 18px;font-weight: 600;color: #444;}.free-badge{color: #28a745;background: #eaffed;padding: 2px 8px;border-radius: 4px;margin-left: 5px;text-transform: uppercase;}.grid-2-col-even{display: grid;grid-template-columns: repeat(2,1fr);gap: 14px;padding: 0;align-items: center;}.grid-4-col-even{display: grid;grid-template-columns: repeat(4,1fr);gap: 14px;padding: 20px 0;align-items: center;}.borderGrey{border: 1px solid #ccc;}.borderRad4{border-radius: 4px;}.pad4{padding: 1rem;}.label-text{display: block;margin-bottom: 8px;font-size: 1.17rem;color: #666;font-weight: bold;}.supplier-grid{display: grid;grid-template-columns: repeat(3,1fr);gap: 20px;padding: 20px 0;align-items: center;}.supplier-card{border: 1px solid #ccc;border-radius: 4px;padding: 0;display: flex;justify-content: center;align-items: center;height: 100px;background:#fff;}.supplier-card img{max-width: 100%;max-height: 100%;height: auto;display: block;}.review-item{display: flex;gap: 20px;padding: 25px 0;border-bottom: 3px solid #2e5d33;font-family: sans-serif;align-items: flex-start;}.review-aside{flex: 0 0 160px;}.review-aside img{width: 100%;border: 1px solid #ddd;border-radius: 4px;padding: 3px;background: #fff;}.review-main{flex: 1;}.reviewer-header{margin-bottom: 5px;}.reviewer-name{font-size: 1.1rem;font-weight: 600;color: #333;display: block;}.product-name{font-size: 1rem;font-weight: 700;color: #111;margin: 4px 0;}.star-row{display: flex;gap: 2px;margin: 8px 0;}.star-icon{width: 20px;height: 20px;}.star-filled{fill: #ffcc00;}.star-empty{fill: #e0e0e0;}.review-text{line-height: 1.5;color: #444;margin: 12px 0;font-size: 0.95rem;}.review-date{font-size: 0.85rem;color: #666;}.info-btn{background: none;border: 2px solid transparent;cursor: pointer;padding: 10px;transition: all 0.3s ease;width: 100%;}.info-btn img{max-width: 100%;height: auto;display: block;}.info-btn.active{border-color: #007bff;background: rgba(0,123,255,0.05);}.warranty-panel{display: none;margin-top: 20px;padding: 20px;border: 1px solid #ddd;background: #f9f9f9;}@media (max-width: 500px){.review-item{flex-direction: column-reverse;}.review-aside{width: 120px;}}.shingles-holder img{padding:4px 4px 4px 4px;border: 1px solid grey;position:relative;}.shingles span{position:absolute;left:6px;bottom: 4px;}.faq-accordion{max-width: 800px;margin: 2rem auto;font-family: 'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;color: #334155;}details.faq-item{background: #ffffff;border: 1px solid #e2e8f0;border-radius: 8px;margin-bottom: 12px;transition: all 0.3s cubic-bezier(0.4,0,0.2,1);overflow: hidden;}summary.faq-question{padding: 1.25rem;font-weight: 600;cursor: pointer;list-style: none;display: flex;justify-content: space-between;align-items: center;user-select: none;}summary::-webkit-details-marker{display: none;}summary.faq-question::after{content: '+';font-size: 1.5rem;line-height: 1;transition: transform 0.3s ease;color: #64748b;}details[open].faq-item{border-color: #3b82f6;box-shadow: 0 4px 6px -1px rgba(0,0,0,0.1);}details[open] summary.faq-question{background-color: #f8fafc;border-bottom: 1px solid #e2e8f0;}details[open] summary.faq-question::after{content: '-';transform: rotate(180deg);color: #3b82f6;}.faq-answer{padding: 1.25rem;background-color: #fff;line-height: 1.6;color: #475569;}summary.faq-question:hover{background-color: #f1f5f9;}.building-regs-table{border: 1px solid #e2e8f0;}.building-regs-table td{padding: 4px;border: 1px solid #e2e8f0;}ol{line-height:1.6;}.install-guide div{transition: transform 0.2s ease,box-shadow 0.2s ease;border: 1px solid #ddd;border-radius: 8px;padding: 15px;background: #fff;box-shadow: 0 4px 6px -1px rgba(0,0,0,0.1);}.install-guide a{text-decoration:none;color:inherit;}.install-guide div:hover{transform: translateY(-5px);box-shadow: 0 10px 20px rgba(0,0,0,0.1);border-color: #3182ce;}.post-grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(300px,1fr));gap: 20px;font-family: sans-serif;}.post-card{border: 1px solid #ddd;border-radius: 8px;padding: 15px;background: #fff;box-shadow: 0 2px 4px rgba(0,0,0,0.1);}.post-card h3{margin-top: 0;color: #333;font-size: 1.2rem;}.post-meta{font-size: 0.85rem;color: #666;margin-bottom: 10px;display: block;}.post-excerpt{color: #444;line-height: 1.5;}.alert{padding: 20px;background: #f8f9fa;border-radius: 5px;text-align: center;}.read-more{text-decoration: none;font-weight: bold;color: #007bff;}.arrow{display: inline-block;transition: transform 0.2s;}.read-more:hover .arrow{transform: translateX(5px);}@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;}}@media (max-width: 768px){ol ol{margin:20px;padding:0;}.child-list a{overflow-wrap: anywhere;word-break: break-all;display: inline-block;vertical-align: top;padding-left: 5px;}.sitemap-list li{display: flex;align-items: flex-start;margin-bottom: 12px;}.sitemap-list li::marker{font-weight: bold;color: #555;}.supplier-grid,.grid-4-col-even,.grid-2-col-even{grid-template-columns: 1fr;gap: 15px;}}