.btn-sm{padding:10px 24px;font-size:12px}.btn-lg{padding:20px 48px;font-size:15px}.btn-ghost{background:transparent;border:2px solid rgba(255,255,255,.3);color:#fff}.btn-ghost:hover{background:#ffffff1a;border-color:#ffffff80}.btn-loading{position:relative;color:transparent!important;pointer-events:none}.btn-loading:after{content:"";position:absolute;width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite;left:50%;top:50%;margin:-10px 0 0 -10px}@keyframes spin{to{transform:rotate(360deg)}}.btn:focus-visible{outline:3px solid var(--secondary);outline-offset:2px}.btn-group{display:inline-flex;gap:0}.btn-group .btn{border-radius:0}.btn-group .btn:first-child{border-radius:4px 0 0 4px}.btn-group .btn:last-child{border-radius:0 4px 4px 0}.btn-block{display:block;width:100%}.btn-icon{padding:12px;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-icon svg{width:18px;height:18px}.form-input,.form-select,.form-textarea{width:100%;padding:14px 18px;font-size:15px;border:2px solid rgba(0,0,0,.2);border-radius:4px;transition:all .3s ease;background:#fff;font-family:var(--font-body, "Lato", sans-serif)}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #4a5d231a;outline:none}.form-textarea{min-height:120px;resize:vertical}.form-input.is-error,.form-select.is-error{border-color:#dc3545;background-color:#fff5f5}.form-input.is-success,.form-select.is-success{border-color:#28a745;background-color:#f5fff7}.form-input.is-warning,.form-select.is-warning{border-color:#ffc107;background-color:#fffbf0}.form-error{color:#dc3545;font-size:13px;margin-top:6px;display:flex;align-items:center;gap:5px}.form-error:before{content:"\26a0"}.form-floating{position:relative}.form-floating label{position:absolute;left:18px;top:50%;transform:translateY(-50%);transition:all .2s ease;pointer-events:none;color:var(--text-muted);background:transparent;padding:0 5px}.form-floating input:focus+label,.form-floating input:not(:placeholder-shown)+label,.form-floating textarea:focus+label,.form-floating textarea:not(:placeholder-shown)+label{top:0;font-size:12px;background:#fff;color:var(--primary)}.form-checkbox,.form-radio{-webkit-appearance:none;appearance:none;width:20px;height:20px;border:2px solid var(--text-light);border-radius:4px;cursor:pointer;position:relative;transition:all .2s ease}.form-radio{border-radius:50%}.form-checkbox:checked{background:var(--primary);border-color:var(--primary)}.form-checkbox:checked:after{content:"\2713";position:absolute;color:#fff;font-size:12px;left:50%;top:50%;transform:translate(-50%,-50%)}.form-radio:checked{border-color:var(--primary);background:var(--primary);box-shadow:inset 0 0 0 4px #fff}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:10px;color:#162814}.form-group.is-required label:after{content:" *";color:#dc3545}.form-inline{display:flex;gap:10px;align-items:flex-start}.form-inline .form-input{flex:1}.form-dark .form-input,.form-dark .form-select,.form-dark .form-textarea{background:#ffffff1a;border-color:#fff3;color:#fff}.form-dark .form-input:focus,.form-dark .form-select:focus,.form-dark .form-textarea:focus{border-color:var(--secondary);box-shadow:0 0 0 3px #c9a22733}.form-dark .form-input::placeholder{color:#ffffff80}.form-counter{text-align:right;font-size:12px;color:var(--text-muted);margin-top:5px}.card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:var(--shadow-card);transition:var(--transition)}.card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-8px)}.product-card{position:relative;overflow:hidden}.product-card__image-wrapper{position:relative;overflow:hidden;aspect-ratio:1}.product-card__image{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.4,0,.2,1)}.product-card:hover .product-card__image{transform:scale(1.05)}.product-card__quick-view{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.9);opacity:0;transition:all .3s ease;z-index:10;padding:12px 24px;background:#fff;color:var(--primary);border:none;border-radius:4px;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:1px;cursor:pointer;box-shadow:0 4px 15px #0003}.product-card:hover .product-card__quick-view{opacity:1;transform:translate(-50%,-50%) scale(1)}.product-card__quick-view:hover{background:var(--primary);color:#fff}.product-card__wishlist{position:absolute;top:15px;right:15px;width:40px;height:40px;background:#fff;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transform:translateY(-10px);transition:all .3s ease;box-shadow:0 2px 8px #0000001a;z-index:5}.product-card:hover .product-card__wishlist{opacity:1;transform:translateY(0)}.product-card__wishlist:hover{background:#fff5f5;color:#dc3545;transform:scale(1.1)}.product-card__wishlist.is-active{background:#dc3545;color:#fff;opacity:1;transform:translateY(0)}.product-card__overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,transparent 50%,rgba(0,0,0,.3));opacity:0;transition:opacity .3s ease;pointer-events:none}.product-card:hover .product-card__overlay{opacity:1}.product-card__image-secondary{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .4s ease}.product-card:hover .product-card__image-secondary{opacity:1}.product-card__actions{display:flex;gap:10px;padding:15px;background:#fffffff2;position:absolute;bottom:0;left:0;right:0;transform:translateY(100%);transition:transform .3s ease}.product-card:hover .product-card__actions{transform:translateY(0)}.product-card__content{padding:20px;display:flex;flex-direction:column;flex-grow:1}.product-card__category{font-size:11px;text-transform:uppercase;letter-spacing:1.5px;color:var(--secondary);font-weight:600;margin-bottom:8px}.product-card__title{font-family:var(--font-heading, "Playfair Display", serif);font-size:18px;margin-bottom:10px;line-height:1.4}.product-card__title a{color:#162814;text-decoration:none}.product-card__title a:hover{color:var(--primary)}.product-card__price{font-size:16px;font-weight:700;color:var(--primary);margin-bottom:15px;margin-top:auto}.product-card__price-compare{font-size:14px;color:#8a8a8a;text-decoration:line-through;margin-left:8px;font-weight:400}.badge{display:inline-flex;align-items:center;padding:6px 12px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;border-radius:20px;line-height:1}.badge--sale{background:#dc3545;color:#fff}.badge--new{background:var(--secondary);color:#fff}.badge--sold-out{background:#6c757d;color:#fff}.badge--bestseller{background:var(--primary);color:#fff}.badge--limited{background:linear-gradient(135deg,#ff6b6b,#ee5a6f);color:#fff}.badge--organic{background:#28a745;color:#fff}.badge--top-left{position:absolute;top:15px;left:15px;z-index:2}.badge--top-right{position:absolute;top:15px;right:15px;z-index:2}.badge--bottom-left{position:absolute;bottom:15px;left:15px;z-index:2}.badge--bottom-right{position:absolute;bottom:15px;right:15px;z-index:2}.badge--category{background:#4a5d231a;color:var(--primary);border:1px solid rgba(74,93,35,.2)}.badge--category:hover{background:var(--primary);color:#fff}.badge--sm{padding:4px 8px;font-size:10px}.badge--lg{padding:8px 16px;font-size:12px}.badge--icon{display:inline-flex;align-items:center;gap:5px}.badge--icon svg{width:12px;height:12px}.badge--notification{position:absolute;top:-5px;right:-5px;min-width:20px;height:20px;padding:0 6px;background:#dc3545;color:#fff;border-radius:50%;font-size:11px;display:flex;align-items:center;justify-content:center}.badge-stack{display:flex;flex-direction:column;gap:5px;position:absolute;top:15px;left:15px;z-index:2}.badge--pulse{animation:badgePulse 2s infinite}@keyframes badgePulse{0%,to{box-shadow:0 0 #c9a22766}50%{box-shadow:0 0 0 8px #c9a22700}}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e8e8e8,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton--text{height:16px;margin-bottom:8px}.skeleton--text:last-child{width:80%}.skeleton--title{height:24px;width:60%;margin-bottom:12px}.skeleton--heading{height:32px;width:70%;margin-bottom:16px}.skeleton--image{height:300px;width:100%;margin-bottom:0}.skeleton--avatar{width:60px;height:60px;border-radius:50%}.skeleton--button{height:44px;width:150px}.skeleton--card{height:400px;width:100%}.skeleton-wrapper{background:#fff;border-radius:12px;overflow:hidden;padding:20px}.skeleton-product-card{display:flex;flex-direction:column}.skeleton-product-card .skeleton--image{height:0;padding-bottom:100%;position:relative}.skeleton-product-card .skeleton--image:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:inherit;animation:inherit}.skeleton-product-card .skeleton-content{padding-top:20px}.page-loader{position:fixed;top:0;left:0;width:100%;height:3px;background:var(--secondary);transform:scaleX(0);transform-origin:left;z-index:9999;transition:transform .3s ease}.page-loader.is-loading{animation:pageLoad 2s ease-in-out}.page-loader.is-complete{transform:scaleX(1);opacity:0;transition:opacity .3s ease .3s}@keyframes pageLoad{0%{transform:scaleX(0)}50%{transform:scaleX(.5)}to{transform:scaleX(.9)}}.btn-skeleton{background:#e0e0e0;color:transparent;pointer-events:none}.skeleton-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}@media(max-width:768px){.skeleton-grid{grid-template-columns:1fr}}.skeleton-lines{display:flex;flex-direction:column;gap:8px}.skeleton-lines .skeleton--text:nth-child(2){width:90%}.skeleton-lines .skeleton--text:nth-child(3){width:75%}.skeleton-lines .skeleton--text:nth-child(4){width:60%}@media(prefers-reduced-motion:reduce){.skeleton{animation:none;background:#f0f0f0}}.fade-in{animation:fadeIn .4s ease forwards}.fade-out{animation:fadeOut .4s ease forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.slide-up{animation:slideUp .4s ease forwards}.slide-down{animation:slideDown .4s ease forwards}.slide-left{animation:slideLeft .4s ease forwards}.slide-right{animation:slideRight .4s ease forwards}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideDown{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideLeft{0%{transform:translate(20px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideRight{0%{transform:translate(-20px);opacity:0}to{transform:translate(0);opacity:1}}.scale-in{animation:scaleIn .3s ease forwards}.scale-out{animation:scaleOut .3s ease forwards}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@keyframes scaleOut{0%{transform:scale(1);opacity:1}to{transform:scale(.9);opacity:0}}.hover-lift{transition:transform .3s ease,box-shadow .3s ease}.hover-lift:hover{transform:translateY(-4px);box-shadow:0 8px 25px #0000001a}.hover-scale{transition:transform .3s ease}.hover-scale:hover{transform:scale(1.02)}.hover-glow{transition:box-shadow .3s ease}.hover-glow:hover{box-shadow:0 0 20px #c9a2274d}.stagger-children>*{opacity:0;animation:slideUp .4s ease forwards}.stagger-children>*:nth-child(1){animation-delay:.05s}.stagger-children>*:nth-child(2){animation-delay:.1s}.stagger-children>*:nth-child(3){animation-delay:.15s}.stagger-children>*:nth-child(4){animation-delay:.2s}.stagger-children>*:nth-child(5){animation-delay:.25s}.stagger-children>*:nth-child(6){animation-delay:.3s}.stagger-children>*:nth-child(7){animation-delay:.35s}.stagger-children>*:nth-child(8){animation-delay:.4s}.stagger-fade>*{opacity:0;animation:fadeIn .4s ease forwards}.stagger-fade>*:nth-child(1){animation-delay:.05s}.stagger-fade>*:nth-child(2){animation-delay:.1s}.stagger-fade>*:nth-child(3){animation-delay:.15s}.stagger-fade>*:nth-child(4){animation-delay:.2s}.stagger-fade>*:nth-child(5){animation-delay:.25s}.stagger-fade>*:nth-child(6){animation-delay:.3s}.pulse{animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.bounce{animation:bounce 1s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.shake{animation:shake .5s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}.rotate{animation:rotate 2s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}.duration-200{animation-duration:.2s}.duration-300{animation-duration:.3s}.duration-500{animation-duration:.5s}.duration-700{animation-duration:.7s}.duration-1000{animation-duration:1s}.fill-forwards{animation-fill-mode:forwards}.fill-both{animation-fill-mode:both}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
/*# sourceMappingURL=/cdn/shop/t/51/assets/components.css.map */