.editor-top{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:45px}.editor-top .back-link{margin-bottom:20px}.editor-top h1{font-size:54px;margin:0}.editor-actions{display:flex;align-items:center;gap:10px}.editor-layout{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:40px}.editor-main{min-width:0}.title-input,.excerpt-input,.editor-side-card input{width:100%;border:0;outline:0;background:transparent;color:var(--text);font-family:Cormorant Garamond,serif}.title-input{display:block;font-size:54px;line-height:1;padding:15px 0;border-bottom:1px solid var(--border)}.excerpt-input{display:block;font-family:var(--font-body);font-size:16px;line-height:1.5;padding:17px 0 25px;resize:vertical}.rich-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:4px;padding:9px;border:1px solid var(--border);border-radius:10px 10px 0 0;background:var(--bg-3)}.rich-toolbar button,.rich-toolbar select{border:0;background:transparent;color:var(--text-muted);padding:8px 10px;border-radius:6px;cursor:pointer;font:inherit;font-size:12px}.rich-toolbar button:hover{background:var(--bg-2);color:var(--accent)}.rich-toolbar select{border-right:1px solid var(--border)}.rich-editor{min-height:500px;border:1px solid var(--border);border-top:0;border-radius:0 0 10px 10px;background:var(--bg-2);padding:28px;outline:0;font-family:Georgia,serif;font-size:18px;line-height:1.8}.rich-editor:focus{box-shadow:0 0 0 3px var(--accent-dim)}.rich-editor h2,.rich-editor h3{font-family:Cormorant Garamond,serif;line-height:1.1}.rich-editor blockquote{border-left:3px solid var(--gold);padding-left:18px;color:var(--accent);font-style:italic}.editor-sidebar{display:flex;flex-direction:column;gap:18px}.editor-side-card{border:1px solid var(--border);border-radius:12px;background:var(--bg-2);padding:18px}.editor-side-card label{display:block;color:var(--text-muted);font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin-bottom:13px}.editor-side-card input{display:block;font-family:var(--font-body);font-size:13px;border-bottom:1px solid var(--border);padding:11px 0}.publish-toggle{width:100%;text-align:left;border:1px solid var(--border);background:var(--bg);border-radius:9px;padding:12px;color:var(--text);font-weight:700;cursor:pointer}.publish-toggle small{display:block;color:var(--text-dim);font-weight:400;margin:4px 0 0 17px}.toggle-dot{display:inline-block;width:8px;height:8px;background:var(--text-dim);border-radius:50%;margin-right:9px}.publish-toggle.is-on{color:var(--accent);border-color:#1a5e3740;background:var(--accent-dim)}.publish-toggle.is-on .toggle-dot{background:var(--accent)}.editor-tip{color:var(--text-dim);font-size:12px;line-height:1.6}@media (max-width:760px){.editor-top{align-items:stretch;flex-direction:column}.editor-top h1{font-size:46px}.editor-layout{grid-template-columns:1fr;gap:24px}.title-input{font-size:42px}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #FAF8F4;--bg-2: #FFFFFF;--bg-3: #F3EFE9;--border: #EDE8E3;--border-light: #F0EBE5;--text: #1C1917;--text-muted: #78716C;--text-dim: #A8A29E;--accent: #1a5e37;--accent-dim: rgba(26, 94, 55, .1);--accent-hover: #154d2d;--danger: #EF4444;--danger-dim: rgba(239, 68, 68, .1);--whatsapp: #22C55E;--whatsapp-dim: rgba(34, 197, 94, .1);--google: #4285F4;--font-display: "Poppins", sans-serif;--font-body: "Poppins", sans-serif;--radius: 16px;--radius-sm: 12px;--shadow: 0 2px 12px rgba(0,0,0,.06);--shadow-md: 0 4px 24px rgba(0,0,0,.1);--transition: .2s cubic-bezier(.4, 0, .2, 1);--gold: #D4A853;--gold-hover: #C4873A;--gold-dim: rgba(212, 168, 83, .12);--gold-border: rgba(212, 168, 83, .2);--nav-bg: #FFFFFF;--nav-border: #EDE8E3;--card-bg: #FFFFFF;--card-border: #EDE8E3;--hero-overlay: rgba(0, 0, 0, .4);--skeleton-bg: #F3EFE9;--badge-bg: rgba(0, 0, 0, .06)}html,body{min-height:100vh;background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased}#root{min-height:100vh}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.fade-up{animation:fadeUp .5s cubic-bezier(.4,0,.2,1) both}.fade-up-1{animation-delay:.05s}.fade-up-2{animation-delay:.1s}.fade-up-3{animation-delay:.15s}.fade-up-4{animation-delay:.2s}.fade-up-5{animation-delay:.25s}.page-container{max-width:1200px;margin:0 auto;padding:40px 24px}.card{background:#fff;box-shadow:0 2px 12px #0000000f;border-radius:16px;padding:20px 24px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.grid-auto{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.show-mobile{display:none!important}.hide-mobile{display:flex!important}.checkout-grid{grid-template-columns:minmax(0,1fr) min(340px,100%)}@media (max-width: 640px){.page-container{padding:24px 16px}.card{padding:16px;border-radius:12px}.grid-2,.grid-3,.grid-4,.grid-auto{grid-template-columns:1fr}.show-mobile{display:flex!important}.hide-mobile{display:none!important}.checkout-grid{grid-template-columns:1fr!important}.modal-sheet{position:fixed!important;inset:auto 0 0 0!important;border-radius:20px 20px 0 0!important;max-height:92vh!important;width:100%!important;max-width:100%!important;padding:24px 16px!important}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}h1.page-title{font-size:26px!important}h2.section-title{font-size:18px!important}}@media (min-width: 641px) and (max-width: 1024px){.page-container{padding:32px 20px}.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}.blog-shell,.blog-detail,.admin-blog-page,.admin-blog-editor{max-width:1180px;margin:0 auto;padding:72px 28px 100px}.blog-index-hero{max-width:720px;margin:0 auto 62px;text-align:center}.eyebrow{color:var(--accent);font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;margin:0 0 15px}.blog-index-hero h1,.admin-blog-heading h1,.editor-top h1{font-family:Cormorant Garamond,serif;font-size:clamp(42px,6vw,72px);font-weight:500;line-height:.98;letter-spacing:-.03em;margin:0 0 20px}.blog-index-hero p:last-child,.admin-blog-heading p:last-child{color:var(--text-muted);max-width:580px;margin:auto;font-size:16px}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.blog-card{display:block;color:inherit;background:var(--card-bg);border:1px solid var(--card-border);border-radius:18px;overflow:hidden;text-decoration:none;transition:transform .25s ease,box-shadow .25s ease}.blog-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-md)}.blog-card-image{height:235px;position:relative;overflow:hidden;background:var(--bg-3)}.blog-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.blog-card:hover img{transform:scale(1.05)}.blog-card-image span{position:absolute;left:16px;top:16px;background:#ffffffe6;color:var(--accent);padding:6px 10px;border-radius:100px;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.blog-card-body{padding:23px 24px 26px}.blog-meta{color:var(--text-dim);font-size:11px;letter-spacing:.05em;text-transform:uppercase}.blog-meta i{display:inline-block;width:3px;height:3px;border-radius:50%;background:var(--gold);margin:0 7px 2px}.blog-card h2{font-family:Cormorant Garamond,serif;font-size:29px;line-height:1.02;font-weight:600;margin:13px 0 11px}.blog-card-body p{color:var(--text-muted);font-size:13px;line-height:1.7;margin:0 0 21px}.blog-read{color:var(--accent);font-size:12px;font-weight:700;letter-spacing:.05em}.blog-read b{margin-left:7px}.blog-loading,.blog-empty{text-align:center;padding:130px 20px;color:var(--text-muted)}.blog-empty span{display:block;color:var(--gold);font-size:38px;margin-bottom:12px}.blog-empty h2{color:var(--text);font-family:Cormorant Garamond,serif;font-size:34px;margin:0 0 6px}.blog-empty a{color:var(--accent)}.blog-detail{max-width:950px}.back-link{display:inline-block;color:var(--text-muted);border:0;background:transparent;text-decoration:none;font:inherit;font-size:13px;padding:0;cursor:pointer;margin-bottom:62px}.back-link:hover{color:var(--accent)}.blog-detail-header{max-width:780px;margin-bottom:38px}.blog-detail-header h1{font-family:Cormorant Garamond,serif;font-size:clamp(46px,8vw,88px);line-height:.94;font-weight:500;letter-spacing:-.04em;margin:0 0 23px}.blog-detail-excerpt{color:var(--text-muted);font-size:18px;line-height:1.6;max-width:680px}.blog-detail-date{color:var(--text-dim);font-size:12px;margin-top:25px}.blog-detail-cover{width:100%;max-height:520px;object-fit:cover;border-radius:18px;margin:5px 0 52px}.blog-article{max-width:700px;margin:0 auto;font-family:Georgia,serif;font-size:19px;line-height:1.85}.blog-article p{margin:0 0 25px}.blog-article h2{font-family:Cormorant Garamond,serif;font-size:40px;line-height:1.05;margin:48px 0 16px}.blog-article h3{font-family:Cormorant Garamond,serif;font-size:30px;margin:34px 0 12px}.blog-article strong{font-weight:700}.blog-article blockquote{border-left:3px solid var(--gold);margin:34px 0;padding:7px 25px;font-style:italic;color:var(--accent);font-size:23px}.blog-article ul,.blog-article ol{margin:0 0 25px 25px}.blog-article a{color:var(--accent)}.admin-blog-page{max-width:1100px}.admin-blog-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:48px}.admin-blog-heading h1{font-size:58px;margin-bottom:13px}.admin-blog-heading p:last-child{margin:0}.editor-save{background:var(--accent);color:#fff;border:0;border-radius:10px;padding:13px 18px;font-weight:700;cursor:pointer;white-space:nowrap}.editor-save:hover{background:var(--accent-hover)}.admin-blog-list{border-top:1px solid var(--border)}.admin-blog-row{display:flex;align-items:center;gap:20px;padding:20px 0;border-bottom:1px solid var(--border)}.admin-blog-thumb{width:110px;height:85px;border-radius:10px;flex:0 0 auto;background-size:cover;background-position:center}.admin-blog-row-copy{flex:1;min-width:0}.admin-blog-row-copy h2{font-family:Cormorant Garamond,serif;font-size:27px;margin:8px 0 3px}.admin-blog-row-copy p{color:var(--text-muted);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-pill{display:inline-block;color:var(--text-dim);border:1px solid var(--border);border-radius:100px;padding:4px 8px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.status-pill.published{color:var(--accent);background:var(--accent-dim);border-color:#1a5e3733}.admin-blog-row-actions{display:flex;gap:8px}.admin-blog-row-actions button,.editor-cancel{border:1px solid var(--border);background:transparent;color:var(--text-muted);border-radius:9px;padding:9px 13px;cursor:pointer}.admin-blog-row-actions button:hover{color:var(--accent);border-color:var(--accent)}.admin-blog-row-actions .delete-btn:hover{color:var(--danger);border-color:var(--danger)}.blog-article figure{margin:38px -80px;text-align:center}.blog-article figure img{display:block;width:100%;max-height:620px;object-fit:cover;border-radius:14px}.blog-article figcaption{color:var(--text-dim);font:12px var(--font-body);margin-top:10px}.rich-editor figure{margin:24px 0;text-align:center}.rich-editor figure img{display:block;max-width:100%;max-height:500px;object-fit:contain;margin:0 auto;border-radius:10px}.rich-editor figcaption{color:var(--text-dim);font:12px var(--font-body);text-align:center;margin-top:8px}@media (max-width: 760px){.blog-shell,.blog-detail,.admin-blog-page,.admin-blog-editor{padding:44px 18px 70px}.blog-grid{grid-template-columns:1fr}.blog-card-image{height:220px}.admin-blog-heading,.editor-top{align-items:stretch;flex-direction:column}.admin-blog-heading h1,.editor-top h1{font-size:46px}.editor-layout{grid-template-columns:1fr;gap:24px}.title-input{font-size:42px}.admin-blog-row{align-items:flex-start;flex-wrap:wrap}.admin-blog-row-copy{flex-basis:calc(100% - 130px)}.admin-blog-row-actions{margin-left:130px}.blog-detail-header h1{font-size:54px}.blog-article{font-size:17px}}
