/* =========================================================
   YAADIE SHIPPING - LOCAL UTILITY CSS FALLBACK
   This file intentionally includes the layout/color utilities used by
   the pages so the website does not depend on Tailwind CDN at load time.
   ========================================================= */
:root{
  --primary:#febf02;
  --secondary:#009b3a;
  --dark:#2d2926;
  --light:#f8fafc;
  --white:#ffffff;
  --gray-50:#f9fafb; --gray-100:#f3f4f6; --gray-200:#e5e7eb; --gray-300:#d1d5db;
  --gray-400:#9ca3af; --gray-500:#6b7280; --gray-600:#4b5563; --gray-700:#374151;
  --gray-800:#1f2937;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;font-family:'Inter',Arial,sans-serif;background:#fafafa;color:var(--dark);overflow-x:hidden;line-height:1.5}
a{color:inherit;text-decoration:none} img,svg,video{display:block;max-width:100%} button,input,textarea{font:inherit} button{cursor:pointer} ul{margin:0;padding:0} p,h1,h2,h3{margin-top:0}
/* display */
.hidden{display:none!important}.block{display:block}.flex{display:flex}.grid{display:grid}.inline-flex{display:inline-flex}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* position */
.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.inset-0{inset:0}.top-0{top:0}.top-20{top:5rem}.top-1\/2{top:50%}.right-0{right:0}.right-20{right:5rem}.bottom-0{bottom:0}.bottom-6{bottom:1.5rem}.bottom-40{bottom:10rem}.left-0{left:0}.left-6{left:1.5rem}.left-10{left:2.5rem}.left-1\/4{left:25%}.-top-4{top:-1rem}.-right-4{right:-1rem}.-right-6{right:-1.5rem}.-bottom-6{bottom:-1.5rem}.-inset-4{inset:-1rem}
.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}
/* sizing */
.w-full{width:100%}.w-auto{width:auto}.w-5{width:1.25rem}.w-8{width:2rem}.w-10{width:2.5rem}.w-12{width:3rem}.w-14{width:3.5rem}.w-20{width:5rem}.w-24{width:6rem}.w-64{width:16rem}
.h-1{height:.25rem}.h-1\.5{height:.375rem}.h-5{height:1.25rem}.h-8{height:2rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-20{height:5rem}.h-24{height:6rem}.h-64{height:16rem}.h-\[400px\]{height:400px}
.min-h-screen{min-height:100vh}.min-h-\[620px\]{min-height:620px}.min-h-\[430px\]{min-height:430px}
.max-w-none{max-width:none}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.max-w-7xl{max-width:80rem}
/* layout */
.mx-auto{margin-left:auto;margin-right:auto}.mx-10{margin-left:2.5rem;margin-right:2.5rem}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.-ml-4{margin-left:-1rem}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.mr-4{margin-right:1rem}
.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mb-12{margin-bottom:3rem}.mb-16{margin-bottom:4rem}
.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-14{padding-top:3.5rem;padding-bottom:3.5rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-20{padding-top:5rem;padding-bottom:5rem}.pt-2{padding-top:.5rem}.pt-4{padding-top:1rem}.pt-6{padding-top:1.5rem}.pt-16{padding-top:4rem}.pt-24{padding-top:6rem}.pb-2{padding-bottom:.5rem}.pb-6{padding-bottom:1.5rem}.pb-8{padding-bottom:2rem}.pl-4{padding-left:1rem}.pl-5{padding-left:1.25rem}.pl-6{padding-left:1.5rem}
.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.flex-col{flex-direction:column}.flex-nowrap{flex-wrap:nowrap}.flex-shrink-0{flex-shrink:0}.shrink-0{flex-shrink:0}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.col-span-3{grid-column:span 3/span 3}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-10{gap:2.5rem}.gap-16{gap:4rem}.space-x-4>*+*{margin-left:1rem}.space-x-8>*+*{margin-left:2rem}.space-y-1>*+*{margin-top:.25rem}.space-y-2>*+*{margin-top:.5rem}.space-y-3>*+*{margin-top:.75rem}.space-y-4>*+*{margin-top:1rem}.space-y-6>*+*{margin-top:1.5rem}
.overflow-hidden{overflow:hidden}.overflow-x-hidden{overflow-x:hidden}.whitespace-nowrap{white-space:nowrap}.resize-none{resize:none}.cursor-pointer{cursor:pointer}.object-cover{object-fit:cover}.object-contain{object-fit:contain}.origin-left{transform-origin:left}.scale-x-0{transform:scaleX(0)}
/* backgrounds */
.bg-white{background:#fff}.bg-white\/95{background:rgba(255,255,255,.95)}.bg-white\/40{background:rgba(255,255,255,.4)}.bg-light{background:var(--light)}.bg-dark{background:var(--dark)}.bg-dark\/40{background:rgba(45,41,38,.4)}.bg-primary{background:var(--primary)}.bg-primary\/10{background:rgba(254,191,2,.1)}.bg-primary\/20{background:rgba(254,191,2,.2)}.bg-secondary{background:var(--secondary)}.bg-gray-50{background:var(--gray-50)}.bg-gray-100{background:var(--gray-100)}.bg-gray-200{background:var(--gray-200)}.bg-gray-800{background:var(--gray-800)}.bg-gray-800\/50{background:rgba(31,41,55,.5)}.bg-yellow-50{background:#fffbeb}.bg-green-50{background:#f0fdf4}.bg-green-500{background:#22c55e}.bg-blue-50{background:#eff6ff}.bg-red-50{background:#fef2f2}.bg-cover{background-size:cover}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.from-black\/60{--tw-gradient-from:rgba(0,0,0,.6);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(0,0,0,0))}.via-black\/30{--tw-gradient-stops:var(--tw-gradient-from),rgba(0,0,0,.3),var(--tw-gradient-to,rgba(0,0,0,0))}.to-transparent{--tw-gradient-to:transparent}.from-primary{--tw-gradient-from:var(--primary);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(254,191,2,0))}.to-secondary{--tw-gradient-to:var(--secondary)}.from-yellow-50{--tw-gradient-from:#fffbeb;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(255,251,235,0))}.via-white{--tw-gradient-stops:var(--tw-gradient-from),#fff,var(--tw-gradient-to,rgba(255,255,255,0))}.to-green-50{--tw-gradient-to:#f0fdf4}
/* text */
.text-left{text-align:left}.text-center{text-align:center}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.italic{font-style:italic}.uppercase{text-transform:uppercase}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.leading-tight{line-height:1.1}.leading-relaxed{line-height:1.625}.text-xs{font-size:.75rem;line-height:1rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-5xl{font-size:3rem;line-height:1}.text-8xl{font-size:6rem;line-height:1}.text-9xl{font-size:8rem;line-height:1}
.text-white{color:#fff}.text-dark{color:var(--dark)}.text-primary{color:var(--primary)}.text-secondary{color:var(--secondary)}.text-gray-100{color:#f3f4f6}.text-gray-400{color:var(--gray-400)}.text-gray-500{color:var(--gray-500)}.text-gray-600{color:var(--gray-600)}.text-gray-700{color:var(--gray-700)}.text-green-400{color:#4ade80}.text-green-800{color:#166534}.text-blue-700{color:#1d4ed8}.text-blue-800{color:#1e40af}.text-red-700{color:#b91c1c}.text-red-800{color:#991b1b}.text-red-500{color:#ef4444}.text-yellow-700{color:#a16207}.text-yellow-800{color:#854d0e}.text-yellow-900{color:#713f12}
/* borders + effects */
.border{border:1px solid #e5e7eb}.border-2{border-width:2px}.border-t{border-top:1px solid #e5e7eb}.border-b{border-bottom:1px solid #e5e7eb}.border-y{border-top:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb}.border-l-4{border-left:4px solid}.border-t-4{border-top:4px solid}.border-gray-100{border-color:var(--gray-100)}.border-gray-200{border-color:var(--gray-200)}.border-gray-300{border-color:var(--gray-300)}.border-gray-700{border-color:#374151}.border-gray-800{border-color:#1f2937}.border-primary{border-color:var(--primary)}.border-primary\/30{border-color:rgba(254,191,2,.3)}.border-secondary{border-color:var(--secondary)}.border-dark{border-color:var(--dark)}.border-green-100{border-color:#dcfce7}.border-yellow-100{border-color:#fef3c7}.border-yellow-200{border-color:#fde68a}.border-blue-100{border-color:#dbeafe}.border-red-100{border-color:#fee2e2}
.rounded{border-radius:.25rem}.rounded-md{border-radius:.375rem}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-full{border-radius:9999px}.shadow-sm{box-shadow:0 1px 2px rgba(0,0,0,.05)}.shadow-md{box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1)}.shadow-lg{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1)}.shadow-xl{box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1)}.shadow-2xl{box-shadow:0 25px 50px -12px rgba(0,0,0,.25)}.shadow-inner{box-shadow:inset 0 2px 4px 0 rgba(0,0,0,.05)}.shadow-soft{box-shadow:0 10px 40px -10px rgba(0,0,0,.08)}.blur-3xl{filter:blur(64px)}.backdrop-blur,.backdrop-blur-sm{backdrop-filter:blur(8px)}.opacity-10{opacity:.1}.opacity-20{opacity:.2}.opacity-40{opacity:.4}
/* transforms */
.transform{transform:translateZ(0)}.-translate-y-1\/2{transform:translateY(-50%)}.-rotate-3{transform:rotate(-3deg)}.transition-all{transition:all .2s ease}.transition-colors{transition:color .2s ease,background-color .2s ease,border-color .2s ease}.transition-transform{transition:transform .2s ease}.duration-300{transition-duration:.3s}.duration-1000{transition-duration:1s}.outline-none{outline:0}
.hover\:bg-secondary:hover{background:var(--secondary)}.hover\:bg-primary:hover{background:var(--primary)}.hover\:bg-gray-50:hover{background:var(--gray-50)}.hover\:bg-green-600:hover{background:#16a34a}.hover\:text-white:hover{color:#fff}.hover\:text-dark:hover{color:var(--dark)}.hover\:text-primary:hover{color:var(--primary)}.hover\:text-secondary:hover{color:var(--secondary)}.hover\:underline:hover{text-decoration:underline}.hover\:border-primary:hover{border-color:var(--primary)}.hover\:border-secondary:hover{border-color:var(--secondary)}.hover\:-translate-y-0\.5:hover{transform:translateY(-.125rem)}.hover\:-translate-y-1:hover{transform:translateY(-.25rem)}.hover\:-translate-y-2:hover{transform:translateY(-.5rem)}.hover\:scale-110:hover{transform:scale(1.1)}
.focus\:outline-none:focus{outline:0}.focus\:border-primary:focus{border-color:var(--primary)}.focus\:ring-2:focus{box-shadow:0 0 0 2px rgba(254,191,2,.35)}.focus\:ring-primary:focus{box-shadow:0 0 0 2px rgba(254,191,2,.35)}
.group:hover .group-hover\:bg-primary{background:var(--primary)}.group:hover .group-hover\:bg-secondary{background:var(--secondary)}.group:hover .group-hover\:text-white{color:#fff}
.has-\[\:checked\]\:border-primary:has(:checked){border-color:var(--primary)}.has-\[\:checked\]\:bg-yellow-50:has(:checked){background:#fffbeb}.has-\[\:checked\]\:border-secondary:has(:checked){border-color:var(--secondary)}.has-\[\:checked\]\:bg-green-50:has(:checked){background:#f0fdf4}
/* lists/prose */
.list-disc{list-style-type:disc}.prose h3{font-size:1.25rem;font-weight:800;color:var(--dark);margin:1.5rem 0 .5rem}.prose p{margin:.75rem 0;color:var(--gray-600);line-height:1.7}.prose ul{list-style:disc;margin:.75rem 0 .75rem 1.5rem}.prose blockquote{margin:1rem 0;padding-left:1rem;border-left:4px solid var(--primary);color:var(--gray-700);font-style:italic}
/* custom animations */
.animate-marquee{animation:marquee 38s linear infinite}.animate-float{animation:float 6s ease-in-out infinite}.animate-float-delayed{animation:float 6s ease-in-out 3s infinite}.animate-spin-slow{animation:spin 2s linear infinite}.bg-floater{position:fixed;z-index:-1;opacity:.03;pointer-events:none}.merchant-logo{filter:none;transition:all .3s ease;min-width:120px;max-width:190px}.merchant-logo:hover{filter:none;transform:scale(1.1);box-shadow:0 10px 15px -3px rgba(45,41,38,.2)}.nav-link.active{color:var(--secondary);font-weight:600}.nav-link.active::after{content:'';position:absolute;bottom:-4px;left:0;width:100%;height:2px;background:var(--secondary);border-radius:2px}.mobile-nav-link.active{background:#f0fdf4;color:var(--secondary);font-weight:700}.loader{border:3px solid #f3f3f3;border-radius:50%;border-top:3px solid var(--primary);width:20px;height:20px;animation:spin 1s linear infinite}.page-section{display:block;opacity:1}#contact-form .form-status{line-height:1.5}.secure-payments-inline img{display:inline-block}#developer-credit{white-space:nowrap}.form-status{min-height:1.25rem}
.hero-word-slide{opacity:0;transform:translateY(18px);animation:heroWordSlide 12s ease-in-out infinite}.hero-word-slide-2{animation-delay:6s}.hero-dot{animation:heroDot 12s ease-in-out infinite}.hero-dot-2{animation-delay:6s}
@keyframes marquee{0%{transform:translateX(0)}100%{transform:translateX(-100%)}}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes slideIn{to{opacity:1;transform:translateX(0)}}@keyframes slideOut{to{opacity:0;transform:translateX(100%)}}@keyframes heroWordSlide{0%,8%{opacity:0;transform:translateY(18px)}13%,45%{opacity:1;transform:translateY(0)}50%,100%{opacity:0;transform:translateY(-18px)}}@keyframes heroDot{0%,50%,100%{background:rgba(255,255,255,.4)}13%,45%{background:var(--primary)}}
.toast{min-width:250px;background:white;border-left:4px solid var(--secondary);box-shadow:0 4px 12px rgba(0,0,0,.1);padding:16px;border-radius:8px;display:flex;align-items:center;justify-content:space-between;animation:slideIn .3s ease-out forwards;opacity:0;transform:translateX(100%)}.toast.error{border-left-color:#ef4444}.toast.hiding{animation:slideOut .3s ease-in forwards}#toast-container{position:fixed;bottom:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:10px}
@media (min-width:640px){.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:flex-row{flex-direction:row}.sm\:min-h-\[390px\]{min-height:390px}.sm\:text-5xl{font-size:3rem;line-height:1}.sm\:text-6xl{font-size:3.75rem;line-height:1}.sm\:text-xl{font-size:1.25rem;line-height:1.75rem}}
@media (min-width:768px){.md\:hidden{display:none!important}.md\:block{display:block!important}.md\:flex{display:flex!important}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:h-20{height:5rem}.md\:h-24{height:6rem}.md\:mx-12{margin-left:3rem;margin-right:3rem}.md\:p-10{padding:2.5rem}.md\:text-lg{font-size:1.125rem;line-height:1.75rem}.md\:text-4xl{font-size:2.25rem;line-height:2.5rem}.md\:text-5xl{font-size:3rem;line-height:1}.md\:flex-row{flex-direction:row}}
@media (min-width:1024px){.lg\:px-8{padding-left:2rem;padding-right:2rem}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:col-span-1{grid-column:span 1/span 1}.lg\:col-span-2{grid-column:span 2/span 2}.lg\:order-1{order:1}.lg\:order-2{order:2}.lg\:min-h-\[700px\]{min-height:700px}.lg\:text-6xl{font-size:3.75rem;line-height:1}.lg\:text-7xl{font-size:4.5rem;line-height:1}}
@media (prefers-reduced-motion:reduce){.hero-word-slide,.hero-dot,.animate-marquee,.animate-float,.animate-float-delayed,.animate-spin-slow{animation:none}.hero-word-slide-1{opacity:1;transform:none}.hero-word-slide-2{display:none}}


/* =========================================================
   PATCH: hard-refresh visual fixes
   ========================================================= */
/* Tailwind's border-width utilities also set border style; this keeps calculator option borders visible without the CDN. */
.border-2{border-width:2px;border-style:solid}.border{border-width:1px;border-style:solid}.border-t{border-top-width:1px;border-top-style:solid}.border-b{border-bottom-width:1px;border-bottom-style:solid}.border-y{border-top-width:1px;border-top-style:solid;border-bottom-width:1px;border-bottom-style:solid}
#calculator-form label.relative.border-2{border:2px solid var(--gray-200);background:#fff;min-height:86px}
#calculator-form label.relative.border-2:hover{border-color:var(--primary)}
#calculator-form label.relative.border-2:has(input:checked){border-color:var(--primary);background:#fffbeb;box-shadow:0 0 0 3px rgba(254,191,2,.14)}
#calculator-form label.relative.border-2:has(input[name="calc-mode"]:checked){border-color:var(--secondary);background:#f0fdf4;box-shadow:0 0 0 3px rgba(0,155,58,.12)}
/* Use one long continuous marquee track. The old second absolute track caused visible overlapping. */
.marquee-viewport{overflow:hidden;width:100%}
.marquee-track{display:flex;align-items:center;gap:3rem;white-space:nowrap;width:max-content;will-change:transform;animation:marqueeSmooth 42s linear infinite}
#marquee-track-2{display:none!important}
.marquee-item{display:flex;align-items:center;justify-content:center;flex:0 0 auto;width:160px;height:96px;background:#fff;border-radius:1rem;padding:.75rem;box-shadow:0 1px 2px rgba(0,0,0,.05);margin:0!important}
.marquee-item img{max-width:135px;max-height:68px;width:auto;height:auto;object-fit:contain}
@keyframes marqueeSmooth{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}