.liv112{--brand-accent:#DA9A77}

.liv112.liv-categories{--liv-accent:#DA9A77;--liv-ink:#514337;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 0,#fffaf2 0,#f5efe6 72%);color:var(--liv-ink);padding:48px 0 38px;border-top:1px solid #e3d5c438;font-family:Kalameh,Arial,sans-serif}
.liv112 .liv-category-heading{text-align:center;margin:0 20px 29px}
.liv112 .liv-category-eyebrow{font:9px Georgia,serif;letter-spacing:3px;direction:ltr;color:#aa8c70;display:block;margin-bottom:9px}
.liv112 .liv-category-heading h2{font-family:Kalameh,LivKalameh,Arial,sans-serif;font-size:26px;font-weight:800;line-height:1.6;margin:0;color:#514337}
.liv112 .liv-category-heading p{font-size:12px;line-height:2;margin:6px 0 0;color:#8f7b67}
.liv112 .liv-rack-scroll{overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:#DA9A7766 transparent;overscroll-behavior-x:contain;padding:0 24px 12px;touch-action:pan-x pan-y;cursor:default}
.liv112 .liv-rack{position:relative;max-width:1360px;min-width:1020px;margin:auto;padding:10px 15px 0;direction:rtl;user-select:none}
.liv112 .liv-rail{position:absolute;top:15px;left:18px;right:18px;height:9px;border-radius:12px;background:linear-gradient(180deg,#EBC4AD 0%,#F5DED0 28%,#DA9A77 54%,#A96D4E 78%,#DCAE92 100%);box-shadow:0 3px 5px #8A4F361a;z-index:0}
.liv112 .liv-rail:before,.liv112 .liv-rail:after{content:"";position:absolute;top:-3px;width:15px;height:15px;border-radius:50%;background:radial-gradient(circle at 35% 28%,#F5DED0,#DA9A77 55%,#A96D4E);box-shadow:0 1px 3px #5f48202b}
.liv112 .liv-rail:before{left:-6px}
.liv112 .liv-rail:after{right:-6px}
.liv112 .liv-category-list{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0;margin:0;padding:0;list-style:none;position:relative;z-index:1}
.liv112 .liv-category-card{position:relative;display:flex;flex-direction:column;align-items:center;text-decoration:none;color:inherit;outline:none;-webkit-tap-highlight-color:transparent}
.liv112 .liv-hanging-space{height:316px;width:100%;display:flex;justify-content:center;align-items:flex-start;position:relative}
.liv112 .liv-hanging-image{height:var(--liv-size);width:var(--liv-size);max-width:none;object-fit:contain;flex-shrink:0;transform-origin:48% 2.2%;filter:drop-shadow(3px 5px 3px #79654716);pointer-events:none;will-change:transform;position:relative;z-index:1}
.liv112 .liv-category-name{font-size:13px;line-height:2.1;white-space:nowrap;position:relative;padding:9px 5px 5px;transition:color .2s}
.liv112 .liv-category-name:after{content:"";position:absolute;left:50%;bottom:0;width:18px;height:1px;background:var(--liv-accent);transform:translateX(-50%) scaleX(0);transition:transform .25s}
.liv112 .liv-category-card:hover .liv-category-name,.liv112 .liv-category-card:focus-visible .liv-category-name{color:#b77d5d}
.liv112 .liv-category-card:hover .liv-category-name:after,.liv112 .liv-category-card:focus-visible .liv-category-name:after{transform:translateX(-50%) scaleX(1)}
.liv112 .liv-category-card:focus-visible{outline:1px solid var(--liv-accent);outline-offset:4px;border-radius:4px}
@keyframes liv112-sway{0%{transform:rotate(0)}20%{transform:rotate(2.2deg)}43%{transform:rotate(-1.8deg)}65%{transform:rotate(1.1deg)}82%{transform:rotate(-.5deg)}100%{transform:rotate(0)}}
@media(hover:hover){.liv112 .liv-category-card:hover .liv-hanging-image{animation:liv112-sway 1.3s ease-in-out both}
}
.liv112 .liv-category-card:focus-visible .liv-hanging-image,.liv112 .liv-category-card.liv-touch-sway .liv-hanging-image{animation:liv112-sway 1.3s ease-in-out both}
.liv112 .liv-mobile-guide{display:none;text-align:center;font-size:10px;color:#a18a72;margin:14px 20px 0;line-height:2}
@media(max-width:700px){.liv112.liv-categories{padding:32px 0 25px}
.liv112 .liv-category-heading{margin-bottom:23px}
.liv112 .liv-category-heading h2{font-size:23px}
.liv112 .liv-category-heading p{font-size:11px}
.liv112 .liv-category-eyebrow{font-size:8px}
.liv112 .liv-rack-scroll{padding:0 18px 12px;scrollbar-width:none;scroll-snap-type:x proximity}
.liv112 .liv-rack-scroll::-webkit-scrollbar{display:none}
.liv112 .liv-rack{min-width:1050px;padding-left:5px;padding-right:5px}
.liv112 .liv-hanging-space{height:280px}
.liv112 .liv-hanging-image{height:calc(var(--liv-size) * .88);width:calc(var(--liv-size) * .88)}
.liv112 .liv-category-name{font-size:12px}
.liv112 .liv-category-list>li{scroll-snap-align:center}
.liv112 .liv-mobile-guide{display:block}
}
@media(prefers-reduced-motion:reduce){.liv112 .liv-hanging-image{animation:none!important}
.liv112 .liv-category-name,.liv112 .liv-category-name:after{transition:none}
}

.liv112{--liv-brand:#DA9A77;--liv-title:#49332B;--liv-body:#695247}
.liv112.liv-categories{font-family:LivKalameh,Kalameh,Arial,sans-serif}
.liv112 .liv-category-jump{color:#765346;text-decoration:none;font-size:13px;line-height:1.8;white-space:nowrap;border-bottom:1px solid #DA9A7766;padding-bottom:3px;display:inline-flex;gap:9px;align-items:center}
.liv112 .liv-category-jump:hover{color:#4b3328}
.liv112 .liv-category-jump:focus-visible{outline:2px solid #92604b;outline-offset:5px}
.liv112.liv-categories{background:#FCF8F4;padding-top:43px}
.liv112 .liv-category-heading{margin-bottom:31px}
.liv112 .liv-category-eyebrow{color:#a16b50;font-size:9px;letter-spacing:3px;display:inline-flex;align-items:center;gap:13px;margin-bottom:12px}
.liv112 .liv-category-eyebrow:before,.liv112 .liv-category-eyebrow:after{content:"";width:24px;height:1px;background:var(--liv-brand)}
.liv112 .liv-category-heading h2{font-family:LivKalameh,Kalameh,LivKalameh,Arial,sans-serif;color:#674B3D;font-size:32px;line-height:1.7;font-weight:750}
.liv112 .liv-category-heading p{font-family:LivKalameh,Kalameh,Arial,sans-serif;color:#8a7263;font-size:14px;line-height:2;margin-top:2px}
.liv112 .liv-category-name{font-size:16px;color:#624a3d;font-weight:500;line-height:2.1}
.liv112 .liv-category-card:hover .liv-category-name,.liv112 .liv-category-card:focus-visible .liv-category-name{color:#9c6245}
.liv112 .liv-category-name:after{height:2px;width:23px;background:var(--liv-brand)}
.liv112 .liv-mobile-guide{font-family:LivKalameh,Kalameh,Arial,sans-serif;font-size:12px;color:#886f5b}
@media(min-width:701px) and (max-width:1050px){.liv112 .liv-category-jump{font-size:11px}
}
@media(max-width:700px){.liv112 .liv-category-jump{font-size:11px;gap:5px}
.liv112.liv-categories{padding-top:31px}
.liv112 .liv-category-heading{margin:0 20px 27px}
.liv112 .liv-category-eyebrow{font-size:8px;letter-spacing:2px;margin-bottom:10px}
.liv112 .liv-category-eyebrow:before,.liv112 .liv-category-eyebrow:after{width:15px}
.liv112 .liv-category-heading h2{font-size:24px;line-height:1.7}
.liv112 .liv-category-heading p{font-size:12px;line-height:1.9;max-width:300px;margin:4px auto 0}
.liv112 .liv-category-name{font-size:14px}
}
@media(max-width:360px){.liv112 .liv-category-jump{font-size:10px}
}

.liv112.liv-categories .liv-category-heading h2,.liv112.liv-categories .liv-category-heading p,.liv112.liv-categories .liv-category-eyebrow,.liv112.liv-categories .liv-category-name,.liv112.liv-categories .liv-mobile-guide{color:#151515}
.liv112 .liv-category-card:hover .liv-category-name,.liv112 .liv-category-card:focus-visible .liv-category-name{color:#000}

.liv112{--liv-brand:#DA9A77;--liv-title:#382D29;--liv-body:#493B35;--liv-small:#6E5145;--liv-button-ink:#FFF1E4}

.liv112{--liv-green:#486451;--liv-green-deep:#3B5544}


.liv112{--liv-title:#382D29;--liv-body:#493B35;--liv-detail:#DA9A77;--liv-fine:#1D1917}














.liv112.liv-categories .liv-category-heading h2,.liv112.liv-categories .liv-category-name{color:#352C28}
.liv112.liv-categories .liv-category-heading p,.liv112.liv-categories .liv-mobile-guide{color:#6B5D55}
.liv112.liv-categories .liv-category-eyebrow{color:#8A4F36}
.liv112.liv-categories .liv-category-card:hover .liv-category-name,.liv112.liv-categories .liv-category-card:focus-visible .liv-category-name{color:#24594F}

.liv112{--liv-title:#382D29;--liv-body:#493B35}













/* Instance isolation and a variable number of independent cards. */
.liv112{font-family:LivKalameh,Kalameh,Arial,sans-serif}.liv112,.liv112 *{box-sizing:border-box}.liv112 .liv-category-list{grid-template-columns:repeat(var(--liv-count,6),minmax(0,1fr))}.liv112[data-custom-text="true"] .liv-category-heading h2,.liv112[data-custom-text="true"] .liv-category-eyebrow,.liv112[data-custom-text="true"] .liv-category-name,.liv112[data-custom-text="true"] .liv-mobile-guide,.liv112[data-custom-text="true"] .liv-category-description{color:var(--liv-copy)}.liv112 .liv-category-description{font-size:14px;line-height:2;color:#6B5D55;margin:2px 0 0}.liv112 .liv-category-description p{margin:0}.liv112 .liv-category-extra{font-size:12px;line-height:1.8;text-align:center}.liv112 .liv-category-card{color:inherit}.liv112 .liv-category-card[style]:not([style=""]) .liv-category-name{color:inherit}.liv112 .liv-rack-scroll:focus-visible{outline:2px solid var(--liv-brand);outline-offset:-3px}
@media(max-width:700px){.liv112 .liv-category-description{font-size:12px;line-height:1.9;max-width:300px;margin:4px auto 0}}



/* Livgallery prototype refresh — 2026-10-17. Scoped to this new type. */
[data-element-type="112"]{--brand-accent: #DA9A77; --liv-brand: #DA9A77; --liv-title: #2F2926; --liv-body: #6B605A; --liv-fine: #2F2926; --liv-detail: #DA9A77; --liv-green: #24594F; --liv-green-deep: #1C493F;}
.liv112[data-element-type].liv-categories{--liv-accent: #DA9A77; --liv-ink: #2F2926; background: radial-gradient(at 50% 0px, rgb(255, 249, 243) 0px, rgb(252, 248, 244) 72%); color: rgb(47, 41, 38); border-top-color: rgb(229, 217, 208);}
.liv112[data-element-type] .liv-category-heading h2,
.liv112[data-element-type] .liv-category-name{color: rgb(47, 41, 38);}
.liv112[data-element-type] .liv-category-heading p,
.liv112[data-element-type] .liv-mobile-guide{color: rgb(107, 96, 90);}
.liv112[data-element-type] .liv-category-eyebrow{color: rgb(138, 79, 54);}
.liv112[data-element-type] .liv-category-eyebrow::before,
.liv112[data-element-type] .liv-category-eyebrow::after{background: rgb(218, 154, 119);}
.liv112[data-element-type] .liv-category-card:hover .liv-category-name,
.liv112[data-element-type] .liv-category-card:focus-visible .liv-category-name{color: rgb(36, 89, 79);}
.liv112[data-element-type] .liv-category-name::after{background: rgb(36, 89, 79);}
.liv112[data-element-type] .liv-category-card:focus-visible{outline-color: rgb(36, 89, 79);}
.liv112[data-element-type] .liv-rack-scroll{scrollbar-color: rgb(143, 129, 120) rgb(244, 225, 213);}
.liv112[data-element-type] .liv-rail{background: linear-gradient(rgb(235, 196, 173) 0%, rgb(245, 222, 208) 28%, rgb(218, 154, 119) 54%, rgb(169, 109, 78) 78%, rgb(220, 174, 146) 100%); box-shadow: rgba(138, 79, 54, 0.12) 0px 3px 6px, rgba(138, 79, 54, 0.094) 0px 16px 30px;}
.liv112[data-element-type] .liv-rail::before,
.liv112[data-element-type] .liv-rail::after{background: radial-gradient(circle at 35% 30%, rgb(245, 222, 208), rgb(218, 154, 119) 70%); box-shadow: rgba(138, 79, 54, 0.17) 0px 1px 3px;}
.liv112[data-element-type].liv-categories{background: rgb(250, 247, 243); --liv-accent: #B79882; --liv-ink: #443934;}
.liv112[data-element-type].liv-categories .liv-rail{background: linear-gradient(rgb(210, 191, 175) 0%, rgb(194, 168, 148) 38%, rgb(183, 152, 130) 68%, rgb(173, 140, 117) 100%); box-shadow: rgba(121, 102, 87, 0.086) 0px 3px 6px, rgba(121, 102, 87, 0.05) 0px 12px 24px;}
.liv112[data-element-type].liv-categories .liv-rail::before,
.liv112[data-element-type].liv-categories .liv-rail::after{background: radial-gradient(circle at 35% 30%, rgb(213, 195, 181), rgb(183, 152, 130) 76%); box-shadow: rgba(121, 102, 87, 0.125) 0px 1px 3px;}
.liv112[data-element-type].liv-categories .liv-category-name{color: rgb(68, 57, 52); font-size: 15px; font-weight: 500;}
.liv112[data-element-type].liv-categories .liv-category-heading h2{color: rgb(68, 57, 52);}
.liv112[data-element-type].liv-categories .liv-category-eyebrow{color: rgb(140, 115, 98);}
.liv112[data-element-type].liv-categories .liv-category-eyebrow::before,
.liv112[data-element-type].liv-categories .liv-category-eyebrow::after{background: rgb(183, 152, 130);}
.liv112[data-element-type].liv-categories .liv-category-name::after{background: rgb(183, 126, 133);}
.liv112[data-element-type].liv-categories .liv-category-card:hover .liv-category-name,
.liv112[data-element-type].liv-categories .liv-category-card:focus-visible .liv-category-name{color: rgb(133, 84, 92);}
.liv112[data-element-type].liv-categories .liv-category-card:focus-visible{outline-color: rgb(133, 84, 92);}
@media (max-width: 700px){
.liv112[data-element-type].liv-categories .liv-category-name{font-size: 13px;}
}
.liv112[data-element-type].liv-categories{background: rgb(252, 249, 245); border-top: 0px; padding: 30px 0px 65px;}
.liv112[data-element-type].liv-categories .liv-category-heading{margin: 0px 20px 15px; text-align: center;}
.liv112[data-element-type].liv-categories .liv-category-heading h2{ font-weight: 700; font-size: clamp(26px, 2.2vw, 44px); line-height: 1.5; color: rgb(102, 81, 79);}
.liv112[data-element-type] .liv-rack-scroll{padding: 0px; scrollbar-width: none;}
.liv112[data-element-type] .liv-rack{max-width: 1983px; margin: auto; min-width: 1000px;}
.liv112[data-element-type] .liv-category-list{display: grid; grid-template-columns: 413fr 300fr 300fr 300fr 300fr 370fr; gap: 0px; list-style: none; margin: 0px; padding: 0px; direction: rtl;}
.liv112[data-element-type] .liv-category-card{display: flex; flex-direction: column; align-items: stretch; text-decoration: none; color: rgb(102, 81, 79);}
.liv112[data-element-type] .liv-hanging-image{display: block; width: 100%; height: auto; overflow: hidden; pointer-events: none; filter: none; flex: 0 0 auto;}
.liv112[data-element-type].liv-categories .liv-category-card .liv-category-name{display: block; align-self: stretch; text-align: center; color: rgb(102, 81, 79); font-size: clamp(14px, 1.4vw, 27px); line-height: 1.8; font-weight: 500; white-space: nowrap; padding: 12px 0px 4px; transform: translateX(var(--label-shift));}
.liv112[data-element-type] .liv-category-card:hover .liv-category-name,
.liv112[data-element-type] .liv-category-card:focus-visible .liv-category-name{color: rgb(133, 84, 92);}
.liv112[data-element-type] .liv-category-card:focus-visible{outline: rgb(133, 84, 92) solid 2px; outline-offset: -4px; border-radius: 10px;}
@media (max-width: 700px){
.liv112[data-element-type].liv-categories{padding: 25px 0px 28px;}
.liv112[data-element-type].liv-categories .liv-category-heading{margin-bottom: 15px;}
.liv112[data-element-type].liv-categories .liv-category-heading h2{font-size: 25px;}
.liv112[data-element-type] .liv-rack{min-width: 1120px;}
.liv112[data-element-type].liv-categories .liv-category-card .liv-category-name{font-size: 14px; padding-top: 8px;}
.liv112[data-element-type].liv-categories .liv-mobile-guide{color: rgb(121, 101, 94);}
}
@media (min-width: 701px){
.liv112[data-element-type].liv-categories{padding: 30px 0px 35px;}
.liv112[data-element-type].liv-categories .liv-category-heading{margin-bottom: 20px;}
.liv112[data-element-type].liv-categories .liv-category-heading h2{font-size: 32px;}
.liv112[data-element-type].liv-categories .liv-rack{width: calc(100% - 48px); max-width: 1360px; min-width: 1000px; margin: 0px auto;}
.liv112[data-element-type].liv-categories .liv-category-card .liv-category-name{font-size: 15px; line-height: 2; padding: 16px 0px 4px;}
}
.liv112[data-element-type].liv-categories{background: none transparent;}
.liv112[data-element-type] .liv-rack{position: relative;}
.liv112[data-element-type] .liv-category-list > li{min-width: 0px; position: relative;}
.liv112[data-element-type] .liv-category-list{position: relative; z-index: 1;}
.liv112[data-element-type].liv-categories .liv-hanging-image{overflow: visible; filter: none !important; transform: none !important; animation: auto ease 0s 1 normal none running none !important;}
.liv112[data-element-type] .liv-category-card{position: relative; overflow: visible;}
.liv112[data-element-type] .liv-category-card:hover,
.liv112[data-element-type] .liv-category-card:focus-visible{z-index: 3;}
.liv112[data-element-type] .liv-clothing-motion{transform-box: fill-box; will-change: transform;}
@media (prefers-reduced-motion: reduce){
.liv112[data-element-type] .liv-clothing-motion{will-change: auto;}
}

/* The six upload slots remain editable; their artwork shares the reference rail. */
.liv112[data-element-type] .liv-rack{padding:0;position:relative}
.liv112[data-element-type] .liv-category-list{grid-template-columns:413fr 300fr 300fr 300fr 300fr 370fr;gap:0;padding:0}
.liv112[data-element-type] .liv-category-card{display:flex;flex-direction:column;align-items:stretch;animation:none;transform:none}
.liv112[data-element-type] .liv-hanging-space{display:block;width:100%;height:auto;aspect-ratio:300/500;overflow:visible}
.liv112[data-element-type] li:first-child .liv-hanging-space{aspect-ratio:413/500}
.liv112[data-element-type] li:last-child .liv-hanging-space{aspect-ratio:370/500}
.liv112[data-element-type] .liv-hanging-image{position:static;width:100%;height:100%;max-width:none;object-fit:contain;transform:none;filter:drop-shadow(0 8px 7px #5A403320);transform-origin:50% 6%}
.liv112[data-element-type] .liv-rail{left:3.3%;right:3.4%;top:5.2%;height:2.8%;z-index:2;pointer-events:none}
.liv112[data-element-type] .liv-category-card:hover .liv-hanging-image,.liv112[data-element-type] .liv-category-card:focus-visible .liv-hanging-image{animation:liv-prototype-sway 1.2s ease-in-out}
@keyframes liv-prototype-sway{0%,100%{transform:rotate(0)}30%{transform:rotate(3deg)}65%{transform:rotate(-2deg)}}
@media(prefers-reduced-motion:reduce){.liv112[data-element-type] .liv-category-card .liv-hanging-image{animation:none!important}}
.liv112[data-element-type] .liv-category-heading .liv-category-eyebrow,.liv112[data-element-type] .liv-category-description{display:none}
.liv112[data-element-type] .liv-category-list{grid-template-columns:repeat(var(--liv-count,6),minmax(0,1fr))}
.liv112[data-element-type] .liv-category-list[style*="--liv-count:6"]{grid-template-columns:413fr 300fr 300fr 300fr 300fr 370fr}
.liv112[data-element-type] .liv-category-card:hover .liv-hanging-space,.liv112[data-element-type] .liv-category-card:focus-visible .liv-hanging-space{animation:liv-prototype-sway 1.2s ease-in-out;transform-origin:50% 6%}
@media(prefers-reduced-motion:reduce){.liv112[data-element-type] .liv-category-card .liv-hanging-space{animation:none!important}}

.liv112[data-element-type] .liv-reference-static-rail{position:absolute;left:0;top:0;width:100%;height:auto;overflow:visible;pointer-events:none;z-index:2;filter:drop-shadow(0 3px 4px #77503C18)}