:root{--ink:#0a0a0a;--paper:#fafaf8;--graphite:#3d3d3d;--steel:#8a8a85;--hairline:#d8d6d0;--accent:#b8112e;--accent-hover:#9a0e26;--success:#1a7a3a;--warning:#b45309;--font-display:"Fraunces", "Georgia", serif;--font-body:"Inter", "system-ui", sans-serif;--font-mono:"JetBrains Mono", "Consolas", monospace;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:40px;--space-2xl:64px;--space-3xl:96px;--container-max:1280px;--container-pad:32px;--ease-out:cubic-bezier(.16, 1, .3, 1);--duration:.3s}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-body);color:var(--ink);background-color:var(--paper);min-height:100vh;line-height:1.5}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button{cursor:pointer;font:inherit;color:inherit;background:0 0;border:none}input,textarea,select{font:inherit}.container{max-width:var(--container-max);padding-left:var(--container-pad);padding-right:var(--container-pad);margin:0 auto}.page-wrapper{flex-direction:column;min-height:100vh;display:flex}.page-main{flex:1}.site-header{padding:var(--space-lg) 0;border-bottom:1px solid var(--hairline)}.site-header .container{justify-content:space-between;align-items:center;display:flex}.logotype{font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;color:var(--ink);-webkit-user-select:none;user-select:none;font-size:24px;font-weight:500}.logotype span{color:var(--steel);letter-spacing:.12em;vertical-align:2px;margin-left:.3em;font-size:13px;font-weight:300}.header-actions{align-items:center;gap:var(--space-md);display:flex}.contact-icon{width:36px;height:36px;transition:all var(--duration) var(--ease-out);color:var(--steel);border-radius:50%;justify-content:center;align-items:center;display:flex}.contact-icon:hover{color:var(--ink);background:#0000000a}.contact-icon svg{width:20px;height:20px}.contact-icon.whatsapp:hover{color:#25d366}.contact-icon.instagram:hover{color:#e4405f}.search-trigger{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border:1px solid var(--hairline);color:var(--steel);font-size:13px;font-family:var(--font-body);transition:border-color var(--duration) var(--ease-out), color var(--duration) var(--ease-out);border-radius:2px;display:flex}.search-trigger:hover{border-color:var(--graphite);color:var(--ink)}.search-trigger svg{stroke:currentColor;fill:none;stroke-width:1.5px;width:16px;height:16px}.hero-banner{border-bottom:1px solid var(--hairline);background:linear-gradient(135deg,#f0efec 0%,#e8e6e1 50%,#f5f4f1 100%);position:relative;overflow:hidden}.hero-banner-inner{padding:var(--space-3xl) 0;text-align:center;z-index:1;position:relative}.hero-banner-image{object-fit:cover;opacity:.15;width:100%;height:100%;position:absolute;inset:0}.hero-banner-title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--ink);margin-bottom:var(--space-md);font-size:clamp(32px,5vw,56px);font-weight:400;line-height:1.1}.hero-banner-subtitle{font-family:var(--font-body);color:var(--graphite);max-width:480px;margin:0 auto var(--space-lg);font-size:16px;line-height:1.6}.hero-banner-cta{font-family:var(--font-body);letter-spacing:.1em;text-transform:uppercase;color:var(--paper);background:var(--ink);transition:background var(--duration) var(--ease-out);border-radius:2px;padding:14px 32px;font-size:11px;font-weight:500;display:inline-block}.hero-banner-cta:hover{background:var(--graphite)}.banner-dots{justify-content:center;gap:var(--space-sm);padding:var(--space-md) 0;display:flex}.banner-dot{background:var(--hairline);cursor:pointer;width:6px;height:6px;transition:background var(--duration) var(--ease-out);border:none;border-radius:50%}.banner-dot.active{background:var(--ink)}.category-nav{border-bottom:1px solid var(--hairline);background:var(--paper);z-index:100;padding:0;position:sticky;top:0}.category-nav .container{-ms-overflow-style:none;scrollbar-width:none;align-items:stretch;display:flex;overflow-x:auto}.category-nav .container::-webkit-scrollbar{display:none}.category-item{padding:var(--space-lg) var(--space-xl);font-family:var(--font-body);letter-spacing:.1em;text-transform:uppercase;color:var(--steel);white-space:nowrap;transition:color var(--duration) var(--ease-out);cursor:pointer;background:0 0;align-items:center;font-size:11px;font-weight:500;text-decoration:none;display:flex;position:relative}.category-item:hover,.category-item.active{color:var(--ink)}.category-item:after{content:"";background:var(--ink);width:20px;height:2px;transition:transform var(--duration) var(--ease-out);position:absolute;bottom:0;left:50%;transform:translate(-50%)scaleX(0)}.category-item.active:after{transform:translate(-50%)scaleX(1)}.category-tick{background:var(--hairline);flex-shrink:0;align-self:center;width:1px;height:16px}.watch-grid-section{padding:var(--space-2xl) 0 var(--space-3xl)}.watch-grid-header{margin-bottom:var(--space-xl);justify-content:space-between;align-items:baseline;display:flex}.watch-count{font-family:var(--font-mono);color:var(--steel);font-variant-numeric:tabular-nums;font-size:13px}.watch-grid{gap:var(--space-xl) var(--space-lg);grid-template-columns:repeat(3,1fr);display:grid}.watch-card{animation:fadeInUp .5s var(--ease-out) both;color:inherit;flex-direction:column;text-decoration:none;display:flex}.watch-card:first-child{animation-delay:0s}.watch-card:nth-child(2){animation-delay:50ms}.watch-card:nth-child(3){animation-delay:.1s}.watch-card:nth-child(4){animation-delay:.15s}.watch-card:nth-child(5){animation-delay:.2s}.watch-card:nth-child(6){animation-delay:.25s}.watch-card:nth-child(7){animation-delay:.3s}.watch-card:nth-child(8){animation-delay:.35s}.watch-card:nth-child(9){animation-delay:.4s}.watch-card-image-wrap{aspect-ratio:4/5;background:linear-gradient(160deg,#f0efec 0%,#e8e6e1 40%,#f5f4f1 100%);position:relative;overflow:hidden}.watch-card-image-wrap img{object-fit:cover;width:100%;height:100%;transition:transform .6s var(--ease-out)}.watch-card:hover .watch-card-image-wrap img{transform:scale(1.03)}.stock-dot{top:var(--space-md);right:var(--space-md);background:var(--accent);border-radius:50%;width:8px;height:8px;position:absolute}.stock-dot.out-of-stock{background:var(--steel);opacity:.5}.watch-card-divider{border:none;border-top:1px solid var(--hairline);margin:var(--space-md) 0 var(--space-sm);transition:border-color var(--duration) var(--ease-out)}.watch-card:hover .watch-card-divider{border-color:var(--graphite)}.watch-card-body{gap:var(--space-xs);flex-direction:column;display:flex}.watch-card-name{font-family:var(--font-display);color:var(--ink);font-size:18px;font-weight:400;line-height:1.3}.watch-card-brand{font-family:var(--font-body);letter-spacing:.08em;text-transform:uppercase;color:var(--steel);font-size:11px;font-weight:500}.watch-card-tags{font-family:var(--font-body);letter-spacing:.06em;text-transform:uppercase;color:var(--graphite);margin-top:var(--space-xs);font-size:11px;font-weight:400}.watch-card-specs{font-family:var(--font-mono);color:var(--steel);font-variant-numeric:tabular-nums;margin-top:var(--space-xs);letter-spacing:.01em;font-size:13px;font-weight:400}.spec-separator{color:var(--hairline);margin:0 .4em}.watch-card-footer{margin-top:var(--space-sm);justify-content:space-between;align-items:baseline;display:flex}.watch-card-price{font-family:var(--font-mono);color:var(--ink);font-variant-numeric:tabular-nums;letter-spacing:.01em;font-size:17px;font-weight:500}.watch-card-material{font-family:var(--font-body);color:var(--steel);letter-spacing:.04em;font-size:11px}.detail-page{padding:var(--space-2xl) 0 var(--space-3xl)}.detail-back{align-items:center;gap:var(--space-sm);font-family:var(--font-body);letter-spacing:.06em;text-transform:uppercase;color:var(--steel);margin-bottom:var(--space-xl);transition:color var(--duration) var(--ease-out);font-size:12px;font-weight:500;display:inline-flex}.detail-back:hover{color:var(--ink)}.detail-back svg{stroke:currentColor;fill:none;stroke-width:1.5px;width:16px;height:16px}.detail-layout{gap:var(--space-2xl);grid-template-columns:1fr 1fr;align-items:start;display:grid}.detail-gallery{gap:var(--space-md);flex-direction:column;display:flex}.detail-main-image{aspect-ratio:1;background:linear-gradient(160deg,#f0efec 0%,#e8e6e1 40%,#f5f4f1 100%);border-radius:2px;overflow:hidden}.detail-main-image img{object-fit:cover;width:100%;height:100%}.detail-thumbnails{gap:var(--space-sm);display:flex}.detail-thumb{cursor:pointer;opacity:.6;width:72px;height:72px;transition:all var(--duration) var(--ease-out);background:linear-gradient(160deg,#f0efec 0%,#e8e6e1 40%,#f5f4f1 100%);border:2px solid #0000;border-radius:2px;padding:0;overflow:hidden}.detail-thumb:hover{opacity:.8}.detail-thumb.active{border-color:var(--ink);opacity:1}.detail-thumb img{object-fit:cover;width:100%;height:100%}.detail-info{gap:var(--space-lg);flex-direction:column;display:flex}.detail-brand{font-family:var(--font-body);letter-spacing:.1em;text-transform:uppercase;color:var(--steel);font-size:11px;font-weight:500}.detail-name{font-family:var(--font-display);letter-spacing:-.02em;color:var(--ink);font-size:clamp(32px,4vw,48px);font-weight:400;line-height:1.1}.detail-price{font-family:var(--font-mono);color:var(--ink);font-variant-numeric:tabular-nums;font-size:24px;font-weight:500}.detail-stock{align-items:center;gap:var(--space-sm);font-family:var(--font-body);letter-spacing:.06em;text-transform:uppercase;font-size:12px;font-weight:500;display:inline-flex}.detail-stock.in-stock{color:var(--success)}.detail-stock.out-of-stock{color:var(--steel)}.detail-stock-dot{background:currentColor;border-radius:50%;width:8px;height:8px}.spec-table{border-top:1px solid var(--hairline)}.spec-row{border-bottom:1px solid var(--hairline);justify-content:space-between;align-items:baseline;padding:12px 0;display:flex}.spec-label{font-family:var(--font-body);letter-spacing:.08em;text-transform:uppercase;color:var(--steel);font-size:11px;font-weight:500}.spec-value{font-family:var(--font-mono);color:var(--ink);font-variant-numeric:tabular-nums;font-size:14px;font-weight:400}.detail-description{font-family:var(--font-body);color:var(--graphite);font-size:15px;line-height:1.7}.detail-cta{justify-content:center;align-items:center;gap:var(--space-sm);background:var(--ink);color:var(--paper);font-family:var(--font-body);letter-spacing:.08em;text-transform:uppercase;transition:background var(--duration) var(--ease-out);border-radius:2px;padding:16px 32px;font-size:12px;font-weight:500;text-decoration:none;display:inline-flex}.detail-cta:hover{background:var(--graphite)}.detail-cta svg{width:18px;height:18px}.site-footer{border-top:1px solid var(--hairline);padding:var(--space-lg) 0;margin-top:auto}.site-footer .container{justify-content:space-between;align-items:center;display:flex}.footer-left{align-items:center;gap:var(--space-xl);display:flex}.footer-label{font-family:var(--font-body);letter-spacing:.08em;text-transform:uppercase;color:var(--steel);font-size:11px;font-weight:400}.footer-right{align-items:center;gap:var(--space-md);display:flex}.footer-contact-link{font-family:var(--font-body);letter-spacing:.06em;text-transform:uppercase;color:var(--steel);transition:color var(--duration) var(--ease-out);align-items:center;gap:6px;font-size:11px;font-weight:500;display:inline-flex}.footer-contact-link:hover{color:var(--ink)}.footer-contact-link svg{width:16px;height:16px}.empty-state{text-align:center;padding:var(--space-3xl) var(--space-xl)}.empty-state-title{font-family:var(--font-display);color:var(--graphite);margin-bottom:var(--space-sm);font-size:24px;font-weight:400}.empty-state-text{font-family:var(--font-body);color:var(--steel);font-size:14px}.admin-layout{min-height:100vh;display:flex}.admin-sidebar{background:var(--ink);width:240px;color:var(--paper);padding:var(--space-lg);gap:var(--space-sm);flex-direction:column;flex-shrink:0;height:100vh;display:flex;position:sticky;top:0;overflow-y:auto}.admin-sidebar-logo{font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;padding-bottom:var(--space-lg);margin-bottom:var(--space-md);color:var(--paper);border-bottom:1px solid #ffffff1a;font-size:18px;font-weight:500;text-decoration:none}.admin-sidebar-logo span{font-family:var(--font-body);letter-spacing:.12em;color:var(--steel);margin-top:4px;font-size:10px;font-weight:400;display:block}.admin-nav-link{align-items:center;gap:var(--space-sm);padding:10px var(--space-md);font-family:var(--font-body);color:var(--steel);transition:all var(--duration) var(--ease-out);border-radius:4px;font-size:13px;font-weight:400;text-decoration:none;display:flex}.admin-nav-link:hover,.admin-nav-link.active{color:var(--paper);background:#ffffff14}.admin-nav-link svg{stroke:currentColor;fill:none;stroke-width:1.5px;flex-shrink:0;width:18px;height:18px}.admin-content{padding:var(--space-xl);flex:1;overflow-y:auto}.admin-page-title{font-family:var(--font-display);color:var(--ink);margin-bottom:var(--space-xl);font-size:28px;font-weight:400}.admin-page-header{margin-bottom:var(--space-xl);justify-content:space-between;align-items:center;display:flex}.stats-grid{gap:var(--space-lg);margin-bottom:var(--space-2xl);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.stat-card{padding:var(--space-lg);border:1px solid var(--hairline);border-radius:4px}.stat-card-label{font-family:var(--font-body);letter-spacing:.08em;text-transform:uppercase;color:var(--steel);margin-bottom:var(--space-sm);font-size:11px;font-weight:500}.stat-card-value{font-family:var(--font-mono);color:var(--ink);font-variant-numeric:tabular-nums;font-size:32px;font-weight:500}.admin-table{border-collapse:collapse;width:100%}.admin-table th{font-family:var(--font-body);letter-spacing:.08em;text-transform:uppercase;color:var(--steel);text-align:left;padding:var(--space-md);border-bottom:2px solid var(--hairline);font-size:11px;font-weight:500}.admin-table td{padding:var(--space-md);border-bottom:1px solid var(--hairline);vertical-align:middle;font-size:14px}.admin-table tr:hover td{background:#00000003}.admin-table-img{object-fit:cover;background:var(--hairline);border-radius:4px;width:48px;height:48px}.admin-table-actions{gap:var(--space-sm);display:flex}.btn{align-items:center;gap:var(--space-sm);font-family:var(--font-body);transition:all var(--duration) var(--ease-out);cursor:pointer;border:none;border-radius:4px;padding:10px 20px;font-size:13px;font-weight:500;text-decoration:none;display:inline-flex}.btn-primary{background:var(--ink);color:var(--paper)}.btn-primary:hover{background:var(--graphite)}.btn-secondary{color:var(--graphite);border:1px solid var(--hairline);background:0 0}.btn-secondary:hover{border-color:var(--graphite);color:var(--ink)}.btn-danger{color:var(--accent);border:1px solid var(--accent);background:0 0}.btn-danger:hover{background:var(--accent);color:var(--paper)}.btn-sm{padding:6px 12px;font-size:12px}.form-group{margin-bottom:var(--space-lg)}.form-label{font-family:var(--font-body);letter-spacing:.08em;text-transform:uppercase;color:var(--graphite);margin-bottom:var(--space-sm);font-size:11px;font-weight:500;display:block}.form-input,.form-select,.form-textarea{width:100%;font-family:var(--font-body);color:var(--ink);background:var(--paper);border:1px solid var(--hairline);transition:border-color var(--duration) var(--ease-out);border-radius:4px;padding:10px 14px;font-size:14px}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--ink);outline:none}.form-textarea{resize:vertical;min-height:100px}.form-checkbox-label{align-items:center;gap:var(--space-sm);color:var(--graphite);cursor:pointer;font-size:14px;display:inline-flex}.form-checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--ink)}.form-row{gap:var(--space-lg);grid-template-columns:1fr 1fr;display:grid}.image-upload-zone{border:2px dashed var(--hairline);padding:var(--space-xl);text-align:center;cursor:pointer;transition:all var(--duration) var(--ease-out);border-radius:4px}.image-upload-zone:hover{border-color:var(--steel);background:#00000003}.image-upload-zone p{color:var(--steel);font-size:14px}.image-preview-grid{gap:var(--space-md);margin-top:var(--space-md);flex-wrap:wrap;display:flex}.image-preview-item{border:2px solid #0000;border-radius:4px;width:100px;height:100px;position:relative;overflow:hidden}.image-preview-item.primary{border-color:var(--ink)}.image-preview-item img{object-fit:cover;width:100%;height:100%}.image-preview-remove{color:#fff;cursor:pointer;background:#000000b3;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:14px;display:flex;position:absolute;top:4px;right:4px}.image-preview-primary{background:var(--ink);color:var(--paper);letter-spacing:.06em;text-transform:uppercase;border-radius:2px;padding:2px 6px;font-size:9px;font-weight:500;position:absolute;bottom:4px;left:4px}.admin-login{min-height:100vh;padding:var(--space-xl);justify-content:center;align-items:center;display:flex}.admin-login-card{text-align:center;width:100%;max-width:380px}.admin-login-card .logotype{margin-bottom:var(--space-2xl)}.admin-login-card .form-group{text-align:left}.admin-login-error{color:var(--accent);margin-bottom:var(--space-md);font-size:13px}.toggle{background:var(--hairline);cursor:pointer;width:44px;height:24px;transition:background var(--duration) var(--ease-out);border:none;border-radius:12px;position:relative}.toggle.active{background:var(--success)}.toggle:after{content:"";width:18px;height:18px;transition:transform var(--duration) var(--ease-out);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px}.toggle.active:after{transform:translate(20px)}.badge{letter-spacing:.04em;text-transform:uppercase;border-radius:2px;padding:2px 8px;font-size:11px;font-weight:500;display:inline-block}.badge-success{color:var(--success);background:#1a7a3a1a}.badge-warning{color:var(--warning);background:#b453091a}.badge-neutral{color:var(--steel);background:#8a8a851a}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--hairline);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--steel)}@media (max-width:1024px){.watch-grid{grid-template-columns:repeat(2,1fr)}.detail-layout{gap:var(--space-xl);grid-template-columns:1fr}:root{--container-pad:24px}.admin-sidebar{width:200px}}@media (max-width:640px){.watch-grid{gap:var(--space-xl);grid-template-columns:1fr}:root{--container-pad:16px}.category-item{padding:var(--space-md) var(--space-lg)}.site-footer .container{gap:var(--space-md);text-align:center;flex-direction:column}.footer-left,.footer-right{justify-content:center}.search-trigger span{display:none}.watch-card-footer{gap:var(--space-xs);flex-direction:column}.form-row{grid-template-columns:1fr}.admin-sidebar{display:none}.admin-content{padding:var(--space-md)}}::selection{background:var(--ink);color:var(--paper)}