/**
 * Theme Name: ZRDA
 * Theme URI: https://example.com/zrda
 * Description: Mobile-first marketplace theme for celebration services, products for sale, and event rentals.
 * Version: 1.0.0
 * Requires at least: 6.4
 * Requires PHP: 8.0
 * Text Domain: souk-des-occasions
 *
 * Design reminder: contemporary Moroccan market editorial — ivory paper, Souk Terracotta #B84E32,
 * almond green, charcoal; DM Serif Display headlines; Manrope utility text; tactile zellige geometry.
 */

@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=Manrope:wght@400;500;600;700;800&display=swap');

:root { --souk-paper:#fffaf1; --souk-paper-deep:#f5ecdf; --souk-ink:#2b2420; --souk-terra:#b84e32; --souk-terra-dark:#973920; --souk-almond:#e3ebdf; --souk-green:#507046; --souk-peach:#f0d6bf; --souk-line:rgba(43,36,32,.12); --souk-radius:1.25rem; --souk-shadow:0 14px 34px rgba(58,40,28,.09); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; overflow-x:hidden; background:var(--souk-paper); color:var(--souk-ink); font-family:'Manrope',Arial,sans-serif; font-size:16px; line-height:1.5; }
a { color:inherit; text-decoration:none; }
img { display:block; max-width:100%; height:auto; }
button, input, select, textarea { font:inherit; }
button, [type=submit] { cursor:pointer; }
::selection { background:var(--souk-terra); color:#fff; }
.souk-container { width:100%; max-width:1440px; margin:0 auto; padding:0 1rem; }
.souk-display { margin:0; font-family:'DM Serif Display',Georgia,serif; font-weight:400; letter-spacing:-.055em; line-height:.92; }
.souk-kicker { margin:0; color:var(--souk-terra); font-size:.61rem; font-weight:800; letter-spacing:.16em; line-height:1.25; text-transform:uppercase; }
.souk-button { display:inline-flex; align-items:center; justify-content:center; gap:.55rem; min-height:48px; border:1px solid var(--souk-terra); border-radius:999px; padding:.75rem 1.2rem; background:var(--souk-terra); color:#fff; font-size:.68rem; font-weight:800; letter-spacing:.11em; text-align:center; text-transform:uppercase; transition:transform .18s cubic-bezier(.23,1,.32,1),background .18s ease; }
.souk-button:hover { background:var(--souk-terra-dark); transform:translateY(-2px); }
.souk-button:active { transform:scale(.97); }
.souk-button--outline { border-color:var(--souk-line); background:transparent; color:var(--souk-ink); }
.souk-button--outline:hover { border-color:var(--souk-terra); background:#fff; color:var(--souk-terra); }
.souk-icon { width:1.1rem; height:1.1rem; fill:none; stroke:currentColor; stroke-width:2; }

/* Header — clear, stable, and compact on mobile. */
.site-header { position:sticky; z-index:40; top:0; border-bottom:1px solid var(--souk-line); background:rgba(255,250,241,.94); backdrop-filter:blur(18px); }
.site-header__row { display:flex; min-height:70px; align-items:center; justify-content:space-between; gap:1rem; }
.brand { display:flex; align-items:center; gap:.65rem; }
.brand__mark { position:relative; display:flex; width:2.5rem; height:2.35rem; align-items:flex-end; justify-content:center; gap:.22rem; border:2px solid var(--souk-terra); border-bottom:0; border-radius:1.5rem 1.5rem .2rem .2rem; padding-bottom:.43rem; color:var(--souk-terra); }
.brand__mark:after { position:absolute; right:.38rem; bottom:.17rem; left:.38rem; height:1px; background:currentColor; content:''; }
.brand__mark i { position:relative; z-index:1; display:block; width:.26rem; height:.26rem; border-radius:50%; background:currentColor; }
.brand__name { font-family:'DM Serif Display',Georgia,serif; font-size:1.6rem; letter-spacing:-.055em; line-height:.84; }
.primary-menu { display:none; margin:0; padding:0; list-style:none; }
.primary-menu a { display:block; padding:.65rem .1rem; font-size:.82rem; font-weight:700; color:rgba(43,36,32,.7); }
.primary-menu .current-menu-item a, .primary-menu a:hover { color:var(--souk-terra); }
.header-actions { display:none; align-items:center; gap:.75rem; }
.menu-toggle { display:grid; width:42px; height:42px; place-items:center; border:1px solid var(--souk-line); border-radius:50%; background:transparent; color:var(--souk-ink); }
.menu-toggle span, .menu-toggle:before, .menu-toggle:after { display:block; width:17px; height:1.5px; background:currentColor; content:''; transition:transform .2s ease; }
.menu-toggle span { margin:3px 0; }
.menu-toggle[aria-expanded=true] span { opacity:0; }
.menu-toggle[aria-expanded=true]:before { transform:translateY(4.5px) rotate(45deg); }
.menu-toggle[aria-expanded=true]:after { transform:translateY(-4.5px) rotate(-45deg); }
.mobile-menu { display:none; border-top:1px solid var(--souk-line); padding:1rem; background:var(--souk-paper); }
.mobile-menu.is-open { display:block; }
.mobile-menu .primary-menu { display:flex; flex-direction:column; gap:.15rem; }
.mobile-menu .primary-menu a { border-radius:1rem; padding:.85rem 1rem; }
.mobile-menu .primary-menu a:hover { background:var(--souk-paper-deep); }

/* Home. */
.souk-hero { position:relative; overflow:hidden; min-height:590px; border-bottom:1px solid var(--souk-line); background:var(--souk-paper-deep); }
.souk-hero__visual { position:absolute; inset:0; background:linear-gradient(90deg,rgba(255,250,241,.96) 0%,rgba(255,250,241,.79) 46%,rgba(255,250,241,.18) 100%),linear-gradient(135deg,#ead0b8 0%,#f6e8d7 55%,#d1d8c4 100%); background-position:center; background-size:cover; }
.souk-hero__visual.has-image { background-image:linear-gradient(90deg,rgba(255,250,241,.96) 0%,rgba(255,250,241,.76) 46%,rgba(255,250,241,.1) 100%),var(--hero-image); }
.souk-hero__shape { position:absolute; right:-13%; bottom:-28%; width:330px; height:330px; transform:rotate(18deg); border:36px solid rgba(184,78,50,.15); }
.souk-hero__inside { position:relative; display:flex; min-height:590px; flex-direction:column; justify-content:space-between; padding-top:2rem; padding-bottom:1.5rem; }
.souk-hero__eyebrow { display:flex; align-items:center; gap:.55rem; color:rgba(43,36,32,.66); font-size:.58rem; font-weight:800; letter-spacing:.15em; text-transform:uppercase; }
.souk-hero__eyebrow:before { width:7px; height:7px; border-radius:50%; background:var(--souk-terra); content:''; }
.souk-hero__content { max-width:680px; padding:4.5rem 0; }
.souk-hero h1 { max-width:610px; font-size:clamp(4rem,15vw,6.9rem); }
.souk-hero__copy { max-width:450px; margin:1.5rem 0 0; color:rgba(43,36,32,.72); font-size:.94rem; line-height:1.75; }
.souk-hero__actions { display:flex; flex-wrap:wrap; gap:.65rem; margin-top:1.8rem; }
.souk-hero__facts { display:flex; flex-wrap:wrap; gap:.8rem 1.3rem; border-top:1px solid rgba(43,36,32,.16); padding-top:1rem; color:rgba(43,36,32,.62); font-size:.72rem; font-weight:700; }

.souk-section { padding:4.5rem 0; }
.section-intro { display:grid; gap:1.25rem; }
.section-intro__title { max-width:570px; font-size:clamp(2.9rem,11vw,4.6rem); }
.section-intro__copy { max-width:550px; margin:0; color:rgba(43,36,32,.67); font-size:.88rem; line-height:1.75; }
.service-lanes { display:grid; gap:1.25rem; margin-top:2.5rem; }
.service-card { display:flex; min-height:470px; flex-direction:column; overflow:hidden; border-top:5px solid var(--accent,var(--souk-terra)); background:#fff; box-shadow:var(--souk-shadow); transition:transform .2s cubic-bezier(.23,1,.32,1),box-shadow .2s ease; }
.service-card:hover { transform:translateY(-5px); box-shadow:0 19px 44px rgba(58,40,28,.15); }
.service-card__image { position:relative; height:230px; overflow:hidden; background:var(--souk-peach); }
.service-card__image img { width:100%; height:100%; object-fit:cover; transition:transform .4s ease; }
.service-card:hover .service-card__image img { transform:scale(1.04); }
.service-card__image--fallback { background:linear-gradient(145deg,#f1d7c0,#fbf1e6); }
.service-card__body { display:flex; flex:1; flex-direction:column; padding:1.45rem; }
.service-card__title { margin-top:.8rem; font-size:2.35rem; }
.service-card__copy { margin:.9rem 0 0; color:rgba(43,36,32,.65); font-size:.83rem; line-height:1.7; }
.service-card__link { display:inline-flex; align-items:center; gap:.5rem; margin-top:auto; padding-top:1.8rem; color:var(--accent,var(--souk-terra)); font-size:.64rem; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.service-card__link:hover { text-decoration:underline; }
.souk-pro-space { border-top:1px solid var(--souk-line); border-bottom:1px solid var(--souk-line); background:var(--souk-almond); }
.pro-space { display:grid; gap:2.5rem; }
.pro-space__title { font-size:clamp(2.8rem,10vw,4.4rem); }
.pro-space__copy { max-width:520px; color:rgba(43,36,32,.7); font-size:.88rem; line-height:1.75; }
.pro-preview { display:grid; grid-template-columns:.74fr 1.26fr; gap:.75rem; align-items:end; }
.pro-preview__card { padding:1.25rem; background:var(--souk-paper); box-shadow:var(--souk-shadow); }
.pro-preview__card--dark { min-height:250px; background:var(--souk-ink); color:var(--souk-paper); }
.pro-preview__blocks { display:grid; grid-template-columns:repeat(3,1fr); gap:.45rem; margin-top:2.5rem; }
.pro-preview__blocks i { display:block; aspect-ratio:1; background:var(--souk-terra); }
.pro-preview__blocks i:nth-child(2) { background:#719268; }
.pro-preview__blocks i:nth-child(3) { background:#edc7a8; }

/* Archive, products, and portfolio. */
.archive-intro { border-bottom:1px solid var(--souk-line); background:var(--souk-paper-deep); }
.archive-intro__inside { padding:3.5rem 0; }
.archive-intro h1 { max-width:740px; margin-top:.65rem; font-size:clamp(3.1rem,11vw,5.5rem); }
.archive-intro p:not(.souk-kicker) { max-width:550px; margin:1.3rem 0 0; color:rgba(43,36,32,.67); font-size:.87rem; line-height:1.75; }
.souk-filter-bar { display:flex; gap:.55rem; overflow:auto; padding:1.5rem 0; scrollbar-width:none; }
.souk-filter-bar::-webkit-scrollbar { display:none; }
.filter-pill { flex:0 0 auto; border:1px solid var(--souk-line); border-radius:999px; padding:.65rem .85rem; background:#fff; color:rgba(43,36,32,.7); font-size:.63rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.filter-pill--active, .filter-pill:hover { border-color:var(--souk-terra); background:var(--souk-terra); color:#fff; }
.souk-listing-grid { display:grid; gap:1.1rem; }
.listing-card { overflow:hidden; border-top:4px solid var(--souk-terra); background:#fff; box-shadow:var(--souk-shadow); }
.listing-card__media { position:relative; aspect-ratio:16/9; overflow:hidden; background:linear-gradient(135deg,#f1d7c0,#fff6ec); }
.listing-card__media img { width:100%; height:100%; object-fit:cover; transition:transform .35s ease; }
.listing-card:hover .listing-card__media img { transform:scale(1.045); }
.listing-card__placeholder { position:absolute; top:0; right:-15%; bottom:0; width:54%; transform:skewX(-18deg); border-left:16px solid rgba(255,255,255,.45); }
.listing-card__number { position:absolute; top:.6rem; right:1rem; font-family:'DM Serif Display',Georgia,serif; color:rgba(43,36,32,.13); font-size:4.4rem; letter-spacing:-.1em; }
.listing-card__badge { position:absolute; bottom:1rem; left:1rem; border-radius:999px; padding:.38rem .62rem; background:#fff; color:var(--souk-ink); font-size:.53rem; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.listing-card__body { padding:1.25rem; }
.listing-card__title { font-size:2rem; }
.listing-card__meta, .listing-card__city { margin:.5rem 0 0; color:rgba(43,36,32,.62); font-size:.72rem; line-height:1.6; }
.listing-card__city { font-size:.65rem; font-weight:700; }
.listing-card__link { display:inline-flex; align-items:center; gap:.45rem; margin-top:1.35rem; color:var(--souk-terra); font-size:.62rem; font-weight:800; letter-spacing:.11em; text-transform:uppercase; }
.provider-layout { display:grid; gap:2.25rem; padding-top:2rem; padding-bottom:4rem; }
.back-link { display:inline-flex; align-items:center; gap:.45rem; margin-top:1.6rem; color:rgba(43,36,32,.62); font-size:.62rem; font-weight:800; letter-spacing:.11em; text-transform:uppercase; }
.profile-card { border-top:4px solid var(--souk-terra); padding:1.4rem; background:#fff; box-shadow:var(--souk-shadow); }
.profile-card__title { margin-top:1.4rem; font-size:3rem; }
.profile-card__copy { color:rgba(43,36,32,.64); font-size:.78rem; line-height:1.7; }
.profile-card__facts { margin:1.25rem 0; border-top:1px solid var(--souk-line); border-bottom:1px solid var(--souk-line); padding:1rem 0; color:rgba(43,36,32,.68); font-size:.72rem; font-weight:600; line-height:1.8; }
.profile-card__actions { display:grid; gap:.6rem; }
.portfolio-title { margin-top:.65rem; font-size:clamp(3rem,11vw,5.3rem); }
.portfolio-lede { max-width:700px; color:rgba(43,36,32,.68); font-size:.9rem; line-height:1.8; }
.portfolio-grid { display:grid; gap:.75rem; margin-top:2.2rem; }
.portfolio-tile { position:relative; min-height:260px; overflow:hidden; background:var(--souk-peach); }
.portfolio-tile img { width:100%; height:100%; object-fit:cover; }
.portfolio-tile:nth-child(2n) { background:var(--souk-almond); }
.portfolio-tile:nth-child(3n) { background:var(--souk-ink); }
.portfolio-tile__label { position:absolute; bottom:1rem; left:1rem; border-radius:999px; padding:.4rem .65rem; background:var(--souk-ink); color:#fff; font-size:.54rem; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.portfolio-tile:nth-child(3n) .portfolio-tile__label { background:var(--souk-paper); color:var(--souk-ink); }
.portfolio-services { margin-top:3rem; border-top:1px solid var(--souk-line); padding-top:1.75rem; }
.services-grid { display:grid; gap:1px; overflow:hidden; background:var(--souk-line); margin-top:1.25rem; }
.service-item { padding:1.3rem; background:var(--souk-paper); }
.service-item__number { font-family:'DM Serif Display',Georgia,serif; color:var(--souk-terra); font-size:2rem; }
.service-item h3 { margin:.8rem 0 0; font-size:.72rem; letter-spacing:.07em; text-transform:uppercase; }
.service-item p { margin:.6rem 0 0; color:rgba(43,36,32,.62); font-size:.75rem; line-height:1.65; }

/* Footer and thumb-friendly mobile dock. */
.site-footer { overflow:hidden; background:var(--souk-ink); color:var(--souk-paper); }
.site-footer__inside { position:relative; padding:3.75rem 0 2rem; }
.site-footer__inside:after { position:absolute; top:-5rem; right:-5rem; width:170px; height:170px; transform:rotate(13deg); background:repeating-linear-gradient(90deg,rgba(237,199,168,.16) 0 12px,transparent 12px 19px),repeating-linear-gradient(0deg,rgba(237,199,168,.16) 0 12px,transparent 12px 19px); content:''; }
.footer-grid { position:relative; z-index:1; display:grid; gap:2.4rem; }
.site-footer h2 { max-width:450px; font-size:clamp(2.8rem,10vw,4.2rem); }
.site-footer p { color:rgba(255,250,241,.64); font-size:.78rem; line-height:1.75; }
.footer-title { color:#edc7a8!important; font-size:.59rem!important; font-weight:800; letter-spacing:.15em; text-transform:uppercase; }
.footer-menu { display:grid; gap:.65rem; margin:1rem 0 0; padding:0; list-style:none; font-size:.75rem; font-weight:700; }
.footer-menu a:hover { color:#edc7a8; }
.footer-bottom { position:relative; z-index:1; display:flex; flex-wrap:wrap; gap:.5rem 1rem; margin-top:3rem; border-top:1px solid rgba(255,255,255,.12); padding-top:1rem; color:rgba(255,250,241,.43); font-size:.55rem; font-weight:800; letter-spacing:.11em; text-transform:uppercase; }
.mobile-dock { position:fixed; z-index:45; right:.75rem; bottom:max(.75rem,env(safe-area-inset-bottom)); left:.75rem; display:grid; grid-template-columns:repeat(4,1fr); border:1px solid var(--souk-line); border-radius:1.25rem; padding:.3rem; background:rgba(255,250,241,.95); box-shadow:0 12px 32px rgba(43,36,32,.2); backdrop-filter:blur(18px); }
.mobile-dock a { display:flex; min-height:50px; flex-direction:column; align-items:center; justify-content:center; gap:.2rem; border-radius:.95rem; color:rgba(43,36,32,.59); font-size:.5rem; font-weight:800; letter-spacing:.05em; text-transform:uppercase; }
.mobile-dock a.is-active, .mobile-dock a:hover { background:var(--souk-terra); color:#fff; }
body { padding-bottom:76px; }

@media (min-width:640px) { .souk-container { padding:0 2rem; } .souk-section { padding:6.2rem 0; } .souk-listing-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .portfolio-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .portfolio-tile:first-child { grid-column:span 2; min-height:350px; } .services-grid { grid-template-columns:repeat(3,1fr); } .footer-grid { grid-template-columns:1.4fr repeat(2,.8fr); } }
@media (min-width:900px) { .souk-container { padding:0 3.5rem; } .site-header__row { min-height:76px; } .primary-menu { display:flex; align-items:center; gap:2rem; } .header-actions { display:flex; } .menu-toggle, .mobile-menu { display:none!important; } .souk-hero__inside { padding-top:2.5rem; padding-bottom:2rem; } .section-intro { grid-template-columns:.75fr 1.25fr; align-items:end; } .service-lanes { grid-template-columns:repeat(3,1fr); } .pro-space { grid-template-columns:.9fr 1.1fr; align-items:center; } .souk-listing-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:1.35rem; } .provider-layout { grid-template-columns:315px minmax(0,1fr); gap:3.2rem; } .provider-sidebar { position:sticky; top:100px; height:max-content; } .portfolio-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .mobile-dock { display:none; } body { padding-bottom:0; } }
@media (prefers-reduced-motion:no-preference) { .souk-section, .archive-intro { animation:souk-reveal .5s cubic-bezier(.23,1,.32,1) both; } }
@keyframes souk-reveal { from { opacity:.01; transform:translateY(12px); } to { opacity:1; transform:translateY(0); } }

/* ZRDA home sequence — carousel → stories → circular service stands. */
.zrda-carousel { position:relative; min-height:590px; overflow:hidden; background:var(--souk-paper-deep); }
.zrda-slide { position:absolute; inset:0; opacity:0; pointer-events:none; transition:opacity .65s ease; background-image:var(--zrda-slide-image); background-position:center; background-size:cover; }
.zrda-slide.is-active { position:relative; opacity:1; pointer-events:auto; }
.zrda-slide__shade { position:absolute; inset:0; background:linear-gradient(90deg,rgba(255,250,241,.96),rgba(255,250,241,.74) 47%,rgba(255,250,241,.1)); }
.zrda-slide__inside { position:relative; display:flex; min-height:590px; flex-direction:column; justify-content:space-between; padding-top:1.7rem; padding-bottom:1.7rem; }
.zrda-slide__top { display:flex; align-items:center; justify-content:space-between; gap:1rem; }
.zrda-slide__top span, .zrda-section-head > span { font-size:.58rem; font-weight:800; letter-spacing:.12em; text-transform:uppercase; color:rgba(43,36,32,.58); }
.zrda-slide__content { max-width:720px; padding:4rem 0; }
.zrda-slide__content h1 { max-width:670px; font-size:clamp(3.8rem,13vw,7rem); }
.zrda-slide__content p { max-width:455px; margin:1.4rem 0 0; color:rgba(43,36,32,.72); font-size:.92rem; line-height:1.75; }
.zrda-slider-controls { display:flex; justify-content:flex-end; gap:.5rem; }
.zrda-slider-controls button { display:grid; width:42px; height:42px; place-items:center; border:0; border-radius:50%; background:var(--souk-ink); color:#fff; font-size:1.1rem; }
.zrda-slider-controls button:first-child { background:rgba(255,250,241,.8); color:var(--souk-ink); }
.zrda-stories { border-bottom:1px solid var(--souk-line); padding:2.4rem 0; background:#fff; }
.zrda-section-head { display:flex; align-items:baseline; justify-content:space-between; gap:1rem; }
.zrda-section-head h2 { margin:0; font-size:clamp(2rem,5vw,3rem); }
.zrda-stories__row, .zrda-category-row { display:flex; gap:1rem; margin-top:1.4rem; overflow-x:auto; padding-bottom:.45rem; scrollbar-width:none; }
.zrda-stories__row::-webkit-scrollbar, .zrda-category-row::-webkit-scrollbar { display:none; }
.zrda-story, .zrda-category { flex:0 0 auto; border:0; padding:0; background:transparent; color:var(--souk-ink); text-align:center; }
.zrda-story { width:76px; }
.zrda-story__ring { display:grid; width:76px; height:76px; place-items:center; overflow:hidden; border:3px solid var(--souk-terra); border-radius:50%; padding:3px; background:#edc7a8; }
.zrda-story img { width:100%; height:100%; border-radius:50%; object-fit:cover; }
.zrda-story strong, .zrda-category strong { display:block; margin-top:.5rem; font-size:.55rem; font-weight:800; letter-spacing:.07em; text-transform:uppercase; }
.zrda-categories { border-bottom:1px solid var(--souk-line); padding:2.6rem 0 3rem; background:var(--souk-paper); }
.zrda-divider { display:flex; gap:4px; width:max-content; margin-bottom:1rem; }
.zrda-divider i { display:block; width:7px; height:7px; transform:rotate(45deg); background:var(--souk-terra); }
.zrda-divider i:nth-child(2n) { background:#719268; }
.zrda-category { width:78px; }
.zrda-category > span { position:relative; display:grid; width:76px; height:76px; place-items:center; overflow:hidden; border:1px solid var(--souk-line); border-radius:50%; background:linear-gradient(140deg,rgba(255,250,241,.55),rgba(255,250,241,.8)),url('https://images.unsplash.com/photo-1519225421980-715cb0215aed?auto=format&fit=crop&w=240&q=82'); background-position:center; background-size:cover; box-shadow:0 7px 16px rgba(58,40,28,.1); color:var(--souk-terra); }
.zrda-category:nth-child(3n) > span { color:#507046; }
.zrda-category:nth-child(4n) > span { color:#75533f; }
.zrda-category i { font-family:'DM Serif Display',Georgia,serif; font-size:1.5rem; font-style:normal; }
.zrda-search { display:flex; align-items:center; gap:.7rem; max-width:530px; margin-top:2rem; border:1px solid var(--souk-line); border-radius:1rem; padding:.55rem .65rem .55rem 1rem; background:#fff; box-shadow:0 8px 24px rgba(58,40,28,.06); }
.zrda-search input { flex:1; min-width:0; border:0; outline:0; color:var(--souk-ink); font-size:.78rem; }
.zrda-search button { border:0; border-radius:.75rem; padding:.7rem .8rem; background:var(--souk-terra); color:#fff; font-size:.55rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
@media (min-width:640px) { .zrda-story { width:92px; } .zrda-story__ring, .zrda-category > span { width:92px; height:92px; } .zrda-category { width:94px; } }