*,::after,::before{box-sizing:border-box;border:0 solid #e5e7eb}
html{line-height:1.5;-webkit-text-size-adjust:100%;font-family:Inter,system-ui,sans-serif;scroll-behavior:smooth}
body{margin:0;line-height:inherit;background:#f9fafb;color:#111827;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:inherit}
img,svg{display:block;vertical-align:middle}
button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}
[x-cloak]{display:none!important}

/* Colors */
.bg-bags-1{background-color:#8B4513}.text-bags-1{color:#8B4513}.border-bags-1{border-color:#8B4513}
.bg-bags-2{background-color:#FFD700}.text-bags-2{color:#FFD700}
.bg-bags-3{background-color:#006400}.text-bags-3{color:#006400}
.text-danger{color:#EF4444}
.text-warning{color:#F59E0B}
.bg-yellow-100{background:#fef9c3}.text-yellow-800{color:#854d0e}
.bg-green-100{background:#dcfce7}.text-green-800{color:#166534}
.font-mono{font-family:ui-monospace,monospace}
.whitespace-pre-wrap{white-space:pre-wrap}
.overflow-x-auto{overflow-x:auto}
.bg-white{background:#fff}.bg-gray-50{background:#f9fafb}.bg-gray-100{background:#f3f4f6}.bg-gray-200{background:#e5e7eb}.bg-gray-900{background:#111827}
.bg-green-50{background:#ecfdf5}.bg-red-50{background:#fef2f2}
.text-white{color:#fff}.text-gray-300{color:#d1d5db}.text-gray-500{color:#6b7280}.text-gray-600{color:#4b5563}.text-gray-700{color:#374151}.text-gray-900{color:#111827}
.text-green-800{color:#166534}.text-red-800{color:#991b1b}

/* Layout */
.fixed{position:fixed}.relative{position:relative}.absolute{position:absolute}.inset-0{inset:0}.top-3{top:.75rem}.top-4{top:1rem}.right-4{right:1rem}.left-3{left:.75rem}.z-10{z-index:10}.z-50{z-index:50}
.sticky{position:sticky}.top-20{top:5rem}
.flex{display:flex}.grid{display:grid}.hidden{display:none}.block{display:block}.inline-block{display:inline-block}.inline-flex{display:inline-flex}
.flex-col{flex-direction:column}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}
.items-center{align-items:center}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}
.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-12{gap:3rem}
.space-x-2>:not([hidden])~:not([hidden]){margin-left:.5rem}.space-x-8>:not([hidden])~:not([hidden]){margin-left:2rem}
.space-y-2>:not([hidden])~:not([hidden]){margin-top:.5rem}.space-y-3>:not([hidden])~:not([hidden]){margin-top:.75rem}.space-y-4>:not([hidden])~:not([hidden]){margin-top:1rem}.space-y-6>:not([hidden])~:not([hidden]){margin-top:1.5rem}
.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.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}.max-w-lg{max-width:32rem}.max-w-none{max-width:none}
.w-full{width:100%}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-10{width:2.5rem}.w-12{width:3rem}.w-16{width:4rem}.w-20{width:5rem}.w-24{width:6rem}
.h-5{height:1.25rem}.h-6{height:1.5rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-16{height:4rem}.h-20{height:5rem}.h-48{height:12rem}
.min-h-\[500px\]{min-height:500px}.min-h-screen{min-height:100vh}.h-\[80vh\]{height:80vh}
.aspect-square{aspect-ratio:1/1}
.mx-auto{margin-left:auto;margin-right:auto}.mx-2{margin-left:.5rem;margin-right:.5rem}
.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mb-10{margin-bottom:2.5rem}.mb-12{margin-bottom:3rem}.mb-0{margin-bottom:0}
.mt-1{margin-top:.25rem}.mt-4{margin-top:1rem}.mt-8{margin-top:2rem}.mt-10{margin-top:2.5rem}.mt-16{margin-top:4rem}
.p-2{padding:.5rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}
.px-2{padding-left:.5rem;padding-right:.5rem}.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}.px-10{padding-left:2.5rem;padding-right:2.5rem}
.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-8{padding-top:2rem;padding-bottom:2rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-24{padding-top:6rem;padding-bottom:6rem}
.pt-8{padding-top:2rem}.pt-16{padding-top:4rem}.pb-4{padding-bottom:1rem}
.overflow-hidden{overflow:hidden}

/* Typography */
.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.text-6xl{font-size:3.75rem}
.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}
.leading-tight{line-height:1.25}.leading-relaxed{line-height:1.625}
.text-center{text-align:center}.text-left{text-align:left}
.italic{font-style:italic}
.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}

/* Borders & Radius */
.border{border-width:1px}.border-t{border-top-width:1px}
.border-gray-300{border-color:#d1d5db}.border-gray-800{border-color:#1f2937}
.rounded{border-radius:.25rem}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.rounded-full{border-radius:9999px}

/* Effects */
.shadow-md{box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}.shadow-lg{box-shadow:0 10px 15px -3px rgba(0,0,0,.1)}
.opacity-20{opacity:.2}
.transition-colors{transition:color,background-color,border-color .15s}.transition-shadow{transition:box-shadow .3s}
.hover\:bg-bags-1:hover{background:#8B4513}.hover\:bg-bags-3:hover{background:#006400}.hover\:bg-bags-7:hover,.hover\:bg-gray-100:hover{background:#f3f4f6}
.hover\:text-bags-1:hover{color:#8B4513}.hover\:text-bags-2:hover{color:#FFD700}.hover\:text-white:hover{color:#fff}
.hover\:bg-yellow-400:hover{background:#facc15}.hover\:bg-white:hover{background:#fff}.hover\:text-gray-600:hover{color:#4b5563}
.hover\:underline:hover{text-decoration:underline}.hover\:shadow-xl:hover{box-shadow:0 20px 25px -5px rgba(0,0,0,.1)}
.group:hover .group-hover\:text-bags-1{color:#8B4513}.group:hover .group-hover\:bg-bags-1\/20{background:rgba(139,69,19,.2)}

/* Gradients */
.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}
.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}
.from-bags-1{--tw-gradient-from:#8B4513;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,transparent)}
.from-bags-1\/10{--tw-gradient-from:rgba(139,69,19,.1)}.from-bags-1\/20{--tw-gradient-from:rgba(139,69,19,.2)}.from-bags-1\/30{--tw-gradient-from:rgba(139,69,19,.3)}
.via-bags-3{--tw-gradient-stops:var(--tw-gradient-from),#006400,var(--tw-gradient-to,transparent)}
.to-bags-3{--tw-gradient-to:#006400}.to-bags-3\/10{--tw-gradient-to:rgba(0,100,0,.1)}.to-bags-3\/20{--tw-gradient-to:rgba(0,100,0,.2)}.to-bags-3\/30{--tw-gradient-to:rgba(0,100,0,.3)}.to-gray-900{--tw-gradient-to:#111827}

/* Components */
.btn-primary{background:#8B4513;color:#fff;padding:.75rem 1.5rem;border-radius:9999px;font-weight:500;display:inline-flex;align-items:center;justify-content:center;transition:background .15s;border:none;cursor:pointer}
.btn-primary:hover{background:#006400}
.btn-secondary{border:2px solid #FFD700;color:#8B4513;padding:.75rem 1.5rem;border-radius:9999px;font-weight:500;display:inline-flex;align-items:center;justify-content:center;transition:all .15s;background:transparent;cursor:pointer}
.btn-secondary:hover{background:#FFD700;color:#fff}
.card-product{background:#fff;border-radius:.75rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);overflow:hidden;transition:box-shadow .3s}
.object-cover{object-fit:cover}
.object-contain{object-fit:contain}
.h-48{height:12rem}
.h-64{height:16rem}
.md\:h-96{height:24rem}
@media(min-width:768px){.md\:h-96{height:24rem}}
.aspect-\[3\/4\]{aspect-ratio:3/4}
.group:hover .group-hover\:scale-105{transform:scale(1.05)}
.hover\:scale-105:hover{transform:scale(1.05)}
.duration-300{transition-duration:.3s}
.transition-transform{transition-property:transform}
.overflow-hidden{overflow:hidden}
.card-product:hover{box-shadow:0 20px 25px -5px rgba(0,0,0,.1)}
.section-title{font-size:1.875rem;font-weight:700;color:#111827;margin-bottom:1rem;letter-spacing:.04em}
html[lang="en"] .section-title{text-transform:uppercase}
.section-subtitle{font-size:1.125rem;color:#4b5563;margin-bottom:2rem}

/* Forms */
input[type=text],input[type=email],input[type=tel],input[type=number],select,textarea{width:100%;border-radius:.5rem;border:1px solid #d1d5db;padding:.5rem .75rem}
input:focus,select:focus,textarea:focus{outline:2px solid #8B4513;outline-offset:2px}

/* Prose */
.prose{max-width:65ch}.prose-lg{font-size:1.125rem}.prose h2{font-size:1.5rem;font-weight:700;margin:1.5rem 0 .75rem}.prose p{margin-bottom:1rem}.prose ul{list-style:disc;padding-left:1.5rem;margin-bottom:1rem}.prose li{margin-bottom:.25rem}

/* Swiper */
.swiper-pagination{margin-top:2rem;text-align:center}

/* Responsive */
@media(min-width:640px){
  .sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sm\:flex-row{flex-direction:row}
  .sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}
}
@media(min-width:768px){
  .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\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
  .md\:flex{display:flex}
  .md\:hidden{display:none}
  .md\:inline-flex{display:inline-flex}
  .md\:text-4xl{font-size:2.25rem}.md\:text-6xl{font-size:3.75rem}.md\:text-xl{font-size:1.25rem}
  .md\:flex-row{flex-direction:row}
  .md\:cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(min-width:1024px){
  .lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
  .lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
  .lg\:w-64{width:16rem}
  .lg\:flex-row{flex-direction:row}
  .lg\:px-8{padding-left:2rem;padding-right:2rem}
}
@media(min-width:1280px){
  .xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
}