/* Image-only collection cards; product detail pages retain their information. */
body :is(.iq-catalog,.kikliy-color-catalog) .iq-card :is(h3,p,.iq-badge){display:none!important}
body :is(.iq-catalog,.kikliy-color-catalog) .iq-card{padding:0!important;margin:0;min-height:0;background:transparent;overflow:hidden;border-radius:16px}
body :is(.iq-catalog,.kikliy-color-catalog) .iq-card>a{display:block;line-height:0}
body :is(.iq-catalog,.kikliy-color-catalog) .iq-card img{display:block;width:100%;height:auto;aspect-ratio:auto;max-height:none;object-fit:contain;margin:0;padding:0;border-radius:16px}
body :is(.iq-catalog,.kikliy-color-catalog) .iq-grid{gap:20px;align-items:start}
/* Restore only homepage hero alignment. */
body.home .kikliy-hero-copy,body.home .kikliy-qr-hero-copy,
body.home :is(.kikliy-hero-copy,.kikliy-qr-hero-copy) :is(h1,h2,p){text-align:center!important;margin-left:auto!important;margin-right:auto!important}
body.home .kikliy-hero-actions{justify-content:center!important}
/* Same quiet accordion layout as coloring FAQs, on every collection page. */
body .kikliy-faq{max-width:1000px;margin-inline:auto}
body .kikliy-faq details{max-width:none;border:0;border-bottom:1px solid #dfd6e9;border-radius:0;background:transparent;padding:16px 0;margin:0;text-align:left}
body .kikliy-faq summary{display:list-item;list-style:disclosure-closed;font-weight:700;color:#493760;text-align:left;padding:0;cursor:pointer}
body .kikliy-faq details[open]>summary{list-style:disclosure-open}
body .kikliy-faq details p{line-height:1.8;text-align:left!important;margin:12px 0 0}
/* Remove duplicate theme title and stacked margins only on the coloring index. */
body.kikliy-coloring-index main>:is(h1,.entry-title,.wp-block-post-title),body.kikliy-coloring-index .entry-header{display:none}
body.kikliy-coloring-index .kikliy-color-catalog{margin-top:12px;padding-top:0}
body.kikliy-coloring-index .kikliy-coloring-content{margin-top:24px}
body.kikliy-coloring-index .kikliy-coloring-content>.aidz-home-section{padding-block:24px;margin-block:0}
body.kikliy-coloring-index .kikliy-coloring-content>.kikliy-template-guide{padding-bottom:12px;margin-bottom:0}
body.kikliy-coloring-index .kikliy-template-guide>p:last-child{margin-bottom:0}
/* Interactive, layered artwork paired with the numbered pointers. */
.kikliy-steps-visual ol{list-style:none;counter-reset:demo-step;padding:0}
.kikliy-steps-visual li{counter-increment:demo-step;position:relative;padding:12px 14px 12px 54px;border-radius:14px;transition:background .35s}
.kikliy-steps-visual li:before{content:counter(demo-step);position:absolute;left:10px;top:14px;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#e9dff5;color:#60448b;font-weight:700}
.kikliy-steps-visual li.is-current{background:#eee5f8}
.kikliy-steps-visual li.is-current:before{background:#7357a7;color:white}
.kikliy-card-demo{min-width:0;width:100%}
.kikliy-demo-stack{position:relative;height:350px;max-width:360px;margin:auto;isolation:isolate}
.kikliy-demo-stack:before{content:'';position:absolute;inset:12% 0;border-radius:50%;background:radial-gradient(ellipse,#e4d5f9,transparent 70%);z-index:-1}
.kikliy-demo-stack .kikliy-demo-card{position:absolute;inset:26px 48px 20px;background:linear-gradient(140deg,#edfaff,#eee2fa);padding:9px;border:2px solid white;border-radius:20px;box-shadow:0 14px 25px #39215825;transition:transform .7s ease,opacity .7s ease;overflow:hidden;transform:rotate(-10deg) translateX(-24px) scale(.91);opacity:.8;z-index:1}
.kikliy-demo-stack .kikliy-demo-card[data-position="0"]{transform:translateY(-5px);opacity:1;z-index:4}
.kikliy-demo-stack .kikliy-demo-card[data-position="1"]{transform:rotate(10deg) translateX(24px) scale(.94);opacity:1;z-index:3}
.kikliy-demo-stack .kikliy-demo-card[data-position="2"]{transform:rotate(-10deg) translateX(-24px) scale(.94);opacity:1;z-index:2}
.kikliy-demo-stack .kikliy-demo-card img{width:100%;height:100%;aspect-ratio:auto;object-fit:contain;border-radius:10px;max-height:none}
.kikliy-demo-controls{display:flex;justify-content:center;gap:12px;margin-top:8px}
.kikliy-demo-controls button{display:grid;place-items:center;width:36px;height:36px;border:1px solid #d5c3e8;border-radius:50%;background:#fff;color:#7357a7;cursor:pointer;font:18px Arial}
.kikliy-demo-controls button:focus-visible{outline:2px solid #7357a7;outline-offset:3px}
@media(max-width:650px){body :is(.iq-catalog,.kikliy-color-catalog) .iq-grid{gap:14px}.kikliy-demo-stack{height:320px;max-width:320px}.kikliy-demo-stack .kikliy-demo-card{inset-inline:42px}.kikliy-steps-visual{gap:12px}}
@media(prefers-reduced-motion:reduce){.kikliy-demo-stack .kikliy-demo-card,.kikliy-steps-visual li{transition:none}}

/* Visited links must not inherit the white download-button text fill. */
body .kikliy-color-product .iq-product-buttons a.kikliy-color-browse,
body .kikliy-color-product .iq-product-buttons a.kikliy-color-browse:is(:link,:visited,:hover,:focus,:active){color:#60438e!important;-webkit-text-fill-color:#60438e!important;background:#fff!important;border:1px solid #7357a7;text-decoration:none}
body .kikliy-color-product .iq-product-buttons a.kikliy-color-browse:hover{background:#eee6f8!important}
body .kikliy-color-product .iq-product-buttons a.kikliy-color-browse:focus-visible{outline:2px solid #7357a7;outline-offset:3px}

/* Explicit thumbnail boxes prevent lazy-image intrinsic heights stretching cards. */
body :is(.iq-catalog,.kikliy-color-catalog) .iq-card{height:auto!important;min-height:0!important;max-height:none!important;align-self:start}
body :is(.iq-catalog,.kikliy-color-catalog) .iq-card>a{position:relative;display:block!important;width:100%;height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:5/7!important;padding:0!important;margin:0!important;overflow:hidden;background:#efeee7;border-radius:14px}
body .kikliy-catalog-png .iq-card>a{aspect-ratio:1!important}
body :is(.iq-catalog,.kikliy-color-catalog) .iq-card>a>img{position:absolute!important;inset:0;display:block!important;width:100%!important;height:100%!important;min-height:0!important;max-height:100%!important;max-width:100%!important;aspect-ratio:auto!important;object-fit:contain!important;object-position:center;padding:0!important;margin:0!important;contain-intrinsic-size:none!important;box-sizing:border-box;transform:none!important}
body :is(.iq-catalog,.kikliy-color-catalog) .iq-grid{align-items:start;align-content:start;grid-auto-rows:auto;row-gap:16px!important}
body .kikliy-category-previews{display:flex!important;flex-wrap:nowrap!important;align-items:flex-start;gap:16px;overflow-x:auto;overflow-y:hidden;width:100%;max-width:100%;min-width:0;box-sizing:border-box;scroll-snap-type:x proximity;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#bda6d9 transparent;padding:4px 2px 12px;margin:22px 0}
body .kikliy-category-previews>a{flex:0 0 88px;width:88px;scroll-snap-align:start}
body .kikliy-category-circle{width:80px;height:80px;aspect-ratio:1}
@media(max-width:650px){body .kikliy-category-previews{gap:12px}body .kikliy-category-previews>a{flex-basis:76px;width:76px}body .kikliy-category-circle{width:68px;height:68px}}
/* Standalone K follows background contrast and matches the wordmark height. */
html body :is(.site-header,.site-footer) .brand:before{background-image:none!important;background-color:#7357a7!important;-webkit-mask:url('kikliy-mark-067.svg') center/contain no-repeat;mask:url('kikliy-mark-067.svg') center/contain no-repeat;width:48px!important;height:48px!important;flex:0 0 48px!important}
html body :is(.site-header,.site-footer) .brand:after{width:80px!important;height:48px!important;flex:0 0 80px!important}
html body .site-footer .brand:before{background-color:#fff!important}
@media(min-width:701px){html body .site-header .brand:before{background-color:#fff!important}}
@media(max-width:700px){html body .site-header .brand:before{width:36px!important;height:36px!important;flex-basis:36px!important}html body .site-header .brand:after{width:60px!important;height:36px!important;flex-basis:60px!important}}
