.bike-storage-page{--ink:#0e1b16;--primary:#0b6b3a;--primary-dark:#084d29;--primary-light:#e6f1ea;--kraft:#b98653;--paper:#faf8f2;--paper-dim:#f1ede1;--slate:#57616b;--line:#e3ddcc;--radius:18px;--font-display:"Space Grotesk", "Segoe UI", sans-serif;--font-label:"Barlow Condensed", "Segoe UI", sans-serif;--font-body:"Inter", "Segoe UI", sans-serif;color:var(--slate);font-family:var(--font-body);overflow-x:hidden}.bike-storage-page h1,.bike-storage-page h2,.bike-storage-page h3{color:var(--ink);font-family:var(--font-display);margin:0}.bike-storage-page .primary-color{color:var(--primary)}.bike-storage-page #serivce-hero-section{padding:80px 24px 90px;position:relative;overflow:hidden}.bike-storage-page #serivce-hero-section .container{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:56px;width:100%;max-width:1200px;margin:0 auto;display:grid}.bike-storage-page #serivce-hero-section .container .content{min-width:0}.bike-storage-page #serivce-hero-section .container .content .badge{font-family:var(--font-label);text-transform:uppercase;letter-spacing:.16em;color:var(--primary-dark);background:var(--primary-light);border:1px solid var(--primary);border-radius:999px;align-items:center;gap:8px;margin-bottom:18px;padding:6px 16px;font-size:13px;font-weight:600;display:inline-flex}.bike-storage-page #serivce-hero-section .container .content .badge:before{content:"";background:var(--primary);border-radius:50%;flex-shrink:0;width:8px;height:8px}.bike-storage-page #serivce-hero-section .container .content h1{letter-spacing:-.02em;margin-bottom:20px;font-size:clamp(36px,4vw,52px);font-weight:700;line-height:1.12}.bike-storage-page #serivce-hero-section .container .content p.subtitle{max-width:48ch;color:var(--slate);margin:0 0 24px;font-size:18px;line-height:1.7}.bike-storage-page #serivce-hero-section .container .content .offer{color:var(--primary-dark);border:2px dashed var(--primary);background:#fff;border-radius:10px;align-items:center;gap:8px;margin-bottom:28px;padding:10px 20px;font-size:15px;font-weight:600;display:inline-flex;transform:rotate(-1deg)}.bike-storage-page #serivce-hero-section .container .content .offer strong{font-family:var(--font-display);font-size:17px}.bike-storage-page #serivce-hero-section .container .content .links{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:30px;display:flex}.bike-storage-page #serivce-hero-section .container .content .links a{border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:14px 30px;font-size:16px;font-weight:600;text-decoration:none;transition:transform .25s,background .25s,color .25s,border-color .25s,box-shadow .25s;display:inline-flex}.bike-storage-page #serivce-hero-section .container .content .links .call-btn{color:var(--ink);border:2px solid var(--line);background:#fff}.bike-storage-page #serivce-hero-section .container .content .links .call-btn:hover{color:#fff;background:var(--ink);border-color:var(--ink)}.bike-storage-page #serivce-hero-section .container .content .links .quote-btn{color:#fff;background:var(--primary);box-shadow:0 10px 24px #0b6b3a47}.bike-storage-page #serivce-hero-section .container .content .links .quote-btn:hover{background:var(--primary-dark);transform:translateY(-3px);box-shadow:0 14px 30px #0b6b3a57}.bike-storage-page #serivce-hero-section .container .content .trust-points{border-top:1px solid var(--line);flex-wrap:wrap;gap:12px;padding-top:24px;display:flex}.bike-storage-page #serivce-hero-section .container .content .trust-points span{color:var(--primary-dark);background:var(--primary-light);border-radius:999px;padding:7px 14px;font-size:13px;font-weight:600}.bike-storage-page #serivce-hero-section .container .img-bx{justify-content:center;min-width:0;display:flex;position:relative}.bike-storage-page #serivce-hero-section .container .img-bx:before{content:"COVERED STORAGE · SAFEXPRESS · COVERED STORAGE · SAFEXPRESS";width:180px;height:180px;font-family:var(--font-label);letter-spacing:.05em;text-align:center;color:var(--primary);border:2px solid var(--primary);opacity:.28;z-index:0;pointer-events:none;border-radius:50%;justify-content:center;align-items:center;padding:18px;font-size:10px;display:flex;position:absolute;top:-30px;right:-20px;transform:rotate(8deg)}.bike-storage-page #serivce-hero-section .container .img-bx .img-card{z-index:1;border-radius:var(--radius);background:#fff;width:100%;max-width:520px;padding:18px;position:relative;box-shadow:0 30px 60px #0e1b161f}.bike-storage-page #serivce-hero-section .container .img-bx .img-card img{object-fit:contain;border-radius:12px;width:100%;height:auto;display:block}.bike-storage-page #about-car-storage{text-align:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff;width:100%;max-width:none;margin:0;padding:90px 24px}.bike-storage-page #about-car-storage h2{max-width:900px;margin:0 auto 18px;font-size:clamp(28px,3vw,38px);line-height:1.2}.bike-storage-page #about-car-storage p{max-width:65ch;margin:0 auto;font-size:16px;line-height:1.75}.bike-storage-page #about-car-storage .contact-container{margin-top:36px}.bike-storage-page #about-car-storage .contact-container .links{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;display:flex}.bike-storage-page #about-car-storage .contact-container .links a{border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:14px 32px;font-size:16px;font-weight:600;text-decoration:none;transition:transform .25s,background .25s,color .25s,border-color .25s,box-shadow .25s;display:inline-flex}.bike-storage-page #about-car-storage .contact-container .links .quote-btn{color:#fff;background:var(--primary);box-shadow:0 10px 24px #0b6b3a47}.bike-storage-page #about-car-storage .contact-container .links .quote-btn:hover{background:var(--primary-dark);transform:translateY(-3px)}.bike-storage-page #about-car-storage .contact-container .links .call-btn{color:var(--ink);border:2px solid var(--line);background:#fff}.bike-storage-page #about-car-storage .contact-container .links .call-btn:hover{color:#fff;background:var(--ink);border-color:var(--ink)}.bike-storage-page #brands-section{padding:90px 24px}.bike-storage-page #brands-section .heading-container{text-align:center;max-width:680px;margin:0 auto 44px}.bike-storage-page #brands-section .heading-container h2{margin-bottom:12px;font-size:clamp(26px,3vw,34px);line-height:1.25}.bike-storage-page #brands-section .heading-container p{margin:0;line-height:1.7}.bike-storage-page #brands-section .container{grid-template-columns:repeat(8,minmax(0,1fr));gap:16px;width:100%;max-width:1200px;margin:0 auto;display:grid}.bike-storage-page #brands-section .container .brand{border:1px solid var(--line);background:#fff;border-radius:14px;justify-content:center;align-items:center;min-width:0;height:110px;padding:18px;transition:filter .25s,opacity .25s,border-color .25s,transform .25s,box-shadow .25s;display:flex;overflow:hidden}.bike-storage-page #brands-section .container .brand:hover{border-color:var(--primary);transform:translateY(-3px);box-shadow:0 12px 28px #0e1b1612}.bike-storage-page #brands-section .container .brand img{object-fit:contain;width:100%;height:100%;display:block}.bike-storage-page #numbers-section{width:100%;max-width:1200px;margin:0 auto;padding:90px 24px}.bike-storage-page #numbers-section .numbers-container{border-top:1px solid var(--line);border-left:1px solid var(--line);border-radius:14px;grid-template-columns:repeat(3,minmax(0,1fr));display:grid;overflow:hidden}.bike-storage-page #numbers-section .numbers-container>div{text-align:center;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff;padding:38px 26px;transition:background .25s}.bike-storage-page #numbers-section .numbers-container>div:hover{background:var(--primary-light)}.bike-storage-page #numbers-section .numbers-container>div h3{color:var(--primary-dark);margin-bottom:8px;font-size:28px}.bike-storage-page #numbers-section .numbers-container>div span{color:var(--slate);font-size:14px}.bike-storage-page #numbers-section .contact-container{text-align:center;margin-top:46px}.bike-storage-page #numbers-section .contact-container>span{color:var(--slate);margin-bottom:22px;font-size:16px;line-height:1.6;display:block}.bike-storage-page #numbers-section .contact-container .links{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;display:flex}.bike-storage-page #numbers-section .contact-container .links a{border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:14px 32px;font-size:16px;font-weight:600;text-decoration:none;transition:transform .25s,background .25s,color .25s,border-color .25s;display:inline-flex}.bike-storage-page #numbers-section .contact-container .links .quote-btn{color:#fff;background:var(--primary);box-shadow:0 10px 24px #0b6b3a47}.bike-storage-page #numbers-section .contact-container .links .quote-btn:hover{background:var(--primary-dark);transform:translateY(-3px)}.bike-storage-page #numbers-section .contact-container .links .call-btn{color:var(--ink);border:2px solid var(--line);background:#fff}.bike-storage-page #numbers-section .contact-container .links .call-btn:hover{color:#fff;background:var(--ink);border-color:var(--ink)}.bike-storage-page #slider-section{width:100%;max-width:none;margin:0;padding:90px 24px}.bike-storage-page #slider-section h2.heading{text-align:center;margin:0 auto 38px;font-size:clamp(26px,3vw,34px);line-height:1.25}.bike-storage-page #slider-section .container{width:100%;max-width:1200px;margin:0 auto}.bike-storage-page #slider-section .container .swiper{padding:8px 4px 20px}.bike-storage-page #slider-section .container .swiper-slide{height:auto}.bike-storage-page #slider-section .container .card{text-align:center;border:1px solid var(--line);background:#fff;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;height:100%;min-height:200px;margin:4px;padding:24px 18px;transition:border-color .25s,box-shadow .25s,transform .25s;display:flex}.bike-storage-page #slider-section .container .card:hover{border-color:var(--primary);transform:translateY(-4px);box-shadow:0 16px 30px #0e1b1614}.bike-storage-page #slider-section .container .card .icon{margin-bottom:4px;font-size:28px}.bike-storage-page #slider-section .container .card span{font-family:var(--font-label);text-transform:uppercase;letter-spacing:.08em;color:var(--primary-dark);margin:6px 0;font-size:12px}.bike-storage-page #slider-section .container .card h3{margin-bottom:8px;font-size:16px;line-height:1.35}.bike-storage-page #slider-section .container .card a{color:var(--slate);font-size:13px;line-height:1.5;text-decoration:none}.bike-storage-page #slider-section .container .card a:hover,.bike-storage-page #slider-section .container .swiper-button-next,.bike-storage-page #slider-section .container .swiper-button-prev{color:var(--primary)}.bike-storage-page .price-img-container{background:#fff;justify-content:center;align-items:center;width:100%;max-width:none;margin:0;padding:90px 24px;display:flex}.bike-storage-page .price-img-container .price-img{border:1px solid var(--line);border-radius:var(--radius);width:100%;max-width:900px;height:auto;display:block;box-shadow:0 20px 50px #0e1b161f}.bike-storage-page #safe-secure-section{color:#fff;background:var(--ink);width:100%;padding:90px 24px}.bike-storage-page #safe-secure-section .container{text-align:center;width:100%;max-width:1200px;margin:0 auto}.bike-storage-page #safe-secure-section .container h2{color:#fff;max-width:800px;margin:0 auto 16px;font-size:clamp(28px,3vw,38px);line-height:1.25}.bike-storage-page #safe-secure-section .container p{color:#ffffffc2;max-width:70ch;margin:0 auto 50px;font-size:15px;line-height:1.75}.bike-storage-page #safe-secure-section .container .content{grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;display:grid}.bike-storage-page #safe-secure-section .container .content .card{background:#ffffff0d;border:1px solid #ffffff1f;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-width:0;min-height:150px;padding:24px 16px;transition:background .25s,border-color .25s,transform .25s;display:flex}.bike-storage-page #safe-secure-section .container .content .card:hover{border-color:var(--primary);background:#0b6b3a40;transform:translateY(-4px)}.bike-storage-page #safe-secure-section .container .content .card .icon{color:#7bd9a3;justify-content:center;align-items:center;display:inline-flex}.bike-storage-page #safe-secure-section .container .content .card .icon svg{font-size:36px}.bike-storage-page #safe-secure-section .container .content .card>span:last-child{color:#fff;font-size:14px;line-height:1.4}.bike-storage-page #sample-images{width:100%;padding:90px 24px}.bike-storage-page #sample-images .container{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:240px;gap:18px;width:100%;max-width:1200px;margin:0 auto;display:grid}.bike-storage-page #sample-images .container .sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.bike-storage-page #sample-images .container img{object-fit:cover;border-radius:16px;width:100%;height:100%;transition:transform .4s,box-shadow .4s;display:block}.bike-storage-page #sample-images .container img:hover{transform:translateY(-4px);box-shadow:0 18px 36px #0e1b1624}.bike-storage-page #sample-images .container img:first-of-type,.bike-storage-page #sample-images .container img:nth-of-type(6){grid-column:span 2}.bike-storage-page #sample-images .container img:nth-of-type(3),.bike-storage-page #sample-images .container img:nth-of-type(8){grid-row:span 2}@media screen and (max-width:1100px){.bike-storage-page #brands-section .container{grid-template-columns:repeat(6,minmax(0,1fr))}.bike-storage-page #safe-secure-section .container .content{grid-template-columns:repeat(3,minmax(0,1fr))}.bike-storage-page #sample-images .container{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:220px}.bike-storage-page #sample-images .container img:first-of-type,.bike-storage-page #sample-images .container img:nth-of-type(3),.bike-storage-page #sample-images .container img:nth-of-type(6),.bike-storage-page #sample-images .container img:nth-of-type(8){grid-area:auto}}@media screen and (max-width:900px){.bike-storage-page #serivce-hero-section{padding:64px 24px 72px}.bike-storage-page #serivce-hero-section .container{text-align:center;grid-template-columns:1fr;gap:50px}.bike-storage-page #serivce-hero-section .container .content p.subtitle{margin-inline:auto}.bike-storage-page #serivce-hero-section .container .content .links,.bike-storage-page #serivce-hero-section .container .content .trust-points{justify-content:center}.bike-storage-page #serivce-hero-section .container .img-bx:before{display:none}.bike-storage-page #brands-section .container{grid-template-columns:repeat(4,minmax(0,1fr))}.bike-storage-page #numbers-section .numbers-container{grid-template-columns:1fr}}@media screen and (max-width:700px){.bike-storage-page #about-car-storage,.bike-storage-page #brands-section,.bike-storage-page #numbers-section,.bike-storage-page #slider-section,.bike-storage-page .price-img-container,.bike-storage-page #safe-secure-section,.bike-storage-page #sample-images{padding-top:64px;padding-bottom:64px}.bike-storage-page #brands-section .container{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.bike-storage-page #brands-section .container .brand{height:90px;padding:12px}.bike-storage-page #safe-secure-section .container p{margin-bottom:36px}.bike-storage-page #safe-secure-section .container .content{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.bike-storage-page #safe-secure-section .container .content .card{min-height:135px}.bike-storage-page #sample-images .container{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:180px;gap:12px}}@media screen and (max-width:520px){.bike-storage-page #serivce-hero-section{padding:48px 16px 56px}.bike-storage-page #serivce-hero-section .container{gap:38px}.bike-storage-page #serivce-hero-section .container .content h1{font-size:34px}.bike-storage-page #serivce-hero-section .container .content p.subtitle{font-size:16px}.bike-storage-page #serivce-hero-section .container .content .offer{justify-content:center;max-width:100%;padding:10px 14px}.bike-storage-page #serivce-hero-section .container .content .links{flex-direction:column}.bike-storage-page #serivce-hero-section .container .content .links a{width:100%}.bike-storage-page #serivce-hero-section .container .content .trust-points{gap:8px}.bike-storage-page #serivce-hero-section .container .content .trust-points span{flex:calc(50% - 8px)}.bike-storage-page #serivce-hero-section .container .img-bx .img-card{padding:10px}.bike-storage-page #about-car-storage,.bike-storage-page #brands-section,.bike-storage-page #numbers-section,.bike-storage-page #slider-section,.bike-storage-page .price-img-container,.bike-storage-page #safe-secure-section,.bike-storage-page #sample-images{padding-left:16px;padding-right:16px}.bike-storage-page #about-car-storage .contact-container .links{flex-direction:column}.bike-storage-page #about-car-storage .contact-container .links a{width:100%}.bike-storage-page #numbers-section .contact-container .links{flex-direction:column}.bike-storage-page #numbers-section .contact-container .links a{width:100%}.bike-storage-page #brands-section .container{grid-template-columns:repeat(2,minmax(0,1fr))}.bike-storage-page #brands-section .container .brand{height:100px}.bike-storage-page #slider-section .container .card{min-height:190px;padding:18px 12px}.bike-storage-page #safe-secure-section .container .content{grid-template-columns:1fr}.bike-storage-page #safe-secure-section .container .content .card{min-height:120px}.bike-storage-page #sample-images .container{grid-template-columns:1fr;grid-auto-rows:240px}}
.faq-section{background:#fff;max-width:1100px;margin:auto;padding:70px 20px}.faq-section h2{margin-bottom:30px;font-size:32px}.faq-section .list{flex-direction:column;gap:10px;display:flex}.faq-section .item{color:#000;background:#00ff0036;border:1px solid #4ade6e26;border-radius:16px;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.faq-section .item--open{border-color:#00ff0080}.faq-section .item--open .cp-faq__icon{color:#00ff0036}.faq-section .question{color:#000;cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;gap:16px;width:100%;padding:20px 24px;font-family:DM Sans,sans-serif;font-size:15px;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.faq-section .question:hover{color:#00ff0036}.faq-section .icon{color:#000;flex-shrink:0;font-size:22px;line-height:1}.faq-section .answer{border-top:1px solid #4ade6e26;padding:20px 24px}.faq-section .answer p{color:#000;margin-bottom:16px;font-size:15.5px;line-height:1.8}
#privacypolicysec{ascent-override:92%;descent-override:24%;line-gap-override:0%;font-display:swap;background:#f9fafb;padding:0 20px;font-family:Poppins,sans-serif;font-style:normal;font-weight:400}#privacypolicysec .container{max-width:900px;margin:0 auto}#privacypolicysec .content h1{text-align:center;color:#111827;margin-bottom:16px;font-size:34px;font-weight:600}#privacypolicysec .content .intro-text{text-align:center;color:#4b5563;max-width:760px;margin:0 auto 40px;font-size:15px;line-height:1.8}#privacypolicysec .content .card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;margin-bottom:28px;padding:24px 26px 24px 36px;transition:transform .2s;position:relative;box-shadow:0 8px 24px #0000000d}#privacypolicysec .content .card:hover{transform:translateY(-2px)}#privacypolicysec .content .card h2{color:#1f2937;margin-bottom:10px;font-size:20px;font-weight:600}#privacypolicysec .content .card p{color:#4b5563;font-size:14.5px;line-height:1.75}#privacypolicysec .content .card ul{margin:12px 0 0 18px}#privacypolicysec .content .card ul li{color:#4b5563;margin-bottom:6px;font-size:14.5px;line-height:1.7;list-style:outside}#privacypolicysec .content .card:before{content:"";background:#0b6b3a;border-radius:0 6px 6px 0;width:5px;position:absolute;top:16px;bottom:16px;left:0}#privacypolicysec .content a{color:#0b6b3a;font-weight:500;text-decoration:none}#privacypolicysec .content a:hover{text-decoration:underline}@media (max-width:1024px){#privacypolicysec{margin-top:90px}}@media (max-width:768px){#privacypolicysec .content h1{font-size:28px}#privacypolicysec .content .intro-text{font-size:14px}#privacypolicysec .content .card{padding:22px 20px 22px 30px}#privacypolicysec .content .card h2{font-size:18px}}@media (max-width:480px){#privacypolicysec{padding:0 12px}#privacypolicysec .content h1{font-size:22px}#privacypolicysec .content .card{padding:18px 16px 18px 26px}#privacypolicysec .content .card h2{font-size:16px}#privacypolicysec .content .card p,#privacypolicysec .content .card li{font-size:13.5px}}
#photo-gallery-sec.top-element{--ink:#0e1b16;--primary:#0b6b3a;--primary-dark:#084d29;--primary-light:#e6f1ea;--kraft:#b98653;--paper:#faf8f2;--paper-dim:#f1ede1;--slate:#57616b;--line:#e3ddcc;--radius:18px;--font-display:"Space Grotesk", "Segoe UI", sans-serif;--font-label:"Barlow Condensed", "Segoe UI", sans-serif;--font-body:"Inter", "Segoe UI", sans-serif;color:var(--slate);font-family:var(--font-body);background:var(--paper);padding:70px 20px 100px}#photo-gallery-sec.top-element h1,#photo-gallery-sec.top-element h2{font-family:var(--font-display);color:var(--ink);margin:0}#photo-gallery-sec.top-element .container{max-width:1200px;margin:0 auto}#photo-gallery-sec.top-element .gallery-header{text-align:center;max-width:780px;margin:0 auto 60px;padding-top:26px;position:relative}#photo-gallery-sec.top-element .gallery-header:before{content:"Photo log";font-family:var(--font-label);text-transform:uppercase;letter-spacing:.16em;color:var(--primary-dark);font-size:13px;font-weight:600;display:inline-block;position:absolute;top:0;left:50%;transform:translate(-50%)}#photo-gallery-sec.top-element .gallery-header h1{margin-bottom:16px;font-size:38px;font-weight:700;line-height:1.2}#photo-gallery-sec.top-element .gallery-header p{margin:0 auto;font-size:16px;line-height:1.7}#photo-gallery-sec.top-element .gallery-section h2{text-align:center;margin-bottom:30px;font-size:26px}#photo-gallery-sec.top-element .btns{border-bottom:1px dashed var(--line);flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:44px;padding-bottom:30px;display:flex}#photo-gallery-sec.top-element .btns button{font-family:var(--font-label);text-transform:uppercase;letter-spacing:.06em;color:var(--slate);border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:999px;padding:10px 22px;font-size:13px;font-weight:600;transition:background .2s,color .2s,border-color .2s,transform .2s}#photo-gallery-sec.top-element .btns button:hover{border-color:var(--primary);color:var(--primary-dark);transform:translateY(-2px)}#photo-gallery-sec.top-element .btns button.active{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 10px 20px #0b6b3a40}#photo-gallery-sec.top-element .content{column-count:4;column-gap:14px}#photo-gallery-sec.top-element .content .img-bx{break-inside:avoid;border:1px solid var(--line);background:#fff;border-radius:12px;margin:0 0 14px;line-height:0;transition:box-shadow .25s,transform .25s;overflow:hidden}#photo-gallery-sec.top-element .content .img-bx:hover{transform:translateY(-3px);box-shadow:0 18px 34px #0e1b161f}#photo-gallery-sec.top-element .content .img-bx img{width:100%;height:auto;transition:transform .4s;display:block}#photo-gallery-sec.top-element .content .img-bx:hover img{transform:scale(1.03)}@media screen and (max-width:1024px){#photo-gallery-sec.top-element .content{column-count:3}}@media screen and (max-width:760px){#photo-gallery-sec.top-element{padding:50px 16px 70px}#photo-gallery-sec.top-element .gallery-header h1{font-size:28px}#photo-gallery-sec.top-element .content{column-count:2;column-gap:10px}#photo-gallery-sec.top-element .content .img-bx{margin-bottom:10px}#photo-gallery-sec.top-element .btns button{padding:8px 16px;font-size:12px}}@media screen and (max-width:420px){#photo-gallery-sec.top-element .content{column-count:1}}
.success-container{z-index:10000;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.success-screen{z-index:1000;background:#009f00;border-radius:50%;width:500px;height:500px;animation:1.5s ease-out forwards animate;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(0)}@keyframes animate{0%{opacity:1;transform:translate(-50%,-50%)scale(0)}30%{opacity:1;transform:translate(-50%,-50%)scale(10)}70%{opacity:1;transform:translate(-50%,-50%)scale(10)}to{opacity:0;transform:translate(-50%,-50%)scale(10)}}.inner-circle{z-index:10000;background:#0d0;border-radius:50%;justify-content:center;align-items:center;width:180px;height:180px;animation:1.5s ease-out .1s forwards animate2;display:flex;position:relative;top:50%;left:50%;transform:translate(-50%,-50%)scale(1);box-shadow:0 0 20px #0000005d}.inner-circle .icon{color:#fff;z-index:10;font-size:90px}@keyframes animate2{0%{opacity:1;transform:translate(-50%,-50%)scale(0)}10%{opacity:1;transform:translate(-50%,-50%)scale(1.2)}20%{opacity:1;transform:translate(-50%,-50%)scale(1)}70%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(1)}}.inner-circle:after{content:"";background:#0f0;border-radius:50%;width:80%;height:80%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 5px 10px #00000035}
@keyframes tp-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:0;transform:scale(1.8)}}@keyframes tp-spin{to{transform:rotate(360deg)}}@keyframes tp-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes tp-fade-in{0%{opacity:0}to{opacity:1}}@keyframes tp-stamp-in{0%{opacity:0;transform:scale(1.4)rotate(-8deg)}60%{opacity:1;transform:scale(.96)rotate(-8deg)}to{opacity:1;transform:scale(1)rotate(-8deg)}}@keyframes tp-grid-drift{0%{background-position:0 0}to{background-position:48px 48px}}@keyframes tp-dash-march{to{stroke-dashoffset:-24px}}.tp-root{color:#16271c;background:#f7f8f5;min-height:100vh;font-family:Poppins,sans-serif}.tp-hero{background:linear-gradient(160deg,#07301b 0%,#0b6b3a 55%,#0f7d44 100%);border-bottom:4px solid #063d21;grid-template-columns:1.1fr .9fr;align-items:center;gap:40px;padding:72px 6vw 96px;display:grid;position:relative;overflow:hidden}.tp-hero__bg{z-index:0;background-image:linear-gradient(#ffffff0d 1px,#0000 1px),linear-gradient(90deg,#ffffff0d 1px,#0000 1px);background-size:48px 48px;animation:10s linear infinite tp-grid-drift;position:absolute;inset:0}.tp-hero__blob,.tp-hero__grid{display:none}.tp-hero__content{z-index:1;animation:.55s both tp-slide-up;position:relative}.tp-hero__badge{color:#d7f5e3;letter-spacing:.12em;text-transform:uppercase;background:#f7f8f51a;border:1px solid #f7f8f547;border-radius:4px;align-items:center;gap:9px;margin-bottom:22px;padding:7px 14px;font-family:Poppins,monospace;font-size:12px;font-weight:600;display:inline-flex}.tp-hero__badge-dot{background:#4ade80;border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite tp-pulse}.tp-hero__title{letter-spacing:-.01em;color:#f7f8f5;margin:0 0 18px;font-family:Poppins,sans-serif;font-size:clamp(34px,4.2vw,54px);font-weight:700;line-height:1.1}.tp-hero__title-accent{color:#7fe8ac}.tp-hero__sub{color:#f7f8f5b3;max-width:460px;margin:0 0 36px;font-size:16px;line-height:1.65}.tp-hero__visual{z-index:1;justify-content:center;align-items:center;animation:.55s .12s both tp-slide-up;display:flex;position:relative}.tp-hero__img{filter:drop-shadow(0 24px 50px #04241380);width:100%;max-width:380px}.tp-hero__seal{width:280px;height:280px;animation:.7s cubic-bezier(.2,.8,.2,1) .3s both tp-stamp-in}.tp-stats{border-top:1px dashed #f7f8f538;align-items:center;gap:0;margin-top:36px;padding-top:20px;display:flex}.tp-stats__item{flex-direction:column;gap:3px;padding-right:28px;display:flex}.tp-stats__num{color:#f7f8f5;letter-spacing:-.01em;font-family:Poppins,monospace;font-size:20px;font-weight:700}.tp-stats__label{color:#f7f8f580;text-transform:uppercase;letter-spacing:.1em;font-size:11px}.tp-stats__divider{background:#f7f8f52e;width:1px;height:32px;margin-right:28px}.tp-search{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f7f8f50f;border:1.5px solid #f7f8f538;border-radius:8px;align-items:center;gap:10px;max-width:500px;padding:6px 6px 6px 16px;transition:border-color .2s,box-shadow .2s,background .2s;display:flex}.tp-search--focused{background:#f7f8f51a;border-color:#4ade80;box-shadow:0 0 0 4px #4ade8024}.tp-search__icon{color:#f7f8f573;flex-shrink:0;width:19px;height:19px;display:flex}.tp-search__icon svg{width:100%;height:100%}.tp-search__input{color:#f7f8f5;letter-spacing:.06em;background:0 0;border:none;outline:none;flex:1;min-width:0;font-family:Poppins,monospace;font-size:15px}.tp-search__input::placeholder{color:#f7f8f561;letter-spacing:.02em;font-weight:400}.tp-search__btn{color:#063d21;cursor:pointer;white-space:nowrap;background:#4ade80;border:none;border-radius:6px;align-items:center;gap:8px;padding:12px 22px;font-family:Poppins,sans-serif;font-size:14px;font-weight:700;transition:opacity .2s,transform .15s,box-shadow .2s;display:flex}.tp-search__btn svg{width:16px;height:16px}.tp-search__btn:hover:not(:disabled){opacity:.92;transform:translateY(-1px);box-shadow:0 8px 22px #4ade8059}.tp-search__btn:active:not(:disabled){transform:translateY(0)}.tp-search__btn:disabled{opacity:.5;cursor:not-allowed}.tp-search__spinner{border:2px solid #06190e40;border-top-color:#063d21;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite tp-spin;display:block}@media (max-width:640px){.tp-search{width:100%;padding:6px 6px 6px 12px}.tp-search__input{width:100%;min-width:0;font-size:16px}}.tp-error{color:#fca5a5;background:#dc26261a;border:1px solid #dc26264d;border-radius:6px;align-items:center;gap:10px;max-width:500px;margin-top:16px;padding:12px 16px;font-size:14px;animation:.25s tp-fade-in;display:flex}.tp-error svg{flex-shrink:0;width:18px;height:18px}.tp-result{padding:0 6vw 80px;animation:.5s both tp-slide-up}.tp-status-card{background:#fff;border:1px solid #1a2e2214;border-radius:4px;justify-content:space-between;align-items:center;gap:20px;margin:-28px 0 28px;padding:28px 36px;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 32px #0b6b3a1a}.tp-status-card:before{content:"";background:linear-gradient(135deg,#0b6b3a,#063d21);width:6px;height:100%;position:absolute;top:0;left:0}.tp-status-card__left{flex-wrap:wrap;align-items:center;gap:28px;padding-left:12px;display:flex}.tp-status-card__id{flex-direction:column;gap:3px;display:flex}.tp-status-card__id-label{text-transform:uppercase;letter-spacing:.12em;color:#8a9690;font-size:11px}.tp-status-card__id-value{letter-spacing:.04em;color:#16271c;font-family:Poppins,monospace;font-size:21px;font-weight:700}.tp-status-card__badge{letter-spacing:.05em;text-transform:uppercase;border:1.5px solid;border-radius:100px;align-items:center;gap:8px;padding:8px 16px;font-size:12px;font-weight:700;display:inline-flex}.tp-status-card__badge-pulse{background:currentColor;border-radius:50%;width:7px;height:7px;animation:2.5s ease-in-out infinite tp-pulse}.tp-status-card__badge--order-placed{color:#1d4ed8;background:#1d4ed814}.tp-status-card__badge--packed{color:#475569;background:#47556914}.tp-status-card__badge--in-transit{color:#b45309;background:#b453091a}.tp-status-card__badge--out-for-delivery{color:#0a8a4a;background:#0b6b3a12}.tp-status-card__badge--delivered{color:#0b6b3a;background:#0b6b3a14}.tp-status-card__right{align-items:center;display:flex}.tp-status-card__eta{background:#eef4ef;border:1px dashed #0b6b3a24;border-radius:6px;align-items:center;gap:14px;padding:14px 22px;display:flex}.tp-status-card__eta svg{color:#0b6b3a;flex-shrink:0;width:22px;height:22px}.tp-status-card__eta-label{text-transform:uppercase;letter-spacing:.1em;color:#8a9690;margin-bottom:3px;font-size:11px;display:block}.tp-status-card__eta-date{color:#063d21;font-family:Poppins,monospace;font-size:16px;font-weight:700;display:block}.tp-card-title{color:#8a9690;text-transform:uppercase;letter-spacing:.1em;align-items:center;gap:10px;margin:0 0 26px;font-size:12px;font-weight:700;display:flex}.tp-card-title svg{color:#0b6b3a;flex-shrink:0;width:17px;height:17px}.tp-grid{grid-template-columns:340px 1fr;align-items:start;gap:24px;display:grid}.tp-timeline-card{background:#fff;border:1px solid #1a2e2214;border-radius:4px;padding:30px 26px;box-shadow:0 4px 20px #0b6b3a0d}.tp-timeline{gap:20px;display:flex}.tp-timeline__track{background:#0b6b3a24 linear-gradient(#0b6b3a24 60%,#0000 0%) 0 0/2px 8px;border-radius:99px;flex-shrink:0;width:2px;margin:4px 0;position:relative}.tp-timeline__fill{background:linear-gradient(#0b6b3a,#063d21);border-radius:99px;width:100%;transition:height 1.2s cubic-bezier(.22,1,.36,1);position:absolute;top:0;left:0}.tp-timeline__steps{flex-direction:column;flex:1;gap:28px;display:flex}.tp-timeline__step{opacity:.35;align-items:flex-start;gap:14px;transition:opacity .3s;animation:.5s both tp-slide-up;display:flex}.tp-timeline__step--done{opacity:1}.tp-timeline__step--done .tp-timeline__dot{background:#0b6b3a14;border-color:#0b6b3a}.tp-timeline__step--done .tp-timeline__icon{color:#0b6b3a}.tp-timeline__step--active{opacity:1}.tp-timeline__step--active .tp-timeline__dot{background:#0b6b3a;border-color:#0b6b3a;box-shadow:0 0 0 5px #0b6b3a14}.tp-timeline__step--active .tp-timeline__icon{color:#fff}.tp-timeline__step--active .tp-timeline__label{color:#063d21;font-weight:700}.tp-timeline__dot{background:#eef4ef;border:1.5px solid #0b6b3a24;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;transition:all .3s;display:flex;position:relative}.tp-timeline__icon{color:#8a9690;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.tp-timeline__icon svg{stroke-width:1.8px;width:100%;height:100%}.tp-timeline__pulse{border:1.5px solid #0b6b3a;border-radius:11px;animation:2.5s ease-in-out infinite tp-pulse;position:absolute;inset:-4px}.tp-timeline__info{flex-direction:column;gap:3px;padding-top:7px;display:flex}.tp-timeline__label{color:#16271c;font-size:14px;font-weight:600}.tp-timeline__desc{color:#8a9690;font-size:12px}.tp-timeline__current-badge{letter-spacing:.08em;text-transform:uppercase;color:#fff;white-space:nowrap;background:#0b6b3a;border-radius:3px;margin-top:7px;margin-left:auto;padding:4px 9px;font-size:10px;font-weight:700}.tp-details-col{flex-direction:column;gap:20px;display:flex}.tp-journey-card{background:#fff;border:1px solid #1a2e2214;border-radius:4px;padding:30px 26px;box-shadow:0 4px 20px #0b6b3a0d}.tp-journey{align-items:center;display:flex}.tp-journey__point{flex:1;align-items:center;gap:12px;display:flex}.tp-journey__dot{border:2px solid #fff;border-radius:50%;flex-shrink:0;width:12px;height:12px}.tp-journey__dot--from{background:#475569;box-shadow:0 0 0 3px #47556914}.tp-journey__dot--to{background:#0b6b3a;box-shadow:0 0 0 3px #0b6b3a14}.tp-journey__pt-label{text-transform:uppercase;letter-spacing:.1em;color:#8a9690;margin-bottom:4px;font-size:11px;display:block}.tp-journey__pt-city{color:#16271c;font-size:15px;font-weight:600;display:block}.tp-journey__line{background-image:linear-gradient(90deg,#475569 0% 40%,#0000 40%);background-position:50%;background-repeat:repeat-x;background-size:10px 2px;flex:1;height:2px;margin:0 16px;position:relative}.tp-journey__line:before,.tp-journey__line:after{content:"";background:#0b6b3a;border-radius:50%;width:6px;height:6px;position:absolute;top:50%;transform:translateY(-50%)}.tp-journey__line:before{left:0}.tp-journey__line:after{right:0}.tp-journey__truck{background:#fff;justify-content:center;align-items:center;padding:2px 4px;display:flex;position:absolute;top:50%;left:45%;transform:translate(-50%,-50%)}.tp-journey__truck svg{color:#0b6b3a;width:20px;height:20px;display:block}.tp-info-card{background:#fff;border:1px solid #1a2e2214;border-radius:4px;padding:30px 26px;box-shadow:0 4px 20px #0b6b3a0d}.tp-info-list{flex-direction:column;display:flex}.tp-info-item{border-bottom:1px dashed #1a2e2214;align-items:flex-start;gap:14px;padding:14px 0;display:flex}.tp-info-item:last-child{border-bottom:none}.tp-info-item__icon{background:#eef4ef;border:1px solid #0b6b3a24;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.tp-info-item__icon svg{color:#0b6b3a;width:16px;height:16px}.tp-info-item__content{flex-direction:column;gap:3px;display:flex}.tp-info-item__label{text-transform:uppercase;letter-spacing:.1em;color:#8a9690;font-size:11px}.tp-info-item__value{color:#16271c;font-size:14.5px;font-weight:500}.tp-info-item__value--accent{color:#063d21;font-family:Poppins,monospace;font-weight:700}.tp-note-card{background:#eef4ef;border:1px solid #0b6b3a24;border-left:3px solid #0b6b3a;border-radius:4px;align-items:flex-start;gap:14px;padding:18px 20px;display:flex}.tp-note-card__icon{background:#fff;border:1px solid #0b6b3a24;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.tp-note-card__icon svg{color:#0b6b3a;width:16px;height:16px}.tp-note-card__label{text-transform:uppercase;letter-spacing:.1em;color:#063d21;margin-bottom:6px;font-size:11px;font-weight:700;display:block}.tp-note-card__text{color:#4b5a50;margin:0;font-size:14px;line-height:1.6}.tp-map-card{background:#fff;border:1px solid #1a2e2214;border-radius:4px;padding:30px 26px;overflow:hidden;box-shadow:0 4px 20px #0b6b3a0d}.leaflet-container{z-index:1;width:100%;height:100%}@media (max-width:1024px){.tp-grid{grid-template-columns:1fr}.tp-hero{text-align:center;grid-template-columns:1fr}.tp-hero__sub{max-width:100%;margin-left:auto;margin-right:auto}.tp-search{max-width:100%}.tp-stats{justify-content:center}.tp-stats__item{padding-right:20px}.tp-stats__divider{margin-right:20px}.tp-hero__visual{display:none}.tp-status-card{margin-top:28px}}@media (max-width:640px){.tp-hero{padding:44px 20px 64px}.tp-result{padding:0 20px 60px}.tp-status-card{flex-direction:column;align-items:flex-start;margin-top:24px;padding:22px}.tp-status-card__left{padding-left:8px}.tp-status-card__right,.tp-status-card__eta{width:100%}.tp-journey{flex-direction:column;gap:16px}.tp-journey__line,.tp-search__btn span{display:none}.tp-stats{gap:0}}@media screen and (max-width:353px){.tp-search__input{width:100%}}
