@import"https://fonts.googleapis.com/css2?family=Boldonse&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Outfit:wght@100..900&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:Outfit,sans-serif}body{background:#f5f5f5}a{text-decoration:none;color:inherit;line-height:1;cursor:pointer}.container{padding-left:10%;padding-right:10%}.btn{background:#fff;color:#212121;padding:14px 25px;font-size:16px;border-radius:30px;cursor:pointer;border:0;outline:0;display:inline-flex;align-items:center;justify-content:center;margin-top:30px}.btn img{width:20px;margin-left:10px}@media (max-width:1200px){.container{padding-left:5%;padding-right:5%}.btn{padding:14px 22px}}nav{width:100%;height:75px;background-color:transparent;color:#fff;padding:4px 20px;position:fixed;top:0;left:0;display:flex;align-items:center;justify-content:space-between;z-index:10}.logo{width:165px;margin-left:-80px;margin-top:20px;cursor:pointer}nav ul{display:flex;align-items:center;list-style:none;margin:0;padding:0}nav ul li{display:inline-block;margin:5px 20px;font-size:16px;cursor:pointer;position:relative;transition:color .3s ease}nav ul li:after{content:"";position:absolute;left:0;bottom:-5px;width:0;height:2px;background-color:#0af;transition:width .3s ease-in-out}nav ul li:hover:after{width:100%}nav ul li:hover{animation:shake .3s ease-in-out;color:#0af}@keyframes shake{0%{transform:translate(0)}25%{transform:translate(-2px)}50%{transform:translate(2px)}75%{transform:translate(-2px)}to{transform:translate(0)}}.dark-nav{background:#1e1e1e;transition:background-color .5s,height .5s;height:100px}.hide-menu{right:-200px}.menu-icon{display:none;width:30px;cursor:pointer;margin-right:20px}.close-menu{display:none;cursor:pointer}@media (max-width: 1000px){.logo{width:140px}nav ul li{margin:10px 15px}}@media (max-width: 840px){nav{padding:15px 20px}.logo{width:120px;margin:10px 20px;object-fit:contain}.menu-icon{display:block}nav ul{position:fixed;top:0;right:0;bottom:0;background:#000f38;z-index:9;width:200px;padding-top:70px;transition:right .5s ease;flex-direction:column}nav ul li{display:block;margin:25px 40px;font-size:18px;transition:color .3s ease}.close-menu{display:block;font-size:30px;color:#fff;margin:10px 30px 30px 0;text-align:right}}.hero{width:100%;min-height:100vh;background:linear-gradient(#08003a33,#08003a66),url(./g60-BOTFYAS5.JPG);background-size:cover;background-position:center;color:#fff;display:flex;align-items:center;justify-content:center}.hero-text{text-align:center;max-width:800px}.hero-text h1{font-family:Boldonse,system-ui;font-size:60px;font-weight:600}@media (max-width:850px){.hero-text h1{font-size:35px}}@media (max-width:650px){.hero-text h1{font-size:30px;max-width:400px;margin:auto}.hero-text p{font-size:14px;margin:15px auto 30px}}.exports{margin:80px auto;width:90%;display:flex;align-items:center;justify-content:space-between;gap:20px;position:relative}.export{flex-basis:31%;position:relative;overflow:hidden;border-radius:16px;box-shadow:0 10px 25px #0000001f;transition:transform .3s ease,box-shadow .3s ease;background-color:#fff;padding:0;box-sizing:border-box}.export:before,.export:after{content:"";position:absolute;width:80px;height:80px;background-repeat:no-repeat;background-size:contain;opacity:.1;pointer-events:none;z-index:0;border-radius:8px}.export:before{top:10px;left:10px;background-image:url(./n1-CGfhFJIh.jpg)}.export:after{bottom:10px;right:10px;background-image:url(./n2-DXxOv9z7.jpg)}.export:hover{transform:translateY(-5px);box-shadow:0 14px 32px #0003}.export img{width:100%;height:auto;border-radius:0;display:block;transition:transform .4s ease;position:relative;z-index:1}.export:hover img{transform:scale(1.08)}.caption{position:absolute;top:0;left:0;bottom:0;right:0;background:#000f9880;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#fff;cursor:pointer;opacity:0;transition:opacity .4s ease;padding:20px;text-align:center;z-index:2}.export:hover .caption{opacity:1}.caption p{font-size:35px;font-family:Merriweather,serif;text-shadow:1px 1px 4px rgba(0,0,0,.5);margin:0}@media (max-width: 650px){.exports{flex-direction:column}.export{flex-basis:100%;margin:20px 0}}.title{text-align:center;color:#212ea0;font-size:15px;font-weight:600;text-transform:uppercase;margin:70px 0 30px}.title h2{font-size:32px;color:#000f38;margin-top:5px;text-transform:none}.about{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:40px;padding:40px 20px;background-color:#f5f7fa}.about-left{flex:1 1 500px;max-width:600px;position:relative}.image-container{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden}.about-img,.about-video{width:100%;height:100%;object-fit:cover;border-radius:16px;box-shadow:0 6px 20px #00000026;display:block}.play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#000000b3;color:#fff;font-size:2.5rem;border:none;border-radius:50%;width:70px;height:70px;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:background .3s ease,transform .2s ease;z-index:2}.play-btn:hover{background:#000000d9;transform:translate(-50%,-50%) scale(1.08)}.about-right{flex:1 1 400px;max-width:600px}.about-right h3{font-size:1.5rem;margin-bottom:10px;color:#444}.about-right h2{font-size:2rem;color:#222;margin-bottom:20px}.about-right p{font-size:1rem;line-height:1.7;color:#555;margin-top:16px}@media (max-width: 768px){.about{flex-direction:column;padding:20px}.about-left,.about-right{max-width:100%}.image-container{aspect-ratio:auto}.play-btn{width:60px;height:60px;font-size:2rem}}.gallery-container{padding:1.5rem;max-width:1200px;margin:auto}.media-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.media-item{position:relative;cursor:pointer}.media-item img,.media-item video{width:100%;height:auto;border-radius:10px;object-fit:cover}.video-thumbnail{position:relative}.play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:2.5rem;color:#fff;pointer-events:none;text-shadow:0 0 10px black}.see-more-btn{display:block;margin:2rem auto;padding:10px 20px;font-size:1rem;border:none;background-color:#444;color:#fff;border-radius:5px;cursor:pointer}.media-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000e6;display:flex;justify-content:center;align-items:center;z-index:999}.modal-content{position:relative;max-width:90%;max-height:90%}.modal-content img,.modal-content video{width:100%;height:auto;border-radius:8px}.close-btn{position:absolute;top:-2rem;right:-2rem;font-size:2rem;color:#fff;background:transparent;border:none;cursor:pointer}.order-container{padding:2rem;margin-top:80px;margin-bottom:100px;background-color:#f7f7f7;border-radius:10px}.category-wrapper{max-width:320px;margin:0 auto 40px;display:flex;flex-direction:column;align-items:flex-start}.category-label{font-size:16px;font-weight:600;color:#2c3e50;margin-bottom:8px}.category-select{width:100%;padding:12px 16px;font-size:16px;font-weight:500;color:#333;border:2px solid #e0e0e0;border-radius:12px;background-color:#fff;background-image:url("data:image/svg+xml;utf8,<svg fill='%23333' height='20' viewBox='0 0 24 24' width='20' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/></svg>");background-repeat:no-repeat;background-position:right 16px center;background-size:16px 16px;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:all .3s ease;cursor:pointer;box-shadow:0 2px 8px #0000000a}.category-select:hover{border-color:#0073e6}.category-select:focus{outline:none;border-color:#0073e6;box-shadow:0 0 0 3px #0073e633}.category-section h2{font-size:28px;margin-bottom:20px;text-align:center;color:#222}.order-list{display:flex;flex-wrap:wrap;gap:24px;justify-content:center}.order-card{background-color:#fff;border-radius:16px;box-shadow:0 2px 12px #0000000d;padding:20px;max-width:300px;text-align:center;transition:transform .2s ease}.order-card:hover{transform:translateY(-5px)}.order-card img{max-width:100%;border-radius:12px;margin-bottom:16px}.order-card h3{margin:0;font-size:20px;color:#333}.order-card p{font-size:14px;color:#555;margin:10px 0}.inquiry-text a{color:#0073e6;text-decoration:none}.inquiry-text a:hover{text-decoration:underline}.btn-select{padding:10px 20px;font-size:15px;background-color:#0073e6;color:#fff;border:none;border-radius:8px;cursor:pointer;margin-top:10px;transition:background-color .3s ease}.btn-select:hover{background-color:#005bb5}.checkout-section{padding:20px;min-height:100vh;background-color:#f0f4f8;display:flex;justify-content:center;align-items:center}.checkout-container{display:flex;max-width:1200px;width:100%;gap:50px}.checkout-left{flex:1.6;background-color:#fff;padding:40px 50px;border-radius:14px;box-shadow:0 12px 24px #0000001f;margin-left:0;display:flex;flex-direction:column}.checkout-left h2{margin-bottom:30px;font-weight:700;color:#222;font-size:2rem}.checkout-form{width:100%}.row{display:flex;gap:20px;margin-bottom:18px}.form-group{flex:1;display:flex;flex-direction:column}label{font-weight:600;font-size:.9rem;margin-bottom:6px;color:#444}input[type=text],input[type=email],input[type=tel],select,textarea{padding:14px 18px;border-radius:6px;border:1.8px solid #bbb;font-size:1.1rem;font-family:inherit;transition:border-color .3s ease;resize:vertical;width:100%;box-sizing:border-box}input[type=text]:focus,input[type=email]:focus,input[type=tel]:focus,select:focus,textarea:focus{border-color:#3178c6;outline:none}textarea{font-family:inherit;min-height:90px;max-height:140px}.checkout-form>label:nth-last-of-type(3){margin-top:12px}.checkout-form>input[name=city]{width:100%;padding:14px 18px;border-radius:6px;border:1.8px solid #bbb;font-size:1.1rem;font-family:inherit;margin-bottom:20px;transition:border-color .3s ease;box-sizing:border-box}.checkout-form>input[name=city]:focus{border-color:#3178c6;outline:none}.pay-btn{width:100%;padding:16px;background-color:#3178c6;color:#fff;font-weight:700;font-size:1.2rem;border:none;border-radius:8px;cursor:pointer;margin-top:15px;transition:background-color .3s ease}.pay-btn:hover:not(:disabled){background-color:#255a99}.pay-btn:disabled{cursor:not-allowed;background-color:#a3bcd9}.error{color:#cc2b2b;font-weight:600;margin-top:8px;font-size:.9rem}.result-msg{margin-top:12px;font-weight:600;color:#3178c6;font-size:1rem}.checkout-right{flex:1;display:flex;justify-content:center;align-items:center}.checkout-right img{width:380px;height:380px;object-fit:cover;border-radius:14px;box-shadow:0 8px 24px #00000026}.thank-you-message{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;background-color:#f9fafb;border-radius:12px;box-shadow:0 8px 24px #0000001a;max-width:500px;margin:40px auto 0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;animation:fadeScaleIn .7s ease forwards;opacity:0;transform:scale(.9)}.thank-you-logo{width:130px;height:130px;margin-bottom:30px;object-fit:cover;border-radius:50%;box-shadow:0 4px 12px #00000026;filter:drop-shadow(0 3px 5px rgba(0,0,0,.12))}@keyframes fadeScaleIn{to{opacity:1;transform:scale(1)}}.thank-you-message h2{font-size:2.2rem;color:#222;margin-bottom:15px;font-weight:700}.thank-you-message p{font-size:1.15rem;color:#555;line-height:1.5;max-width:320px;margin:0 auto}@media (max-width: 950px){.checkout-container{flex-direction:column;gap:30px}.checkout-right img{width:100%;max-width:380px;height:auto}.checkout-left{margin-left:0}.row{flex-direction:column}}.contact{width:90%;max-width:90%;margin:80px auto;justify-content:space-between;align-content:center;display:flex;flex-wrap:wrap}.contact-col{flex-basis:48%;color:#676767;box-sizing:border-box}.contact-col h3{color:#000f38;font-weight:500;font-size:25px;display:flex;align-items:center;margin-bottom:20px}.contact-col h3 img{width:35px;margin-left:10px}.contact-col p{max-width:450px;line-height:1.6}.contact-col ul{list-style:none;padding:0;margin:0}.contact-col ul li{display:flex;align-items:center;margin:20px 0;word-break:break-word}.contact-col ul li img{width:25px;margin-right:10px;flex-shrink:0}.contact-col ul li a{display:flex;align-items:center;gap:10px;color:#676767;text-decoration:none;font-weight:500;transition:color .3s ease}.contact-col ul li a:hover{color:#000f38}.contact form input,.contact form textarea{display:block;width:100%;background:#ebecfe;padding:15px;border:0;outline:0;margin-bottom:15px;margin-top:5px;resize:none;border-radius:5px;box-sizing:border-box;font-size:15px}.btn.dark{background-color:#000f38;color:#fff;border:none;padding:10px 20px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;border-radius:5px;transition:background-color .3s ease}.btn.dark:hover{background-color:#001b6e}.contact-col span{display:block;margin:20px 0;color:green;font-weight:500}.map-container{margin-top:20px;border-radius:8px;overflow:hidden;box-shadow:0 4px 12px #00000014}@media (max-width: 700px){.contact{display:block}.contact-col{padding:20px 0;flex-basis:100%}.contact form{padding:0}}.footer{background-color:#000f38;color:#fff;text-align:center;padding:1rem 0;position:relative;bottom:0;width:100%}.galleries{max-width:1200px;margin:20px auto;padding:0 15px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:20px}.gallery-image,.video-thumbnail video{width:100%;height:auto;max-height:300px;border-radius:10px;cursor:pointer;transition:transform .3s ease;object-fit:contain;background-color:#000;display:block}.gallery-image:hover,.video-thumbnail:hover video{transform:scale(1.05)}.video-thumbnail{position:relative;overflow:hidden;max-height:300px;border-radius:10px}.play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:40px;color:#fffc;pointer-events:none;-webkit-user-select:none;user-select:none;text-shadow:0 0 8px rgba(0,0,0,.7)}.see-more-btn{display:block;margin:0 auto 30px;padding:10px 30px;font-size:1.1rem;font-weight:600;color:#fff;background-color:#007bff;border:none;border-radius:30px;cursor:pointer;transition:background-color .3s ease;-webkit-user-select:none;user-select:none}.see-more-btn:hover{background-color:#0056b3}.gallery-page{padding-bottom:40px}.filter-buttons{text-align:center;margin-bottom:20px}.filter-buttons button{background-color:#f0f0f0;border:none;margin:0 8px;padding:8px 16px;font-size:1rem;cursor:pointer;border-radius:20px;transition:background-color .3s ease;-webkit-user-select:none;user-select:none}.filter-buttons button:hover,.filter-buttons button:focus{background-color:#007bff;color:#fff;outline:none}.filter-buttons button.active{background-color:#007bff;color:#fff}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.pagination{text-align:center;margin-top:25px}.pagination button{background-color:#007bff;color:#fff;border:none;margin:0 10px;padding:8px 18px;font-size:1rem;border-radius:25px;cursor:pointer;transition:background-color .3s ease;-webkit-user-select:none;user-select:none}.pagination button:hover:enabled{background-color:#0056b3}.pagination button:disabled{background-color:#ccc;cursor:not-allowed}.pagination span{font-weight:600;font-size:1.1rem}.popup-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000;padding:15px;overflow-y:auto}.popup-gallery{position:relative;max-width:90vw;max-height:90vh;background-color:transparent;outline:none;-webkit-user-select:none;user-select:none}.close-btn{position:absolute;top:-15px;right:-15px;background-color:#fff;color:#333;border-radius:50%;font-size:28px;border:none;cursor:pointer;width:38px;height:38px;line-height:38px;font-weight:700;box-shadow:0 2px 6px #0000004d;transition:background-color .3s ease}.close-btn:hover{background-color:#007bff;color:#fff}.popup-image{max-width:100%;max-height:80vh;width:auto;height:auto;border-radius:10px;object-fit:contain;display:block;margin:0 auto;background-color:#000}@media (max-width: 768px){.gallery,.gallery-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.gallery-image,.video-thumbnail video{max-height:220px}}@media (max-width: 480px){.gallery,.gallery-grid{grid-template-columns:1fr}.gallery-image,.video-thumbnail video{max-height:300px}.see-more-btn,.pagination button,.filter-buttons button{font-size:1rem;padding:8px 20px}}