:root{--color-muted: #666666;--color-warning-bg: #fff3cd}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-family:var(--font-heading);font-weight:700}.form-group-wide{flex:1;min-width:200px}.form-row{display:flex;gap:1rem;flex-wrap:wrap}.form-row .form-group{flex:1;min-width:150px}.form-actions{display:flex;gap:1rem;padding-top:1rem}.island-input{padding:1rem;border:4px solid var(--color-text);font-size:1rem;font-family:var(--font-body);background:var(--color-bg)}.island-input:focus{outline:none;border-color:var(--color-primary)}.island-textarea{resize:vertical;min-height:100px}.island-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23000' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:2.5rem}.char-count{font-size:.875rem;color:var(--color-muted);text-align:right}.file-input-hidden{display:none}.drop-zone{border:4px dashed var(--color-text);padding:2rem;text-align:center;cursor:pointer;transition:background .2s,border-color .2s;min-height:200px;display:flex;align-items:center;justify-content:center}.drop-zone:hover,.drop-zone.drag-active{background:#f0f0f0;border-color:var(--color-primary)}.drop-zone.has-preview{padding:0}.upload-prompt{text-align:center}.upload-icon{font-size:3rem;font-weight:700;line-height:1;margin-bottom:.5rem}.upload-hint{font-size:.875rem;color:var(--color-muted);margin-top:.5rem}.preview-container{position:relative;width:100%;height:100%}.preview-image{width:100%;max-height:300px;object-fit:contain}.preview-overlay{position:absolute;inset:0;background:#00000080;color:#fff;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s;font-weight:700}.preview-container:hover .preview-overlay{opacity:1}.error-message{background:var(--color-error);color:#fff;padding:1rem;border:4px solid var(--color-text);font-weight:700}.island-btn{display:inline-block;padding:1rem 1.5rem;border:4px solid var(--color-text);background:var(--color-bg);color:var(--color-text);font-family:var(--font-heading);font-weight:700;font-size:1rem;text-decoration:none;cursor:pointer;box-shadow:4px 4px 0 var(--color-text);transition:transform .1s,box-shadow .1s}.island-btn:hover:not(:disabled){transform:translate(2px,2px);box-shadow:2px 2px 0 var(--color-text)}.island-btn:active:not(:disabled){transform:translate(4px,4px);box-shadow:0 0 0 var(--color-text)}.island-btn:disabled{opacity:.6;cursor:not-allowed}.island-btn-primary{background:var(--color-primary);color:#fff}.island-btn-secondary{background:var(--color-bg);color:var(--color-text)}.island-btn-large{width:100%;padding:1.25rem 2rem;font-size:1.25rem}@media(max-width:768px){.form-row{flex-direction:column}}@media(max-width:480px){.form-group-wide,.form-row .form-group{min-width:0}.drop-zone{padding:1.25rem;min-height:150px;border-width:3px}.upload-icon{font-size:2rem;margin-bottom:.5rem}.upload-hint{font-size:.75rem}.preview-image{max-height:180px}}.submit-form{display:flex;flex-direction:column;gap:1.5rem;max-width:600px;margin:0 auto}.submission-info{background:#f5f5f5;border:2px solid #ddd;border-radius:8px;padding:1.25rem;text-align:center}.submission-info h3{font-family:var(--font-heading);font-size:1.25rem;margin:0 0 .75rem;color:var(--color-text)}.submission-info p{margin:0 0 .5rem;font-size:.9rem;line-height:1.5;color:#555}.submission-info p:last-child{margin-bottom:0}.submission-info .refund-note{margin-top:.75rem;padding-top:.75rem;border-top:1px solid #ddd;font-size:.85rem;color:#666}.submission-info a{color:var(--color-text);font-weight:500;text-decoration:underline}.submission-info a:hover{text-decoration:none}.input-error{border-color:var(--color-error)!important}.field-error{display:block;color:var(--color-error);font-size:.85rem;margin-top:.25rem;font-weight:500}.form-group{position:relative}.char-count{position:absolute;right:0;top:0;font-size:.75rem;color:#666}@media(max-width:480px){.submit-form{gap:1rem}.submit-form .input{padding:.75rem;font-size:16px}.submit-form .textarea{min-height:100px}.submit-form .drop-zone{padding:1.25rem;min-height:150px}.submit-form .upload-prompt{font-size:.9rem}.submit-form .upload-icon{font-size:2rem}.submit-form .upload-hint{font-size:.75rem}.submission-info{padding:1rem}.submission-info h3{font-size:1.1rem}.submission-info p{font-size:.85rem}.submission-info .refund-note{font-size:.8rem}.submit-form .form-actions{padding-top:.5rem}.submit-form .btn{width:100%;padding:.875rem 1.5rem;font-size:1rem}}.submit-success{text-align:center;padding:2rem;max-width:600px;margin:0 auto}.spinner{width:60px;height:60px;border:6px solid #f0f0f0;border-top:6px solid var(--color-primary);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1.5rem}@keyframes spin{to{transform:rotate(360deg)}}.processing h2{font-family:var(--font-heading);margin-bottom:1.5rem}.steps{margin-top:1.5rem}.step{padding:.5rem;color:#999;transition:all .3s}.step.active{color:var(--color-primary);font-weight:700}.step.done{color:var(--color-success)}.step.done:before{content:"✓"}.checkmark{width:80px;height:80px;background:var(--color-success);color:#fff;border-radius:50%;font-size:3rem;line-height:80px;margin:0 auto 1rem;border:4px solid var(--color-text)}.success h2{color:var(--color-success);font-family:var(--font-heading)}.success p{color:#333;margin:.5rem 0}.error-state h2{color:var(--color-error);font-family:var(--font-heading)}.submit-success .error-message{background:var(--color-error);color:#fff;padding:1rem;border:4px solid var(--color-text);font-weight:700;margin:1rem 0}.submit-success .btn{display:inline-block;margin-top:1.5rem;padding:1rem 2rem;background:var(--color-primary);color:#fff;text-decoration:none;border:4px solid var(--color-text);font-family:var(--font-heading);font-weight:700;box-shadow:4px 4px 0 var(--color-text);transition:transform .1s,box-shadow .1s}.submit-success .btn:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--color-text)}.contact-form{display:flex;flex-direction:column;gap:1.5rem}.success-message{background:var(--color-success);color:#fff;padding:2rem;border:4px solid var(--color-text);text-align:center}.success-message h2{font-family:var(--font-heading);font-size:1.75rem;margin:0 0 1rem}.success-message p{margin:0 0 1.5rem;font-size:1.125rem}.comment-section{margin-top:3rem;padding-top:2rem;border-top:4px solid var(--color-text)}.comment-section .section-title{font-family:var(--font-heading);font-size:1.75rem;margin:0 0 1.5rem}.comment-form{margin-bottom:2rem}.comment-form textarea{width:100%;padding:.75rem;border:3px solid var(--color-text);font-family:var(--font-heading);font-size:1rem;resize:vertical;min-height:80px;box-shadow:3px 3px 0 var(--color-text)}.comment-form textarea:focus{outline:none;box-shadow:5px 5px 0 var(--color-text)}.comment-form textarea:disabled{background:#eee;cursor:not-allowed}.comment-form .error-message{background:transparent;border:none;padding:0;color:var(--color-error);font-size:.9rem;margin:.5rem 0;font-weight:400}.comment-form .form-actions{display:flex;justify-content:space-between;align-items:center;margin-top:1rem;padding-top:0}.submit-btn,.signin-btn{padding:.5rem 1rem;border:3px solid var(--color-text);background:var(--color-primary);color:#fff;font-family:var(--font-heading);font-weight:700;font-size:.9rem;cursor:pointer;box-shadow:3px 3px 0 var(--color-text);text-decoration:none;display:inline-block;transition:transform .1s ease,box-shadow .1s ease}.submit-btn:hover:not(:disabled),.signin-btn:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--color-text)}.submit-btn:disabled{background:#ccc;cursor:not-allowed}.comments-list{display:flex;flex-direction:column;gap:1.5rem}.loading,.no-comments{color:var(--color-muted);font-style:italic;padding:2rem;text-align:center;border:3px dashed #ccc}.comment{padding:1rem;border:3px solid var(--color-text);background:var(--color-bg);box-shadow:3px 3px 0 var(--color-text)}.comment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.comment-author{display:flex;align-items:center;gap:.75rem}.author-avatar{width:36px;height:36px;border-radius:50%;border:2px solid var(--color-text)}.author-avatar-placeholder{width:36px;height:36px;border-radius:50%;border:2px solid var(--color-text);background:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem}.author-name{font-weight:700}.comment-date{font-size:.85rem;color:var(--color-muted)}.comment-content{margin:0 0 .75rem;line-height:1.6;white-space:pre-wrap;word-break:break-word}.delete-btn{font-size:.85rem;padding:.25rem .75rem;border:2px solid var(--color-text);background:var(--color-bg);color:var(--color-error);font-family:var(--font-heading);font-weight:600;cursor:pointer;transition:background .1s ease}.delete-btn:hover:not(:disabled){background:#fee}.delete-btn:disabled{opacity:.5;cursor:not-allowed}.comment-limit-warning{color:var(--color-primary);font-size:.85rem;font-weight:600;padding:.5rem;background:#fff3e0;border:2px solid var(--color-primary);margin-bottom:.5rem}.comment-limit-reached{color:var(--color-error);font-size:.85rem;font-weight:600;padding:.5rem;background:#ffebee;border:2px solid var(--color-error);margin-bottom:.5rem}.like-button{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border:4px solid var(--color-text);background:var(--color-bg);color:var(--color-text);font-family:var(--font-heading);font-weight:700;font-size:1rem;cursor:pointer;transition:transform .1s ease,box-shadow .1s ease,background .15s ease;box-shadow:4px 4px 0 var(--color-text)}.like-button:hover:not(:disabled){transform:translate(2px,2px);box-shadow:2px 2px 0 var(--color-text)}.like-button:active:not(:disabled){transform:translate(4px,4px);box-shadow:0 0 0 var(--color-text)}.like-button.liked{background:var(--color-primary);color:var(--color-bg)}.like-button.loading{opacity:.7;cursor:wait}.like-button:disabled{cursor:not-allowed}.heart-icon{width:24px;height:24px;transition:transform .15s ease}.like-button:hover:not(:disabled) .heart-icon{transform:scale(1.1)}.like-button.liked .heart-icon{animation:heartPop .3s ease}@keyframes heartPop{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.like-count{min-width:1.5rem;text-align:center}.image-upload-container{width:100%}.upload-status{font-weight:700;color:var(--color-primary)}.upload-error{margin-top:.5rem;padding:.5rem;background:var(--color-error);color:#fff;font-weight:700;border:2px solid var(--color-text)}.product-form{max-width:800px;margin:0 auto}.form-error{background:var(--color-error);color:#fff;padding:1rem;border:4px solid var(--color-text);margin-bottom:1.5rem;font-weight:700}.form-section{margin-bottom:2rem;padding-bottom:2rem;border-bottom:2px dashed #ccc}.form-section h2{font-family:var(--font-heading);font-size:1.25rem;margin:0 0 1rem}.product-form .form-group{margin-bottom:1rem}.product-form .form-group label{display:block;font-family:var(--font-heading);font-weight:700;margin-bottom:.5rem}.product-form .form-row{display:flex;gap:1rem;flex-wrap:wrap}.product-form .form-row .form-group{flex:1;min-width:150px}.product-form .flex-grow{flex:2!important}.product-form .input{width:100%;padding:.75rem;border:4px solid var(--color-text);font-size:1rem;font-family:var(--font-body);box-sizing:border-box}.product-form .input:focus{outline:none;border-color:var(--color-primary)}.product-form .textarea{resize:vertical;min-height:100px}.product-form select.input{cursor:pointer}.product-form .char-count{display:block;font-size:.875rem;color:var(--color-muted);text-align:right;margin-top:.25rem}.generate-btn{font-size:.75rem;padding:.25rem .5rem;margin-left:.5rem;background:#f0f0f0;border:2px solid var(--color-text);cursor:pointer;font-weight:600}.generate-btn:hover{background:var(--color-primary);color:#fff}.checkbox-grid{display:flex;flex-wrap:wrap;gap:.5rem}.checkbox-item{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:2px solid var(--color-text);cursor:pointer;font-weight:600;transition:background .2s}.checkbox-item:hover{background:#f0f0f0}.checkbox-item input[type=checkbox]{width:1.25rem;height:1.25rem;cursor:pointer}.checkbox-standalone{display:flex;align-items:flex-start;padding-top:1.75rem}.empty-hint{color:var(--color-muted);font-style:italic}.product-form .form-actions{display:flex;gap:1rem;justify-content:flex-end;padding-top:1rem}.product-form .btn{display:inline-block;padding:1rem 1.5rem;border:4px solid var(--color-text);font-family:var(--font-heading);font-weight:700;font-size:1rem;text-decoration:none;cursor:pointer;box-shadow:4px 4px 0 var(--color-text);transition:transform .1s,box-shadow .1s}.product-form .btn:hover:not(:disabled){transform:translate(2px,2px);box-shadow:2px 2px 0 var(--color-text)}.product-form .btn:disabled{opacity:.6;cursor:not-allowed}.product-form .btn-primary{background:var(--color-primary);color:#fff}.product-form .btn-secondary{background:#fff;color:var(--color-text)}.drop-form{display:flex;flex-direction:column;gap:1.5rem}.drop-form .form-row{display:flex;gap:1rem;flex-wrap:wrap}.drop-form .form-group{display:flex;flex-direction:column;gap:.5rem}.drop-form .form-group-wide{flex:1;min-width:200px}.drop-form .form-group label{font-family:var(--font-heading);font-weight:700}.drop-form .input{padding:1rem;border:4px solid var(--color-text);font-size:1rem;font-family:var(--font-body)}.drop-form .input:focus{outline:none;border-color:var(--color-primary)}.drop-form .textarea{resize:vertical;min-height:80px}.checking{color:var(--color-muted);font-size:.875rem}.warning{color:var(--color-primary);font-size:.875rem;font-weight:600}.products-section{border:4px solid var(--color-text);padding:1rem}.products-section h3{margin:0 0 1rem;font-family:var(--font-heading)}.no-products{color:var(--color-muted);font-style:italic}.selected-products{display:flex;flex-direction:column;gap:.5rem}.selected-product{display:flex;align-items:center;gap:1rem;padding:.5rem;background:#f0f0f0;border:2px solid var(--color-text)}.position{font-family:var(--font-heading);font-weight:700;font-size:1.25rem;width:2rem;text-align:center}.product-thumb{width:50px;height:50px;object-fit:cover;border:2px solid var(--color-text)}.product-info{flex:1;display:flex;flex-direction:column}.product-title{font-weight:600}.product-price{color:var(--color-muted);font-size:.875rem}.product-actions{display:flex;gap:.25rem}.move-btn,.remove-btn{width:32px;height:32px;border:2px solid var(--color-text);background:#fff;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center}.move-btn:disabled{opacity:.3;cursor:not-allowed}.move-btn:hover:not(:disabled){background:var(--color-secondary)}.remove-btn{background:var(--color-error);color:#fff}.remove-btn:hover{background:#c00}.available-products{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.5rem}.available-product{display:flex;align-items:center;gap:.5rem;padding:.5rem;border:2px solid var(--color-text);background:#fff;cursor:pointer;text-align:left}.available-product:hover:not(:disabled){background:var(--color-accent)}.available-product:disabled{opacity:.5;cursor:not-allowed}.add-icon{font-size:1.5rem;font-weight:700;color:var(--color-success);margin-left:auto}.drop-form .form-actions{display:flex;gap:1rem;justify-content:flex-end;padding-top:1rem;border-top:4px solid var(--color-text)}.drop-form .btn{display:inline-block;padding:1rem 1.5rem;border:4px solid var(--color-text);background:#fff;color:var(--color-text);font-family:var(--font-heading);font-weight:700;font-size:1rem;text-decoration:none;cursor:pointer;box-shadow:4px 4px 0 var(--color-text);transition:transform .1s,box-shadow .1s}.drop-form .btn:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--color-text)}.drop-form .btn:disabled{opacity:.5;cursor:not-allowed}.drop-form .btn-primary{background:var(--color-primary);color:#fff}.drop-form .loading{text-align:center;padding:2rem;color:var(--color-muted)}.admin-categories-tags{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-xl)}@media(max-width:768px){.admin-categories-tags{grid-template-columns:1fr}}.admin-categories-tags .column h1{font-size:1.5rem;margin:0 0 var(--space-lg) 0;padding-bottom:var(--space-sm);border-bottom:var(--border-thick)}.admin-categories-tags .add-form{display:flex;flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-lg);padding:var(--space-md);background:var(--color-gray);border:var(--border-thin)}.admin-categories-tags .input{padding:.75rem;border:4px solid var(--color-text);font-size:1rem;font-family:var(--font-body)}.admin-categories-tags .input:focus{outline:none;border-color:var(--color-primary)}.admin-categories-tags .input:disabled{opacity:.6;cursor:not-allowed}.admin-categories-tags .empty-state{color:#666;font-style:italic;text-align:center;padding:var(--space-lg)}.admin-categories-tags .item-list{list-style:none;padding:0;margin:0}.admin-categories-tags .item{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-md);padding:var(--space-md);border:var(--border-thin);margin-bottom:var(--space-sm);background:var(--color-bg)}.admin-categories-tags .item-info{flex:1}.admin-categories-tags .item-info strong{font-family:var(--font-heading)}.admin-categories-tags .item-slug{font-size:.875rem;color:#666;font-family:monospace;margin-left:var(--space-xs)}.admin-categories-tags .item-desc{font-size:.875rem;color:#666;margin:var(--space-xs) 0 0 0}.admin-categories-tags .delete-btn{padding:.5rem 1rem;font-size:.75rem;font-weight:700;background:#fff;border:2px solid var(--color-text);cursor:pointer;transition:background .2s}.admin-categories-tags .delete-btn:hover{background:#dc3545;color:#fff}.admin-categories-tags .delete-btn:disabled{opacity:.6;cursor:not-allowed}.admin-categories-tags .error-message{color:#dc3545;font-size:.875rem;margin:0;padding:var(--space-xs);background:#fdeef0;border:1px solid #dc3545}.admin-categories-tags .btn:disabled{opacity:.6;cursor:not-allowed}.comments-modal-overlay{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:var(--space-md);background:#000000b3;animation:modal-fade-in .2s ease-out}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}.comments-modal{width:100%;max-width:500px;max-height:85vh;display:flex;flex-direction:column;background:var(--color-bg);border:4px solid var(--color-text);box-shadow:8px 8px 0 var(--color-text);animation:modal-slide-in .2s ease-out}@keyframes modal-slide-in{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.comments-modal-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);padding:var(--space-md);border-bottom:3px solid var(--color-text);background:var(--color-secondary)}.comments-modal-title{font-family:var(--font-heading);font-size:1.25rem;font-weight:700;margin:0;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.comments-modal-close{display:flex;align-items:center;justify-content:center;width:40px;height:40px;flex-shrink:0;padding:0;background:var(--color-bg);border:3px solid var(--color-text);box-shadow:3px 3px 0 var(--color-text);cursor:pointer;transition:transform .1s ease,box-shadow .1s ease}.comments-modal-close:hover{transform:translate(1px,1px);box-shadow:2px 2px 0 var(--color-text)}.comments-modal-close:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--color-text)}.comments-modal-content{flex:1;overflow-y:auto;padding:var(--space-md)}.comments-modal-content .comment-section{margin-top:0;padding-top:0;border-top:none}.comments-modal-content .section-title{font-size:1.25rem;margin-bottom:1rem;border-bottom:none;padding-bottom:0}@media(max-width:640px){.comments-modal-overlay{padding:var(--space-sm)}.comments-modal{max-height:90vh;box-shadow:8px 8px 0 var(--color-text)}.comments-modal-header{padding:var(--space-sm) var(--space-md)}.comments-modal-title{font-size:1rem}.comments-modal-close{width:36px;height:36px}.comments-modal-content{padding:var(--space-sm)}}.product-card-interactive{display:flex;flex-direction:column;border:var(--border-thick);box-shadow:var(--shadow-brutal);background:var(--color-bg);overflow:hidden}.pci-image{position:relative;aspect-ratio:3 / 2;overflow:hidden;border-bottom:var(--border-thick);background:var(--color-gray);cursor:pointer;transition:transform .2s ease}.pci-image:hover img{transform:scale(1.05)}.pci-image:focus-visible{outline:4px solid var(--color-primary);outline-offset:-4px}.pci-image:focus:not(:focus-visible){outline:none}.pci-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.pci-skeleton{position:absolute;inset:0;background:#ffe8e0;overflow:hidden}.pci-skeleton-shimmer{position:absolute;inset:0;background:linear-gradient(90deg,#ffe8e0,#ff6b3580,#ffe8e0);animation:shimmer 1.5s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.pci-sponsored-badge{position:absolute;top:8px;left:8px;padding:.25rem .5rem;font-size:.75rem;font-weight:700;text-transform:uppercase;background:#10b981;color:#000;border:2px solid var(--color-text);z-index:1}.pci-content{padding:var(--space-md);display:flex;flex-direction:column;flex:1;gap:var(--space-xs)}.pci-title{font-family:var(--font-heading);font-size:1.1rem;font-weight:700;margin:0;line-height:1.3}.pci-description-wrap{display:flex;flex-direction:column;gap:.25rem}.pci-description{font-size:.85rem;color:var(--color-text);opacity:.75;margin:0;min-height:2.8em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4}.pci-description.is-expanded{display:block;overflow:visible}.pci-description-toggle{border:none;background:transparent;padding:0;font-size:.78rem;font-weight:700;color:var(--color-primary);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:2px;cursor:pointer;align-self:flex-start;opacity:.9}.pci-description-toggle:hover{opacity:1}.pci-description-toggle:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}.pci-description-toggle:focus:not(:focus-visible){outline:none}.pci-description-toggle-slot{min-height:1.1rem;display:flex;align-items:flex-start}.pci-description-toggle-spacer{display:block;min-height:1.1rem}.pci-meta{display:flex;justify-content:space-between;align-items:center;gap:var(--space-sm);margin-top:var(--space-xs)}.pci-price{font-family:var(--font-heading);font-size:1.25rem;font-weight:700;color:var(--color-primary)}.pci-categories{display:flex;gap:4px;flex-wrap:wrap;justify-content:flex-end}.pci-category-tag{font-size:.7rem;font-weight:600;padding:.2rem .4rem;background:var(--color-accent);border:2px solid var(--color-text)}.pci-tags{display:flex;gap:4px;flex-wrap:wrap;justify-content:flex-end}.pci-tag{font-size:.7rem;font-weight:600;padding:.2rem .4rem;background:gold;border:2px solid var(--color-text)}.pci-actions{display:flex;gap:8px;margin-top:var(--space-sm);padding-top:var(--space-sm);border-top:2px solid var(--color-text)}.pci-action-btn{display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:.5rem .75rem;font-family:var(--font-heading);font-size:.8rem;font-weight:700;border:3px solid var(--color-text);background:var(--color-bg);color:var(--color-text);cursor:pointer;box-shadow:3px 3px 0 var(--color-text);transition:transform .1s ease,box-shadow .1s ease,background-color .1s ease}.pci-action-btn:hover:not(:disabled){transform:translate(1px,1px);box-shadow:2px 2px 0 var(--color-text)}.pci-action-btn:active:not(:disabled){transform:translate(2px,2px);box-shadow:1px 1px 0 var(--color-text)}.pci-action-btn:disabled{opacity:.6;cursor:not-allowed}.pci-action-btn:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}.pci-action-btn:focus:not(:focus-visible){outline:none}.pci-save-btn{min-width:60px;cursor:pointer}.pci-save-btn.is-liked{background:var(--color-secondary);color:var(--color-text)}.pci-save-btn.is-liked .pci-heart-icon{color:#ff1493}.pci-save-btn.is-loading{opacity:.7;cursor:pointer}.pci-heart-icon{flex-shrink:0}.pci-save-btn.is-popping .pci-heart-icon{animation:heartPop .3s ease}@keyframes heartPop{0%{transform:scale(1)}50%{transform:scale(1.4)}to{transform:scale(1)}}.pci-save-count{font-variant-numeric:tabular-nums}.pci-comments-btn{flex:1}.pci-comment-icon{flex-shrink:0}.pci-checkout-btn{background:var(--color-primary);color:#fff;white-space:nowrap}.pci-checkout-btn:hover:not(:disabled){background:#e55a2b}@media(max-width:640px){.pci-content{padding:var(--space-sm)}.pci-title{font-size:1rem}.pci-description{font-size:.8rem;-webkit-line-clamp:4}.pci-price{font-size:1.1rem}.pci-actions{flex-wrap:wrap}.pci-action-btn{padding:.4rem .6rem;font-size:.75rem;box-shadow:2px 2px 0 var(--color-text)}.pci-save-btn{min-width:50px}.pci-comments-btn,.pci-checkout-btn{flex:1;min-width:80px}}@media(max-width:380px){.pci-actions{gap:6px}.pci-action-btn{padding:.35rem .5rem;font-size:.7rem;border-width:2px}}.back-to-top-button{position:fixed;bottom:3rem;right:1.75rem;z-index:999;width:48px;height:48px;padding:0;display:flex;align-items:center;justify-content:center;border:3px solid var(--color-text);background:var(--color-primary);color:#fff;cursor:pointer;box-shadow:4px 4px 0 var(--color-text);transition:transform .1s ease,box-shadow .1s ease,opacity .2s ease,visibility .2s ease;opacity:0;visibility:hidden}.back-to-top-button.visible{opacity:1;visibility:visible}.back-to-top-button:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--color-text)}.back-to-top-button:active{transform:translate(4px,4px);box-shadow:0 0 0 var(--color-text)}.back-to-top-button:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px}.back-to-top-button svg{flex-shrink:0}@media(max-width:1371px){body[data-page=home] .back-to-top-button{display:none!important}}@media(max-width:768px){.back-to-top-button{width:36px;height:36px;bottom:1.5rem;right:1rem;border-width:2px;box-shadow:3px 3px 0 var(--color-text)}.back-to-top-button.visible{opacity:.85}.back-to-top-button svg{width:18px;height:18px}.back-to-top-button:hover{transform:translate(1px,1px);box-shadow:2px 2px 0 var(--color-text)}.back-to-top-button:active{transform:translate(3px,3px);box-shadow:0 0 0 var(--color-text)}}.filter-dropdown{position:relative;display:inline-block}.filter-dropdown-trigger{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;text-decoration:none;color:var(--color-text);background:var(--color-bg);border:2px solid var(--color-text);cursor:pointer;transition:background .1s ease,box-shadow .1s ease}.filter-dropdown-trigger:hover{background:var(--color-muted)}.filter-dropdown-trigger.active{background:var(--color-primary);box-shadow:2px 2px 0 var(--color-text)}.filter-dropdown-label{white-space:nowrap}.filter-dropdown-arrow{transition:transform .15s ease;flex-shrink:0}.filter-dropdown-arrow.open{transform:rotate(180deg)}.filter-dropdown-menu{position:absolute;top:calc(100% + 4px);left:0;z-index:100;min-width:160px;margin:0;padding:0;list-style:none;background:var(--color-bg);border:2px solid var(--color-text);box-shadow:4px 4px 0 var(--color-text)}.filter-dropdown-option{padding:.625rem 1rem;font-size:.875rem;font-weight:500;color:var(--color-text);cursor:pointer;transition:background .1s ease}.filter-dropdown-option:hover{background:var(--color-muted)}.filter-dropdown-option.selected{background:var(--color-secondary);font-weight:700}.filter-dropdown-option-clear{border-bottom:1px solid var(--color-text);font-style:italic;color:var(--color-text-muted, #666)}.filter-dropdown-option-clear:hover{background:var(--color-muted)}@media(max-width:768px){.filter-dropdown-trigger{padding:.5rem .75rem;font-size:.8125rem}.filter-dropdown-menu{min-width:140px}.filter-dropdown-option{padding:.5rem .75rem;font-size:.8125rem}}.profile-actions{display:flex;flex-direction:column;gap:var(--space-lg)}.profile-action-card{background:var(--color-bg);border:4px solid var(--color-text);box-shadow:8px 8px 0 var(--color-text);padding:var(--space-lg)}.profile-action-card h3{margin:0 0 var(--space-sm);font-size:1.25rem}.profile-action-card p{margin:0 0 var(--space-md);color:#444}.profile-action-card-danger{border-color:var(--color-error)}.profile-action-card-danger h3{color:var(--color-error)}.delete-warning{background:var(--color-warning-bg);border:3px solid var(--color-text);padding:var(--space-md);margin-bottom:var(--space-md)}.delete-warning strong{color:var(--color-error)}.delete-warning ul{margin:var(--space-sm) 0;padding-left:var(--space-md)}.delete-warning li{margin-bottom:var(--space-xs)}.delete-warning p{margin:var(--space-sm) 0 0;font-size:.9rem;font-style:italic}.delete-confirm-input{margin-bottom:var(--space-md)}.delete-confirm-input label{display:block;margin-bottom:var(--space-xs);font-weight:600}.delete-confirm-input .input{max-width:200px}.delete-actions{display:flex;gap:var(--space-md);flex-wrap:wrap}.delete-loading{text-align:center;padding:var(--space-md)}.delete-loading p{margin:0;font-weight:600}.action-success{background:var(--color-success);color:#fff;padding:var(--space-sm) var(--space-md);margin-bottom:var(--space-md);border:2px solid var(--color-text);font-weight:600}.action-error{background:var(--color-error);color:#fff;padding:var(--space-sm) var(--space-md);margin-bottom:var(--space-md);border:2px solid var(--color-text);font-weight:600}.btn-danger{background:var(--color-error);color:#fff;border-color:var(--color-text)}.btn-danger:hover{background:#c00}.btn-danger:disabled{background:#ccc;color:#666;cursor:not-allowed;transform:none;box-shadow:4px 4px 0 var(--color-text)}@media(max-width:480px){.delete-actions{flex-direction:column}.delete-actions .btn{width:100%}.delete-confirm-input .input{max-width:100%}}