:root{--olib-radius-sm:8px;--olib-radius-md:12px;--olib-radius-lg:20px;--olib-tr:all .3s ease}
*{box-sizing:border-box}
body{overflow-x:hidden}
img{max-width:100%;height:auto}

/* Header */
.olib-header{background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.05);position:sticky;top:0;z-index:100;padding-inline:0!important}
.admin-bar .olib-header{top:32px}
.olib-header__main{padding:12px 20px;gap:20px}
.olib-logo img{height:auto;width:120px}
.olib-search{flex:1;max-width:520px;margin:0}
.olib-search .wp-block-search__inside-wrapper{border:1px solid var(--wp--preset--color--gray);border-radius:50px;background:var(--wp--preset--color--gray);padding:4px}
.olib-search .wp-block-search__input{border:0;background:transparent;padding:8px 16px;font-family:inherit}
.olib-search .wp-block-search__button{background:var(--wp--preset--color--maroon);color:#fff;border:0;border-radius:50%;width:40px;height:40px;padding:0;display:flex;align-items:center;justify-content:center}
.olib-header__icons{gap:18px}
.olib-account a{font-weight:600;color:var(--wp--preset--color--black)}
.olib-cart-open{position:relative;background:none;border:0;cursor:pointer;color:var(--wp--preset--color--black);padding:6px}
.olib-cart-open:hover{color:var(--wp--preset--color--maroon)}
.olib-cart-count{position:absolute;top:-4px;inset-inline-start:-6px;background:var(--wp--preset--color--maroon);color:#fff;font-size:11px;font-weight:700;min-width:18px;height:18px;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 4px}
.olib-catbar{border-top:1px solid var(--wp--preset--color--gray);padding:0 20px 8px;margin-block:0!important;gap:18px;overflow-x:auto;white-space:nowrap}
.olib-catbar .wp-block-term-template{gap:18px!important;flex-wrap:nowrap}
.olib-catbar a,.olib-catbar .wp-block-button__link{color:#555;font-weight:600;font-size:15px;background:none;padding:0}
.olib-catbar .wp-block-term-template{list-style:none;padding:0;margin:0}
.olib-catbar a:hover{color:var(--wp--preset--color--maroon)}

/* Sections */
.olib-main{padding-block:30px}
.olib-block{padding-block:30px}
.olib-section-head{margin-bottom:26px;gap:12px}
.olib-section-title{position:relative;padding-inline-start:15px;margin:0}
.olib-section-title::before{content:"";position:absolute;inset-inline-start:0;top:10%;height:80%;width:5px;background:var(--wp--preset--color--maroon);border-radius:5px}
.olib-viewall .wp-block-button__link{background:none;color:var(--wp--preset--color--mauve);padding:0;font-weight:600}
.olib-page-title{margin-bottom:.5rem}
.olib-page-head{margin-bottom:26px;gap:14px}
.olib-page-head--center{text-align:center;justify-content:center}
.olib-lead{color:var(--wp--preset--color--muted);font-size:1.1rem}
.olib-empty{text-align:center;color:var(--wp--preset--color--muted);padding:40px 0;grid-column:1/-1}
.olib-chips .wp-block-term-template{list-style:none;padding:0;margin:0;gap:10px!important}
.olib-chips a{background:#fff;padding:6px 16px;border-radius:30px;box-shadow:0 2px 10px rgba(0,0,0,.05);font-weight:600;font-size:14px}
.olib-chips a:hover{background:var(--wp--preset--color--maroon);color:#fff}

/* Grids */
.olib-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:25px;list-style:none;padding:0;margin:0}
.olib-grid>li{margin:0!important;display:flex}
.olib-grid--wide{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}
.olib-grid--small{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}
.olib-grid>li>.wp-block-group{width:100%}

/* Card */
.olib-card{background:#fff;border-radius:var(--olib-radius-md);padding:15px;box-shadow:0 2px 10px rgba(0,0,0,.05);position:relative;transition:var(--olib-tr);display:flex;flex-direction:column;gap:6px;height:100%}
.olib-card:hover{box-shadow:0 5px 20px rgba(140,33,49,.12);transform:translateY(-5px)}
.olib-card>*{margin-block:0!important}
.olib-card__image{border-radius:var(--olib-radius-sm);overflow:hidden;margin-bottom:8px!important;background:var(--wp--preset--color--cream)}
.olib-card__image img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.olib-card:hover .olib-card__image img{transform:scale(1.08)}
.olib-placeholder{margin:0;aspect-ratio:2/3;background:#f3ece6}
.olib-placeholder__img{width:100%;height:100%;object-fit:cover;display:block}
.olib-card--article .olib-placeholder{aspect-ratio:3/2}
.olib-card__cat,.olib-card__cat a{font-size:12px;color:var(--wp--preset--color--mauve);font-weight:700}
.olib-card__title{font-size:1.1rem!important;line-height:1.4}
.olib-card__title a{color:var(--wp--preset--color--black)}
.olib-card__author,.olib-card__date{font-size:14px;color:var(--wp--preset--color--muted)}
.olib-card__excerpt{font-size:14px;color:var(--wp--preset--color--muted)}
.olib-price{font-size:1.35rem;font-weight:700;color:var(--wp--preset--color--maroon);text-align:end;margin-top:auto!important}
.olib-price:empty{display:none}
.olib-price--big{font-size:2rem;text-align:start}
.olib-add{margin-top:8px!important}
.olib-add .wp-block-button__link{width:100%;text-align:center}
.olib-card .wp-block-buttons:has(a:not([href])){display:none}
.olib-badge{position:absolute;top:15px;inset-inline-end:15px;z-index:2;background:var(--wp--preset--color--mauve);color:#fff;font-size:12px;font-weight:700;padding:4px 10px;border-radius:20px;margin:0!important}
.olib-badge:empty{display:none}
.olib-badge--inline{position:static;display:inline-block}
.olib-badge--inline a{color:#fff}
.olib-card--writer{text-align:center;align-items:center}
.olib-avatar img{border-radius:50%}
.olib-avatar--big{flex:none}
.olib-blood{background:var(--wp--preset--color--maroon);color:#fff;border-radius:6px;padding:0 8px;font-weight:700;margin:0}
.olib-card--discount{text-align:center;border:2px solid var(--wp--preset--color--gray);align-items:center}
.olib-card--discount .olib-discount__type{font-size:2rem!important;color:var(--wp--preset--color--maroon)}
.olib-discount__value{font-weight:700;color:var(--wp--preset--color--mauve)}
.olib-discount__special{color:#fff;background:var(--wp--preset--color--maroon);border-radius:20px;padding:2px 12px;font-size:12px;font-weight:700}
.olib-discount__special:empty{display:none}
.olib-card--discount:has(.olib-discount__special:not(:empty)){border-color:var(--wp--preset--color--maroon);box-shadow:0 5px 20px rgba(140,33,49,.25)}

/* Stars */
.olib-stars{--p:calc(var(--olib-rating,0)/5*100%);display:inline-block;font-size:1.1em;letter-spacing:2px;line-height:1;background:linear-gradient(90deg,#ffc107 var(--p),#ccc var(--p));-webkit-background-clip:text;background-clip:text;color:transparent;direction:ltr}
[dir=rtl] .olib-stars,.rtl .olib-stars{background:linear-gradient(270deg,#ffc107 var(--p),#ccc var(--p));-webkit-background-clip:text;background-clip:text}
.olib-rating{display:flex;align-items:center;gap:6px;font-size:14px;color:var(--wp--preset--color--muted)}

/* Slider */
.olib-slider{margin-block:20px;position:relative}
.olib-slides{display:flex!important;overflow-x:auto;scroll-snap-type:x mandatory;gap:0;list-style:none;padding:0;margin:0;border-radius:var(--olib-radius-lg);box-shadow:0 10px 30px rgba(0,0,0,.1);scrollbar-width:none}
.olib-slides::-webkit-scrollbar{display:none}
.olib-slides>li{flex:0 0 100%;scroll-snap-align:start;margin:0!important}
.olib-slide{border-radius:0!important}
.olib-slide__title{color:#fff;font-size:clamp(1.8rem,4vw,3rem)}
.olib-slide__text{color:#fff;font-size:1.25rem}
.olib-slide__btn .wp-block-button__link{background:#fff;color:var(--wp--preset--color--maroon)}
.olib-slide__btn:not(:has(a[href])){display:none}
.olib-slider__nav{position:absolute;top:50%;transform:translateY(-50%);width:46px;height:46px;border-radius:50%;border:0;background:rgba(255,255,255,.3);color:#fff;font-size:22px;cursor:pointer;z-index:5;backdrop-filter:blur(5px)}
.olib-slider__nav:hover{background:var(--wp--preset--color--maroon)}
.olib-slider__nav--prev{inset-inline-start:16px}.olib-slider__nav--next{inset-inline-end:16px}

/* Single book */
.olib-book{gap:40px;margin-top:20px}
.olib-book__cover img{border-radius:var(--olib-radius-lg);box-shadow:0 10px 30px rgba(0,0,0,.1);width:100%}
.olib-book__title{color:var(--wp--preset--color--maroon);margin:0 0 6px!important}
.olib-book__cat a{color:var(--wp--preset--color--mauve);font-weight:700}
.olib-book__author{gap:6px;font-size:1.1rem}
.olib-muted{color:var(--wp--preset--color--muted);margin:0}
.olib-strong{font-weight:700;margin:0}
.olib-gold{color:var(--wp--preset--color--gold);font-weight:700;margin:0}
.olib-book__about,.olib-reviews-panel,.olib-writer-panel,.is-style-olib-panel{background:#fff;border-radius:var(--olib-radius-md);padding:24px;box-shadow:0 2px 10px rgba(0,0,0,.05);margin-top:24px}
.olib-add-big .wp-block-button__link{padding:15px 30px;font-size:1.15rem}
.olib-book__pub{gap:8px}
.olib-related{margin-top:50px}

/* Reviews / comments */
.olib-reviews .wp-block-comment-template{list-style:none;padding:0}
.olib-review{border-bottom:1px solid var(--wp--preset--color--gray);padding:14px 0}
.olib-review__head{font-size:14px;color:var(--wp--preset--color--muted)}
.olib-comment-stars{margin-bottom:4px}
.olib-rating-field select,.comment-form input[type=text],.comment-form input[type=email],.comment-form textarea,.olib-input,.olib-form input,.olib-form select,.olib-form textarea{width:100%;padding:12px;border:1px solid #ddd;border-radius:var(--olib-radius-sm);font-family:inherit;background:#fff}
.comment-form .form-submit input,.comment-form input[type=submit]{background:var(--wp--preset--color--maroon);color:#fff;border:0;padding:12px 24px;border-radius:var(--olib-radius-sm);font-weight:700;cursor:pointer;width:auto}

/* Article */
.olib-article-hero{border-radius:var(--olib-radius-lg);overflow:hidden;margin-top:10px}
.olib-article-title{color:#fff}
.olib-article-meta{gap:18px;color:#eee;font-size:14px}
.olib-article-meta p{margin:0}
.olib-article-body{font-size:1.15rem;line-height:1.95;margin-top:30px}
.olib-paywall{text-align:center;background:#fff;border:2px dashed var(--wp--preset--color--mauve);border-radius:var(--olib-radius-lg);padding:40px 24px;color:var(--wp--preset--color--muted)}
.olib-paywall svg{color:var(--wp--preset--color--maroon)}
.olib-paywall h2{color:var(--wp--preset--color--black)}
.olib-paywall__price{font-size:1.5rem;font-weight:700;color:var(--wp--preset--color--maroon)}
.olib-paywall__btn{display:inline-block;background:var(--wp--preset--color--whatsapp);color:#fff;padding:14px 30px;border-radius:var(--olib-radius-sm);font-weight:700}
.olib-share{gap:10px}

/* Writer / sponsor */
.olib-writer{gap:30px}
.olib-writer__info{flex:1;min-width:260px}
.olib-blood-tag{gap:8px}
.olib-card--sponsor{padding:24px;gap:10px}
.olib-sponsor__logo{max-width:120px;margin-inline:auto!important}
.olib-sponsor__logo img{border-radius:12px}
.olib-sponsor__name{margin:0}
.olib-sponsor__badge{gap:6px;background:rgba(140,33,49,.08);color:var(--wp--preset--color--maroon);border-radius:30px;padding:6px 14px;font-weight:700}
.olib-sponsor__badge p{margin:0}
.olib-sponsor__quote{background:var(--wp--preset--color--cream);border-inline-start:4px solid var(--wp--preset--color--mauve);padding:14px;border-radius:8px;font-style:italic}
.olib-sponsor__ceo{font-weight:700;margin:0}
.olib-social-row{gap:6px}
.olib-social-row .wp-block-button__link{padding:.3em .9em;font-size:13px}
.olib-social-row .wp-block-button:not(:has(a[href])){display:none}

/* Pages */
.olib-contact-box{background:var(--wp--preset--color--gray);border-radius:var(--olib-radius-sm);padding:20px}
.olib-rule{background:#fff;border:1px solid var(--wp--preset--color--gray);border-radius:var(--olib-radius-md);padding:20px;height:100%}
.olib-rule--special{background:linear-gradient(135deg,#fff,#f8eaec);border-color:var(--wp--preset--color--maroon);margin-top:20px}
.olib-note{background:#fff8e1;border-inline-start:4px solid var(--wp--preset--color--gold);border-radius:8px;padding:16px;margin-block:20px}
.olib-note--info{background:#f9f9f9;border-color:var(--wp--preset--color--maroon);margin-top:40px}
.olib-info-card{background:#fff;border-radius:var(--olib-radius-md);padding:24px;box-shadow:0 2px 10px rgba(0,0,0,.05);height:100%}
.olib-corp-head{background:var(--wp--preset--gradient--maroon-dark);color:#fff;border-radius:var(--olib-radius-lg);padding:40px 24px;margin-bottom:30px}
.olib-corp-head h1,.olib-corp-head p{color:#fff}
details.wp-block-details{border-bottom:1px solid var(--wp--preset--color--gray);padding:14px 0}
details.wp-block-details summary{cursor:pointer;font-weight:700;color:var(--wp--preset--color--mauve)}
.olib-form{display:flex;flex-direction:column;gap:16px}
.olib-form label{display:flex;flex-direction:column;gap:6px;font-weight:600}
.olib-form__row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.olib-form__submit{background:var(--wp--preset--color--whatsapp);color:#fff;border:0;border-radius:var(--olib-radius-sm);padding:15px;font-size:1.1rem;font-weight:700;cursor:pointer;font-family:inherit}
.olib-404-wrap{text-align:center;padding:60px 0}
.olib-404{font-size:6rem;color:var(--wp--preset--color--maroon)}

/* Button styles */
.is-style-olib-whatsapp .wp-block-button__link{background:var(--wp--preset--color--whatsapp)!important;color:#fff!important}
.is-style-olib-whatsapp .wp-block-button__link:hover{background:#1ebe5d!important}
.is-style-olib-outline .wp-block-button__link{background:transparent!important;color:var(--wp--preset--color--maroon)!important;border:2px solid var(--wp--preset--color--maroon)}
.is-style-olib-outline .wp-block-button__link:hover{background:var(--wp--preset--color--maroon)!important;color:#fff!important}

/* Footer */
.olib-footer{background:var(--wp--preset--color--black);color:#fff;padding:60px 20px 20px!important;margin-top:60px}
.olib-footer h4{color:var(--wp--preset--color--mauve)}
.olib-footer p,.olib-footer a{color:#aaa}
.olib-footer a:hover{color:#fff}
.olib-footer__bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:20px;margin-top:30px;font-size:14px;color:#888}

/* Overlays */
.olib-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:1000}
.olib-overlay[hidden],.olib-modal[hidden]{display:none}
.olib-drawer{position:fixed;top:0;bottom:0;inset-inline-end:0;width:min(400px,100%);background:#fff;z-index:1001;box-shadow:-5px 0 25px rgba(0,0,0,.15);transform:translateX(-105%);transition:transform .3s;display:flex;flex-direction:column;visibility:hidden}
[dir=ltr] .olib-drawer{transform:translateX(105%)}
.olib-drawer.is-open{transform:none!important;visibility:visible}
.olib-drawer__inner{display:flex;flex-direction:column;height:100%;padding:0!important}
.olib-drawer__head{padding:18px 20px;border-bottom:1px solid var(--wp--preset--color--gray)}
.olib-drawer__head h3{margin:0}
.olib-cart-items{flex:1;overflow-y:auto;padding:16px 20px}
.olib-drawer__foot{padding:16px 20px;border-top:1px solid var(--wp--preset--color--gray)}
.olib-cart-total{display:flex;justify-content:space-between;font-size:1.2rem;margin-bottom:12px}
.olib-cart-empty{text-align:center;color:var(--wp--preset--color--muted);padding:40px 0}
.olib-cart-item{display:flex;gap:12px;align-items:center;margin-bottom:14px}
.olib-cart-item img{width:50px;height:70px;object-fit:cover;border-radius:6px}
.olib-cart-item__info{flex:1;font-size:14px}
.olib-cart-item__price{color:var(--wp--preset--color--maroon);font-weight:700}
.olib-qty{display:inline-flex;align-items:center;gap:8px;margin-top:4px}
.olib-qty button,.olib-cart-item__rm{border:1px solid #ddd;background:#fff;border-radius:6px;width:26px;height:26px;cursor:pointer}
.olib-cart-item__rm{border:0;color:#d33;font-size:18px}
.olib-close{position:absolute;top:10px;inset-inline-start:14px;background:none;border:0;font-size:28px;line-height:1;cursor:pointer;color:var(--wp--preset--color--muted)}
.olib-drawer__head .olib-close{position:static}
.olib-modal{position:fixed;inset:0;z-index:1002;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.6);padding:16px}
.olib-modal__box{background:#fff;border-radius:var(--olib-radius-md);width:100%;max-width:500px;max-height:90vh;overflow:auto;padding:28px;position:relative;box-shadow:0 10px 30px rgba(0,0,0,.1)}
.olib-modal--popup .olib-modal__box{border:3px solid var(--wp--preset--color--maroon);text-align:center}
.olib-modal__title{color:var(--wp--preset--color--maroon);border-bottom:1px solid var(--wp--preset--color--gray);padding-bottom:10px}
.olib-popup h2{color:var(--wp--preset--color--maroon)}
.olib-popup__note{font-size:14px;color:var(--wp--preset--color--muted)}
.olib-sum-row{display:flex;gap:10px;align-items:center;margin-bottom:10px;font-size:14px}
.olib-sum-row img{width:40px;height:50px;object-fit:cover;border-radius:4px}
.olib-sum-row span:nth-child(2){flex:1}
.olib-sum-total{border-top:2px solid var(--wp--preset--color--gray);padding-top:10px;font-size:1.1rem;font-weight:700}
.olib-field-label{margin-bottom:4px}
.olib-toast{position:fixed;bottom:90px;inset-inline-start:20px;background:var(--wp--preset--color--black);color:#fff;padding:12px 20px;border-radius:8px;z-index:1100;opacity:0;transition:opacity .3s}
.olib-toast.is-on{opacity:1}
.olib-floating-wa{position:fixed;bottom:22px;inset-inline-start:22px;width:58px;height:58px;border-radius:50%;background:#25D366;color:#fff!important;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px rgba(0,0,0,.25);z-index:900}

@media(max-width:768px){
.admin-bar .olib-header{top:46px}
.olib-header__main{flex-wrap:wrap}.olib-search{order:3;max-width:100%;flex-basis:100%}
.olib-logo img{height:56px}
.olib-form__row{grid-template-columns:1fr}
.olib-book{gap:20px}
}