/*ottoPepys Core Styles - m9v2n5x8k3p7*/

/*Reset and Base*/
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{font-size:16px;-webkit-text-size-adjust:100%}
body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,sans-serif;line-height:1.6;color:#1a1a1a;background:#fff}
img{max-width:100%;height:auto;display:block}
a{text-decoration:none;color:inherit;transition:opacity .2s}
a:hover{opacity:.8}
button{cursor:pointer;border:none;background:none;font-family:inherit}
ul,ol{list-style:none}
input,select,textarea{font-family:inherit;font-size:inherit}

/*Container*/
.wrapper-section-a7x9{max-width:1400px;margin:0 auto;padding:0 24px}
.wrapper-section-k3m7{max-width:1200px;margin:0 auto;padding:0 20px}

/*Header*/
.header-wrapper-n4v8{position:sticky;top:0;z-index:100;background:#fff;border-bottom:1px solid #e8e8e8}
.header-inner-x2k5{display:flex;align-items:center;justify-content:space-between;padding:16px 0}
.brand-logo-p9v2{font-size:24px;font-weight:600;letter-spacing:-.5px;color:#1a1a1a}
.nav-list-m7p9{display:flex;gap:32px}
.nav-item-x8k3{font-size:14px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}
.header-actions-n5x8{display:flex;align-items:center;gap:20px}
.currency-select-p7m9{padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:13px;background:#fff;cursor:pointer}
.cart-trigger-v2n5{position:relative;font-size:14px;font-weight:500}
.cart-count-x8k3{position:absolute;top:-8px;right:-12px;background:#1a1a1a;color:#fff;font-size:11px;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center}

/*Footer*/
.footer-wrapper-m9v2{background:#1a1a1a;color:#fff;padding:60px 0 30px;margin-top:80px}
.footer-grid-x5n8{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;margin-bottom:40px}
.footer-brand-k3p7{font-size:20px;font-weight:600;margin-bottom:16px}
.footer-desc-n4v8{color:#999;font-size:14px;line-height:1.7}
.footer-title-x2k5{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:20px;color:#fff}
.footer-links-p9v2{display:flex;flex-direction:column;gap:12px}
.footer-links-p9v2 a{color:#999;font-size:14px;transition:color .2s}
.footer-links-p9v2 a:hover{color:#fff}
.footer-bottom-m7p9{border-top:1px solid #333;padding-top:30px;display:flex;justify-content:space-between;align-items:center}
.footer-copyright-x8k3{font-size:13px;color:#666}
.footer-payment-n5x8{display:flex;gap:12px}
.payment-icon-p7m9{width:40px;height:26px;background:#333;border-radius:4px}

/*Buttons*/
.btn-primary-v2n5{display:inline-flex;align-items:center;justify-content:center;padding:14px 32px;background:#1a1a1a;color:#fff;font-size:14px;font-weight:500;border-radius:4px;transition:all .2s}
.btn-primary-v2n5:hover{background:#333;opacity:1}
.btn-secondary-x8k3{display:inline-flex;align-items:center;justify-content:center;padding:12px 28px;background:#fff;color:#1a1a1a;font-size:14px;font-weight:500;border:1px solid #1a1a1a;border-radius:4px;transition:all .2s}
.btn-secondary-x8k3:hover{background:#1a1a1a;color:#fff;opacity:1}
.btn-outline-n5x8{display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;background:transparent;color:#1a1a1a;font-size:13px;font-weight:500;border:1px solid #ddd;border-radius:4px;transition:all .2s}
.btn-outline-n5x8:hover{border-color:#1a1a1a;opacity:1}

/*Form Elements*/
.form-group-p7m9{margin-bottom:20px}
.form-label-x2k5{display:block;font-size:13px;font-weight:500;margin-bottom:8px;color:#333}
.form-input-n4v8{width:100%;padding:12px 16px;border:1px solid #ddd;border-radius:4px;font-size:14px;transition:border-color .2s}
.form-input-n4v8:focus{outline:none;border-color:#1a1a1a}
.form-select-k3p7{width:100%;padding:12px 16px;border:1px solid #ddd;border-radius:4px;font-size:14px;background:#fff;cursor:pointer}
.form-textarea-x5n8{width:100%;padding:12px 16px;border:1px solid #ddd;border-radius:4px;font-size:14px;min-height:120px;resize:vertical}

/*Product Card*/
.product-card-m9v2{position:relative;background:#fff;transition:transform .2s}
.product-card-m9v2:hover{transform:translateY(-4px)}
.product-image-wrapper-x5n8{position:relative;overflow:hidden;background:#f5f5f5;aspect-ratio:3/4}
.product-image-k3p7{width:100%;height:100%;object-fit:cover;transition:transform .3s}
.product-card-m9v2:hover .product-image-k3p7{transform:scale(1.05)}
.product-badge-n4v8{position:absolute;top:12px;left:12px;background:#1a1a1a;color:#fff;font-size:11px;font-weight:500;padding:4px 10px;border-radius:2px}
.product-info-x2k5{padding:16px 0}
.product-name-p9v2{font-size:14px;font-weight:500;margin-bottom:8px;color:#1a1a1a;line-height:1.4}
.product-price-m7p9{display:flex;align-items:center;gap:10px}
.product-price-current-x8k3{font-size:15px;font-weight:600;color:#1a1a1a}
.product-price-original-n5x8{font-size:14px;color:#999;text-decoration:line-through}

/*Grid Layouts*/
.grid-collection-p7m9{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.grid-collection-v2n5{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.grid-collection-x8k3{display:grid;grid-template-columns:repeat(2,1fr);gap:40px}

/*Section Headers*/
.section-header-k3p7{text-align:center;margin-bottom:50px}
.section-title-n4v8{font-size:32px;font-weight:600;margin-bottom:12px;color:#1a1a1a}
.section-desc-x2k5{font-size:15px;color:#666;max-width:600px;margin:0 auto}

/*Breadcrumbs*/
.breadcrumb-wrapper-p9v2{padding:20px 0;font-size:13px;color:#666}
.breadcrumb-wrapper-p9v2 a{color:#1a1a1a}
.breadcrumb-wrapper-p9v2 span{margin:0 8px}

/*Alerts*/
.alert-message-m7p9{padding:16px 20px;border-radius:4px;margin-bottom:20px;font-size:14px}
.alert-success-x8k3{background:#e8f5e9;color:#2e7d32;border:1px solid #c8e6c9}
.alert-error-n5x8{background:#ffebee;color:#c62828;border:1px solid #ffcdd2}
.alert-info-p7m9{background:#e3f2fd;color:#1565c0;border:1px solid #bbdefb}

/*Loading*/
.loading-spinner-v2n5{width:40px;height:40px;border:3px solid #f3f3f3;border-top:3px solid #1a1a1a;border-radius:50%;animation:spin-x5n8 1s linear infinite;margin:40px auto}
@keyframes spin-x5n8{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}

/*Responsive*/
@media(max-width:1024px){
.grid-collection-p7m9{grid-template-columns:repeat(2,1fr)}
.grid-collection-v2n5{grid-template-columns:repeat(3,1fr)}
.footer-grid-x5n8{grid-template-columns:1fr 1fr}
}
@media(max-width:768px){
.nav-list-m7p9{display:none}
.grid-collection-p7m9{grid-template-columns:repeat(2,1fr);gap:20px}
.grid-collection-v2n5{grid-template-columns:repeat(2,1fr)}
.footer-grid-x5n8{grid-template-columns:1fr;gap:30px}
.section-title-n4v8{font-size:24px}
}
@media(max-width:480px){
.grid-collection-p7m9{grid-template-columns:1fr}
.brand-logo-p9v2{font-size:20px}
}