/* VOALERA shared enhancements */
:root{--vo-pink:#f45b9a;--vo-green:#25d366;--vo-text:#222;--vo-muted:#737373;--vo-border:#e5e5e5;--vo-badge-empty:#d7d7d7;--vo-badge-full:#e53935}

/* خط عنوان جميع الأقسام */
.category_section_header_title,
main h1.category_section_header_title{
 font-family:"Cairo",sans-serif!important;
 font-size:28px!important;
 font-weight:600!important;
 line-height:1.4!important
}

/* Hide Easy Orders' square subcategory cards before first paint. */
.ab-categories,.ab-categories-header,.ab-categories-track{display:none!important}

/* The main /collections page mirrors the homepage category/brand layout. */
body.vo-collections-page main ul.vo-collections-category-grid{display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:20px 18px!important;width:100%!important;padding:0!important;list-style:none!important}
body.vo-collections-page main ul.vo-collections-category-grid>li{width:100%!important;margin:0!important}
body.vo-collections-page main ul.vo-collections-category-grid>li>div>div{width:100%!important;height:auto!important;aspect-ratio:1/1!important;overflow:hidden!important;border-radius:16px!important}
body.vo-collections-page main ul.vo-collections-category-grid img{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:16px!important}
body.vo-collections-page main ul.vo-collections-category-grid p{display:none!important}
.vo-collections-brands{width:100%;margin-top:38px}
.vo-collections-brands-title{margin:0 0 22px;color:var(--vo-text);font:700 30px/1.35 "Cairo",Arial,sans-serif;text-align:right}
.vo-collections-brand-grid{display:grid!important;grid-template-columns:repeat(12,minmax(0,1fr))!important;gap:18px 14px!important;width:100%!important;padding:0!important;list-style:none!important}
.vo-collections-brand-grid>li{width:100%!important;margin:0!important;cursor:pointer}
.vo-collections-brand-grid>li>div>div{width:100%!important;height:auto!important;aspect-ratio:1/1!important;overflow:hidden!important;border-radius:50%!important}
.vo-collections-brand-grid img{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:50%!important}
.vo-collections-brand-grid p{display:none!important}

/* Category search and tabs */
.vo-category-toolbar{position:relative;z-index:25;width:100%;margin:16px 0 20px;direction:rtl;font-family:"Cairo",Arial,sans-serif}
.vo-category-search-form{display:flex;align-items:center;gap:10px;width:100%}
.vo-category-back,.vo-category-search-submit{appearance:none;display:inline-flex;align-items:center;justify-content:center;flex:0 0 48px;width:48px;height:48px;padding:0;border:1px solid var(--vo-border);border-radius:13px;background:#fff;color:var(--vo-text);cursor:pointer}
.vo-category-back svg,.vo-category-search-submit svg{width:23px;height:23px}
.vo-category-search-wrap{position:relative;flex:1;min-width:0}
.vo-category-search{box-sizing:border-box;width:100%;height:48px;padding:0 46px 0 14px;border:1px solid var(--vo-border);border-radius:13px;outline:0;background:#fff;color:var(--vo-text);font:500 15px/1.4 "Cairo",Arial,sans-serif}
.vo-category-search:focus{border-color:var(--vo-pink);box-shadow:0 0 0 3px rgba(244,91,154,.13)}
.vo-category-search-icon{position:absolute;z-index:2;top:50%;right:15px;width:21px;height:21px;transform:translateY(-50%);pointer-events:none}
.vo-search-suggestions{position:absolute;z-index:90;top:calc(100% + 7px);right:0;left:0;display:none;max-height:360px;overflow:auto;padding:6px;border:1px solid var(--vo-border);border-radius:13px;background:#fff;box-shadow:0 14px 34px rgba(0,0,0,.14)}
.vo-search-suggestions.is-open{display:block}
.vo-search-suggestion{display:flex;align-items:center;gap:10px;min-height:62px;padding:7px;border-radius:9px;color:var(--vo-text)!important;text-decoration:none!important;text-align:right}
.vo-search-suggestion:hover{background:#fff2f7}
.vo-search-suggestion img{width:48px;height:48px;flex:0 0 48px;object-fit:contain;border:1px solid #eee;border-radius:8px;background:#fff}
.vo-search-suggestion-copy{display:flex;min-width:0;flex-direction:column;gap:2px}
.vo-search-suggestion-name{display:-webkit-box;overflow:hidden;font-size:13px;line-height:1.55;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.vo-search-suggestion-price{color:var(--vo-pink);font-size:11px;font-weight:700}
.vo-search-status{padding:14px 10px;color:var(--vo-muted);text-align:center;font-size:12px}
.vo-subcategory-chips{display:flex;align-items:center;gap:10px;width:100%;margin-top:12px;padding:1px 0 5px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.vo-subcategory-chips::-webkit-scrollbar{display:none}
.vo-subcategory-chip{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-width:102px;min-height:48px;padding:0 19px;border:1px solid #dedede;border-radius:12px;background:#fff;color:var(--vo-text)!important;text-decoration:none!important;white-space:nowrap;font-size:15px;font-weight:600}
.vo-subcategory-chip:hover,.vo-subcategory-chip.is-active{border-color:var(--vo-pink);background:var(--vo-pink);color:#fff!important}

/* Bottom navigation */
body{padding-bottom:92px!important}
#vo-bottom-nav{position:fixed;z-index:100;right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));min-height:70px;padding:6px 7px calc(6px + env(safe-area-inset-bottom,0px));direction:rtl;border-top:1px solid #ececec;background:#fff;box-shadow:0 -5px 20px rgba(0,0,0,.08);font-family:"Cairo",Arial,sans-serif;transition:transform .2s ease,opacity .2s ease}
#vo-bottom-nav .vo-nav-item{position:relative;display:flex;min-width:0;min-height:55px;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:4px 2px;border:0;border-radius:12px;background:transparent;color:#606060;font:inherit;text-align:center;text-decoration:none!important;cursor:pointer;-webkit-tap-highlight-color:transparent}
#vo-bottom-nav .vo-nav-item.is-active{color:#111;font-weight:700}
#vo-bottom-nav .vo-nav-item.is-active:before{position:absolute;top:-7px;width:28px;height:3px;border-radius:0 0 5px 5px;background:#111;content:""}
#vo-bottom-nav .vo-nav-item--whatsapp{color:var(--vo-green)}
#vo-bottom-nav .vo-nav-icon{display:block;width:25px;height:25px;flex:0 0 25px;stroke:currentColor}
#vo-bottom-nav .vo-nav-label{display:block;overflow:hidden;width:100%;font-size:11px;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}
#vo-bottom-nav .vo-nav-item--checkout .vo-nav-label{font-size:10px}
#vo-bottom-nav .vo-cart-badge{position:absolute;top:1px;right:calc(50% - 21px);display:flex;min-width:18px;height:18px;align-items:center;justify-content:center;padding:0 4px;border:2px solid #fff;border-radius:999px;background:var(--vo-badge-empty);color:#fff;box-sizing:border-box;font-size:10px;font-weight:800;line-height:18px}
#vo-bottom-nav .vo-cart-badge.has-items{background:var(--vo-badge-full)}
body.vo-cart-open #vo-bottom-nav,body.vo-transaction-page #vo-bottom-nav{transform:translateY(125%);opacity:0;pointer-events:none}
body.vo-transaction-page{padding-bottom:0!important}

@media(min-width:1200px){
 body{padding-bottom:98px!important}
 #vo-bottom-nav{right:50%;left:auto;bottom:18px;width:min(570px,calc(100vw - 40px));min-height:66px;transform:translateX(50%);border:1px solid #e8e8e8;border-radius:20px;box-shadow:0 12px 38px rgba(0,0,0,.14)}
 body.vo-cart-open #vo-bottom-nav,body.vo-transaction-page #vo-bottom-nav{transform:translate(50%,135%)}
}

@media(max-width:767px){
 .vo-category-toolbar{margin-top:12px}
 .vo-category-back,.vo-category-search-submit{flex-basis:44px;width:44px;height:44px}
 .vo-category-search{height:44px;font-size:14px}
 .vo-subcategory-chip{min-width:92px;min-height:44px;padding:0 16px;font-size:14px}
 body.vo-collections-page main ul.vo-collections-category-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px 10px!important}
 .vo-collections-brand-grid{grid-template-columns:repeat(4,minmax(0,72px))!important;justify-content:center!important;gap:14px 10px!important}
 .vo-collections-brands-title{font-size:26px}
}

@media(min-width:768px) and (max-width:1024px){
 body.vo-collections-page main ul.vo-collections-category-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px 12px!important}
 .vo-collections-brand-grid{grid-template-columns:repeat(8,minmax(0,1fr))!important;gap:16px 12px!important}
}