:root{--aivi-product-placeholder:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20400%20500%22%20width%3D%22400%22%20height%3D%22500%22%3E%0A%20%3Cdefs%3E%0A%20%20%3ClinearGradient%20id%3D%22paper%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%221%22%20y2%3D%221%22%3E%3Cstop%20stop-color%3D%22%23fbf3e7%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23e5d0b5%22%2F%3E%3C%2FlinearGradient%3E%0A%20%20%3ClinearGradient%20id%3D%22side%22%20x1%3D%220%22%20x2%3D%221%22%3E%3Cstop%20stop-color%3D%22%23d6b992%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23f1dfc5%22%2F%3E%3C%2FlinearGradient%3E%0A%20%3C%2Fdefs%3E%0A%20%3Crect%20width%3D%22400%22%20height%3D%22500%22%20fill%3D%22%23f8f6f3%22%2F%3E%0A%20%3Cellipse%20cx%3D%22201%22%20cy%3D%22372%22%20rx%3D%22101%22%20ry%3D%2214%22%20fill%3D%22%23463237%22%20opacity%3D%22.07%22%2F%3E%0A%20%3Cpath%20d%3D%22M102%20164L276%20150L303%20358L111%20372Z%22%20fill%3D%22url%28%23paper%29%22%2F%3E%0A%20%3Cpath%20d%3D%22M276%20150L303%20176L303%20358L276%20341Z%22%20fill%3D%22url%28%23side%29%22%2F%3E%0A%20%3Cpath%20d%3D%22M145%20171V138C145%2072%20234%2072%20234%20138V165%22%20fill%3D%22none%22%20stroke%3D%22%236d5143%22%20stroke-width%3D%229%22%20stroke-linecap%3D%22round%22%2F%3E%0A%20%3Cpath%20d%3D%22M145%20171V138C145%2072%20234%2072%20234%20138V165%22%20fill%3D%22none%22%20stroke%3D%22%23a18770%22%20stroke-width%3D%223%22%20stroke-linecap%3D%22round%22%2F%3E%0A%20%3Ccircle%20cx%3D%22145%22%20cy%3D%22172%22%20r%3D%226%22%20fill%3D%22%236d5143%22%2F%3E%3Ccircle%20cx%3D%22234%22%20cy%3D%22165%22%20r%3D%226%22%20fill%3D%22%236d5143%22%2F%3E%0A%20%3Ctext%20x%3D%22199%22%20y%3D%22266%22%20text-anchor%3D%22middle%22%20font-family%3D%22Arial%2C%20sans-serif%22%20font-size%3D%2233%22%20font-weight%3D%22700%22%20letter-spacing%3D%222%22%20fill%3D%22%23263449%22%3EAIVI%3C%2Ftext%3E%0A%20%3Ctext%20x%3D%22199%22%20y%3D%22290%22%20text-anchor%3D%22middle%22%20font-family%3D%22Arial%2C%20sans-serif%22%20font-size%3D%2212%22%20letter-spacing%3D%224%22%20fill%3D%22%236d5143%22%3EAIVI.ES%3C%2Ftext%3E%0A%3C%2Fsvg%3E%0A")}
.aivi-catalogue-skeleton{max-width:1440px;margin:auto;padding:24px;color:#352a2e;font:15px/1.5 system-ui,sans-serif}
.aivi-skeleton-header{display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid #e7dfda;padding-bottom:20px}
.aivi-skeleton-header img{width:105px;height:65px;object-fit:contain}.aivi-skeleton-search{height:42px;max-width:650px;flex:1;border:1px solid #e5dfda;border-radius:24px;background:#f5f3f1}
.aivi-skeleton-message{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:24px 0}.aivi-skeleton-message p{margin:0}.aivi-skeleton-message button{padding:10px 20px;border:1px solid #463237;border-radius:8px;background:#463237;color:#fff;cursor:pointer;font:inherit}
.aivi-skeleton-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:24px 18px}.aivi-skeleton-card{min-width:0}.aivi-skeleton-picture{aspect-ratio:4/5;border-radius:12px;background:#f8f6f3 var(--aivi-product-placeholder) center/contain no-repeat}
.aivi-skeleton-line{height:13px;background:#ede9e5;border-radius:4px;margin-top:12px;animation:aivi-skeleton-pulse 1.8s ease-in-out infinite}.aivi-skeleton-line:last-child{width:42%;height:11px;margin-top:9px}
.aivi-image-frame{background:#f8f6f3 var(--aivi-product-placeholder) center/contain no-repeat;isolation:isolate}.aivi-image-frame[data-aivi-media-state="loaded"]{background-image:none}
img[data-aivi-image-state="pending"],img[data-aivi-image-state="error"]{opacity:0!important}img[data-aivi-image-state="loaded"]{opacity:1;transition:opacity .18s ease}
.aivi-image-frame[data-aivi-media-state="pending"][data-aivi-near="true"]::before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 25%,#ffffff70 47%,transparent 68%);transform:translateX(-100%);animation:aivi-image-shimmer 2.4s ease-in-out infinite;pointer-events:none}
.aivi-image-frame[data-aivi-media-state="error"]::after{content:"Image unavailable";position:absolute;inset:auto 8px 14px;text-align:center;font:12px system-ui,sans-serif;color:#665954;pointer-events:none}
@keyframes aivi-skeleton-pulse{50%{opacity:.45}}@keyframes aivi-image-shimmer{to{transform:translateX(100%)}}
@media(max-width:1100px){.aivi-skeleton-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:650px){.aivi-catalogue-skeleton{padding:16px}.aivi-skeleton-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}.aivi-skeleton-search{display:none}.aivi-skeleton-message{align-items:flex-start}.aivi-skeleton-header img{width:85px;height:52px}}
@media(prefers-reduced-motion:reduce){.aivi-skeleton-line,.aivi-image-frame::before{animation:none!important}img[data-aivi-image-state="loaded"]{transition:none}}
