@font-face{font-family:"QT Pangea Var";src:url(//quranictarbiyah.com/wp-content/uploads/GreenShift/fonts/font_2/woff2/PangeaAfrikanVAR_2.003.woff2) format("woff2");font-weight:300 900;font-display:swap;ascent-override:93%;descent-override:23%;line-gap-override:0%}
@font-face{font-family:"QT Pangea Text";src:url(//quranictarbiyah.com/wp-content/uploads/GreenShift/fonts/font_6/woff2/PangeaAfrikanText-RegularWeb.woff2) format("woff2");font-weight:400;font-display:swap;ascent-override:93%;descent-override:23%;line-gap-override:0%}
.qt-search,.qt-header,.qt-cart,.qt-hero,.qt-mega,.qt-menu-block{
--qt-primary:var(--color-primary,#048a7c);
--qt-primary-700:var(--color-primary-700,#03776a);
--qt-primary-50:var(--color-primary-50,#e6f5f4);
--qt-primary-100:var(--color-primary-100,#d3eeec);
--qt-navy:var(--qt-navy-v5,#0f3d63);
--qt-navy-site:var(--color-secondary,#173e64);
--qt-yellow:#fcb000;
--qt-amber:#f7ad00;
--qt-text:var(--color-text,#000001);
--qtc-accent:#048a7c;--qtc-accent-700:#03776a;--qtc-accent-50:#e6f5f4;
--qt-sec:var(--color-text-secondary,#444);
--qt-muted:#5d6a76;
--qt-border:var(--color-border-solid,#e0e4e8);
--qt-border-strong:var(--color-border-strong,#c0c8d0);
--qt-surface:var(--color-surface,#f9fafb);
--qt-radius:12px;
--qt-radius-lg:24px;
--qt-shadow:0 1px 2px rgba(15,61,99,.06),0 4px 12px rgba(15,61,99,.06);
--qt-shadow-lg:0 1px 2px rgba(15,61,99,.06),0 24px 48px -12px rgba(15,61,99,.24);
--qt-ease:cubic-bezier(.4,0,.2,1);
--qt-ease-out:cubic-bezier(.165,.84,.44,1);
--qt-spring:linear(0, 0.0465, 0.1348, 0.2388, 0.3436, 0.4417, 0.5229, 0.6007, 0.6676, 0.7243, 0.7721, 0.8119, 0.845, 0.8725, 0.8952, 0.9139, 0.9281, 0.941, 0.9516, 0.9603, 0.9674, 0.9733, 0.9781, 0.982, 0.9853, 0.9879, 0.9901, 0.9917, 0.9932, 0.9944, 0.9954, 0.9963, 0.9969, 0.9975, 0.9979, 0.9983, 0.9986, 0.9988, 0.9991, 0.9992, 0.9994, 0.9995, 1);--qt-spring-dur:501ms;--qt-ctl-stretch:.16;--qt-ctl-press:.9;--qt-ctl-on:#048a7c;--qt-ctl-off:#d3dbe2;
--qt-head:"QT Pangea Var",var(--font-heading,"PangeaAfrikanVar"),"Pangea Afrikan",system-ui,sans-serif;
--qt-body:"QT Pangea Text",var(--font-body,"PangeaAfrikanText-RegularWeb"),-apple-system,"Segoe UI",sans-serif;
--qt-tint-quran:#fde6e6;--qt-tint-iman:#dbf5f5;--qt-tint-fiqh:#e2f3fa;--qt-tint-adab:#f1ebff;--qt-tint-sirah:#fef3d9;--qt-tint-none:var(--qt-surface);
--qt-c-quran:var(--color-quran,#e13347);--qt-c-iman:var(--color-iman,#048a7c);--qt-c-fiqh:var(--color-fiqh,#22c1de);--qt-c-adab:var(--color-adab,#624ea0);--qt-c-sirah:var(--color-sirah,#fcb000);
} .qt-header,.qt-mega,.qt-menu-block,.qt-cart{font-family:var(--qt-body)}
.qt-search *,.qt-header *,.qt-cart *,.qt-hero *,.qt-mega *{box-sizing:border-box}
.qt-icon{width:1em;height:1em;display:inline-block;flex:none;vertical-align:-.125em}
.qt-ui-icon{width:20px;height:20px;flex:none;display:block}
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important} .qt-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 22px;border-radius:999px;border:0;font-family:var(--qt-head);font-weight:600;font-size:14px;line-height:1;letter-spacing:.5px;text-transform:uppercase;text-decoration:none!important;cursor:pointer;transition:transform .2s var(--qt-ease-out),box-shadow .2s var(--qt-ease),background-color .2s var(--qt-ease)}
.qt-btn:hover{transform:translateY(-1px)}
.qt-btn:active{transform:scale(.98)}
.qt-btn--primary{background:var(--qt-accent,var(--qt-primary));color:#fff!important;box-shadow:0 8px 20px rgba(4,138,124,.25)}
.qt-btn--primary:hover{box-shadow:0 12px 26px rgba(4,138,124,.32)}
.qt-btn--amber{background:var(--qt-amber);color:#0f2c49!important;box-shadow:0 8px 20px rgba(247,173,0,.25)}
.qt-btn--amber:hover{box-shadow:0 12px 26px rgba(247,173,0,.34)}
.qt-btn--ghost{background:#fff;color:var(--qt-navy)!important;box-shadow:inset 0 0 0 1.5px var(--qt-border-strong)}
.qt-btn--ghost:hover{box-shadow:inset 0 0 0 1.5px var(--qt-navy)}
.qt-btn--outline{background:transparent;color:var(--qt-primary)!important;box-shadow:inset 0 0 0 1.5px var(--qt-primary)}
.qt-btn--block{width:100%}
.qt-btn .qt-ui-icon{width:16px;height:16px} .qt-chip{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;padding:0 14px;border-radius:999px;border:0;background:#fff;box-shadow:inset 0 0 0 1px var(--qt-border-strong);color:var(--qt-text);font:inherit;font-size:14px;line-height:1;cursor:pointer;white-space:nowrap;transition:box-shadow .15s var(--qt-ease),background-color .15s var(--qt-ease)}
.qt-chip:hover,.qt-chip[aria-selected=true]{box-shadow:inset 0 0 0 1.5px var(--qt-primary);background:var(--qt-primary-50)}
.qt-chip--sm{min-height:28px;padding:0 10px;font-size:13px;background:var(--qt-primary-50);box-shadow:none}
.qt-chip b{font-family:var(--qt-head);font-weight:700;color:var(--qt-navy)}
.qt-badge{display:inline-flex;align-items:center;min-height:22px;padding:0 9px;border-radius:999px;background:var(--qt-surface);color:var(--qt-muted);font-size:11.5px;font-weight:700;line-height:1;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}
.qt-badge--free{background:#dbf5f5;color:#00756d}
.qt-search :focus-visible,.qt-header :focus-visible,.qt-cart :focus-visible,.qt-hero :focus-visible,.qt-mega :focus-visible{outline:2px solid var(--qt-primary);outline-offset:2px}
@media (prefers-reduced-motion:reduce){.qt-search *,.qt-header *,.qt-cart *,.qt-hero *,.qt-mega *{animation-duration:.01ms!important;transition-duration:.01ms!important}}.qt-search-block{max-width:100%}
.qt-search{--qt-sf-edge:var(--qt-search-border,rgba(15,61,99,.38));font-size:15px;margin-inline:auto;max-width:var(--qt-search-max,520px);position:relative;width:100%}
.qt-search__form{margin:0;display:flex;align-items:center;gap:8px}
.qt-search__field{position:relative;flex:1;min-width:0;display:flex;align-items:center;gap:6px;min-height:48px;padding:0 8px 0 46px;background:var(--qt-search-bg,#fff);border:1.5px solid var(--qt-sf-edge);border-radius:var(--qt-search-radius,999px);box-shadow:0 1px 2px rgba(15,61,99,.08),0 8px 20px -6px rgba(15,61,99,.20);transition:border-color .15s ease,box-shadow .15s ease}
.qt-search__field:hover{border-color:rgba(15,61,99,.6)}
.qt-search__field:focus-within{border-color:var(--qt-accent,var(--qtc-accent,#048a7c));box-shadow:0 1px 2px rgba(15,61,99,.08),0 8px 20px -6px rgba(15,61,99,.20),0 0 0 4px var(--qtc-accent-100,#d3eeec)}
.qt-search--sm .qt-search__field{min-height:42px}
.qt-search--lg .qt-search__field{min-height:56px;font-size:17px}
.qt-search__icon{position:absolute;inset-inline-start:18px;top:50%;translate:0 -50%;display:grid;color:var(--qt-navy,#0f3d63);pointer-events:none}
.qt-search__icon .qt-ui-icon{width:18px;height:18px}
.qt-search__chips{display:flex;flex-wrap:nowrap;gap:4px;max-width:55%;overflow:hidden}
.qt-search__chips:empty{display:none}
.qt-search__input{background:transparent!important;border:0!important;box-shadow:none!important;color:var(--qt-ink,#000001);flex:1;font:400 16px/1 var(--qt-body);height:100%;min-height:inherit;min-width:0;outline:0!important;padding:0!important}
.qt-search__input::placeholder{color:#6b7782;opacity:1}
.qt-search__input::-webkit-search-cancel-button{-webkit-appearance:none;display:none}
.qt-search__clear{display:grid;place-items:center;flex:none;width:36px;height:36px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--qt-navy,#0f3d63);cursor:pointer;transition:background-color .15s,color .15s}
.qt-search__clear[hidden],.qt-search__close[hidden]{display:none}
.qt-search__clear:hover,.qt-search__clear:focus-visible{background:var(--qt-hover-bg,#e6f5f4);color:var(--qt-hover-ink,#03776a)}
.qt-search__clear .qt-ui-icon{width:18px;height:18px}
.qt-search__submit{display:inline-flex;align-items:center;justify-content:center;height:36px;padding:0 18px;border:0;border-radius:999px;background:var(--qt-accent,var(--qtc-accent,#048a7c));color:#fff;cursor:pointer;font:600 13px/1 var(--qt-head);letter-spacing:.5px;text-transform:uppercase}
.qt-search__close{flex:none;height:44px;padding:0 12px;border:0;border-radius:10px;background:transparent;color:var(--qt-navy,#0f3d63);font:400 16px/1 var(--qt-body);cursor:pointer}
.qt-search__close:hover,.qt-search__close:focus-visible{background:var(--qt-hover-bg,#e6f5f4);color:var(--qt-hover-ink,#03776a)}
.qt-search :focus-visible{outline:2px solid var(--qtc-accent,#048a7c);outline-offset:2px}
.qt-search__input:focus-visible{outline:0} .qt-search__panel{animation:qt-pop .18s var(--qt-ease,ease);background:#fff;border:1px solid var(--qt-line,#e0e4e8);border-radius:24px;box-shadow:0 1px 2px rgba(15,61,99,.06),0 24px 48px -12px rgba(15,61,99,.24);display:flex;flex-direction:column;left:0;max-height:min(76vh,680px);overflow:hidden;position:absolute;text-align:left;top:calc(100% + 10px);width:min(var(--qt-search-panel,920px),100vw - 32px);z-index:1000}
.qt-search__panel[hidden]{display:none}
@keyframes qt-pop{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.qt-sp__top{display:flex;align-items:center;gap:14px;padding:14px 20px;border-bottom:1px solid var(--qt-line,#e0e4e8);flex:none}
.qt-lab{font:600 12px/1 var(--qt-head);letter-spacing:.08em;text-transform:uppercase;color:var(--qt-muted)}
.qt-lab em{font-style:normal;font-weight:400;letter-spacing:0;text-transform:none;margin-inline-start:8px;font-family:var(--qt-body);font-size:13px}
.qt-search .qt-seg{position:relative;display:inline-grid;grid-template-columns:repeat(4,1fr);padding:4px;border-radius:999px;background:#eef2f4;--i:0}
.qt-search .qt-seg::before{content:"";position:absolute;inset-inline-start:4px;top:4px;bottom:4px;width:calc((100% - 8px)/4);border-radius:999px;background:#fff;box-shadow:0 1px 2px rgba(15,61,99,.12),0 2px 6px rgba(15,61,99,.08);translate:calc(var(--i)*100%) 0;transition:translate var(--qt-spring-dur,.5s) var(--qt-spring,ease)}
.qt-search .qt-seg button{position:relative;z-index:1;min-width:92px;height:36px;padding:0 16px;border:0;border-radius:999px;background:none;color:var(--qt-muted);cursor:pointer;font:400 15px/1 var(--qt-body);transition:color .15s}
.qt-search .qt-seg button:hover{color:var(--qt-hover-ink,#03776a)}
.qt-search .qt-seg button[aria-checked=true]{color:var(--qt-navy,#0f3d63)}
.qt-sp__cols{display:grid;grid-template-columns:280px minmax(0,1fr);flex:1;min-height:0;overflow:hidden}
.qt-sp__cols.no-side,.qt-sp__cols:not(:has(.qt-sp__side)){grid-template-columns:minmax(0,1fr)}
.qt-sp__side{background:var(--qt-surface,#f9fafb);border-inline-end:1px solid var(--qt-line,#e0e4e8);overflow:auto;padding:18px 12px;min-height:0}
.qt-sp__main{min-width:0;overflow:auto;padding:18px 24px 22px;min-height:0}
.qt-sp__group{margin-bottom:22px}
.qt-sp__group:last-child{margin-bottom:0}
.qt-search .qt-sp__h{color:var(--qt-muted);font:600 12px/1 var(--qt-head);letter-spacing:.08em;margin:0 0 10px;padding:0 12px;text-transform:uppercase}
.qt-sp__main .qt-sp__h{padding:0}
.qt-search .qt-sp__h small{font-weight:400;letter-spacing:0;margin-inline-start:4px}
.qt-sp__sug{align-items:center;background:transparent;border:0;border-radius:var(--qt-hover-radius,10px);color:var(--qt-ink,#000001);cursor:pointer;display:flex;font:400 16px/1.3 var(--qt-body);gap:12px;padding:11px 12px;text-align:left;transition:background-color .15s ease,color .15s ease;width:100%}
.qt-sp__sug .qt-ui-icon{color:var(--qt-muted);flex:none;height:17px;width:17px}
.qt-sp__sug span{flex:1;min-width:0}
.qt-sp__sug em{display:block;font:400 13px/1.2 var(--qt-body);font-style:normal;margin-top:2px}
.qt-sp__sug em,.qt-sp__sug small{color:var(--qt-muted);font-size:13px}
.qt-sp__sug:hover,.qt-sp__sug:focus-visible,.qt-sp__sug[aria-selected=true]{background:var(--qt-hover-bg,#e6f5f4);color:var(--qt-hover-ink,#03776a)}
.qt-sp__sug:hover .qt-ui-icon{color:var(--qt-hover-ink,#03776a)}
.qt-sp__sug--all{color:var(--qtc-accent-700,#03776a)}
.qt-sp__sug--all b{font-family:var(--qt-head);font-weight:600}
.qt-sp__chips{display:flex;flex-wrap:wrap;gap:10px}
.qt-search .qt-chip{display:inline-flex;align-items:center;justify-content:center;height:40px;padding:0 18px;border:0;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px var(--qt-line-strong,#c0c8d0);color:var(--qt-ink,#000001);cursor:pointer;font:400 15px/1 var(--qt-body);transition:box-shadow .15s ease,background-color .15s ease,color .15s ease,scale var(--qt-spring-dur,.5s) var(--qt-spring,ease)}
.qt-search .qt-chip:hover,.qt-search .qt-chip:focus-visible,.qt-search .qt-chip[aria-selected=true]{background:var(--qt-hover-bg,#e6f5f4);box-shadow:inset 0 0 0 1.5px var(--qtc-accent,#048a7c);color:var(--qt-hover-ink,#03776a)}
.qt-search .qt-chip:active{scale:.93}
.qt-search .qt-chip--sm{height:30px;padding:0 10px;gap:6px;font-size:13px;background:var(--qtc-accent-50,#e6f5f4);color:var(--qtc-accent-700,#03776a);box-shadow:none}
.qt-search .qt-sp__note{background:#fef3d9;border-radius:12px;color:#6b4a00;font-size:14px;margin:0 0 14px;padding:8px 12px}
.qt-search .qt-sp__empty{padding:10px 0}
.qt-search .qt-sp__empty h4{color:var(--qt-navy);font:600 18px/1.3 var(--qt-head);margin:0 0 4px}
.qt-search .qt-sp__empty p{color:var(--qt-muted);margin:0 0 14px}
.qt-sp__msg{color:var(--qt-muted);grid-column:1/-1;padding:28px}
.qt-sp__msg--loading{display:flex;gap:6px;justify-content:center}
.qt-sp__msg--loading span{animation:qt-dot 1s infinite var(--qt-ease,ease);background:var(--qtc-accent-100,#d3eeec);border-radius:50%;height:8px;width:8px}
.qt-sp__msg--loading span:nth-child(2){animation-delay:.15s}
.qt-sp__msg--loading span:nth-child(3){animation-delay:.3s}
@keyframes qt-dot{50%{background:var(--qtc-accent,#048a7c)}} .qt-sr{align-items:center;border-radius:var(--qt-hover-radius,10px);color:inherit!important;display:grid;gap:16px;grid-template-columns:64px minmax(0,1fr) auto;margin:0 -12px;padding:10px 12px;text-decoration:none!important;transition:background-color .15s ease}
.qt-sr__img{background:var(--qt-card-bg,var(--t,var(--qt-tint-none,#eef2f4)));border-radius:16px;display:grid;height:64px;overflow:hidden;place-items:center;width:64px}
.qt-sr__img img{box-shadow:0 0 0 .5px rgba(0,0,0,.06),0 1px 2px rgba(15,30,45,.14),3px 6px 10px -5px rgba(15,30,45,.3);display:block;height:auto;max-height:76%;max-width:76%;width:auto}
.qt-sr__img--icon .qt-ui-icon{color:var(--qt-muted);height:24px;width:24px}
.qt-sr__body{display:grid;gap:2px;min-width:0}
.qt-sr__title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font:400 16px/1.35 var(--qt-body);color:var(--qt-ink,#000001);transition:color .15s}
.qt-sr__meta{color:var(--qt-muted);font:400 14px/1.35 var(--qt-body)}
.qt-sr__price{color:var(--qt-navy,#0f3d63);font:600 15px/1 var(--qt-head);white-space:nowrap}
.qt-free{display:inline-flex;align-items:center;height:26px;padding:0 11px;border-radius:999px;background:var(--qtc-accent-50,#e6f5f4);color:var(--qtc-accent-700,#03776a);font:600 11px/1 var(--qt-head);letter-spacing:.08em;text-transform:uppercase}
.qt-oos{color:var(--qt-muted);font:400 13px/1 var(--qt-body);white-space:nowrap}
.qt-sr:hover,.qt-sr:focus-visible,.qt-sr[aria-selected=true]{background:var(--qt-hover-bg,#e6f5f4)}
.qt-sr:hover .qt-sr__title,.qt-sr[aria-selected=true] .qt-sr__title{color:var(--qt-hover-ink,#03776a)}
.qt-sr:hover .qt-free{background:#fff}
.qt-sr mark{background:#fbdc93;border-radius:3px;color:inherit;padding:0 1px} .qt-sp__grid{display:grid;gap:20px;grid-template-columns:repeat(4,minmax(0,1fr))}
.qt-sc{color:inherit!important;display:flex;flex-direction:column;min-width:0;text-decoration:none!important}
.qt-sc__img{align-items:flex-end;aspect-ratio:1/1;background:var(--qt-card-bg,var(--t,var(--qt-tint-none,#eef2f4)));border-radius:24px;display:flex;justify-content:center;padding-bottom:10%;position:relative}
.qt-sc__img::after{background:radial-gradient(closest-side,rgba(15,30,45,.22),rgba(15,30,45,0));border-radius:50%;bottom:8%;content:"";height:4.5%;left:20%;position:absolute;right:20%;transition:transform .45s var(--qt-ease-out,ease),opacity .45s var(--qt-ease-out,ease)}
.qt-sc__img img{box-shadow:0 0 0 .5px rgba(0,0,0,.06),0 1px 2px rgba(15,30,45,.14),0 8px 14px -6px rgba(15,30,45,.3);display:block;max-height:72%;max-width:72%;position:relative;transition:transform .45s var(--qt-ease-out,ease);z-index:1}
.qt-sc:hover .qt-sc__img img,.qt-sc[aria-selected=true] .qt-sc__img img{transform:translateY(var(--qt-hover-lift,-6px))}
.qt-sc:hover .qt-sc__img::after{opacity:.55;transform:scale(1.12,1.25)}
.qt-sc__meta{color:var(--qt-muted);font:400 13px/1.45 var(--qt-body);margin-top:10px}
.qt-sc__title{color:var(--qt-ink,#000001);font:400 16px/1.35 var(--qt-body);margin:3px 0 6px;text-wrap:pretty;transition:color .15s}
.qt-sc:hover .qt-sc__title,.qt-sc[aria-selected=true] .qt-sc__title{color:var(--qt-hover-ink,#03776a)}
.qt-sc__price{color:var(--qt-navy,#0f3d63);font:600 16px/1.2 var(--qt-head)}
.qt-sc__price.is-free{color:var(--qtc-accent,#048a7c)}
.qt-sc:focus-visible{outline:2px solid var(--qtc-accent,#048a7c);outline-offset:6px;border-radius:14px} html.qt-search-lock{overflow:hidden;overscroll-behavior:none}
@media(max-width:699px){
.qt-search.is-open{position:fixed;inset:0;z-index:100001;max-width:none;margin:0;display:flex;flex-direction:column;background:#fff}
.qt-search.is-open .qt-search__form{flex:none;padding:8px 8px 8px 12px;background:linear-gradient(180deg,#fff,#f3faf9);border-bottom:1px solid var(--qt-line,#e0e4e8)}
.qt-search.is-open .qt-search__field{min-height:48px}
.qt-search.is-open .qt-search__panel{position:static;flex:1;min-height:0;width:auto!important;max-height:none;border:0;border-radius:0;box-shadow:none;animation:none}
.qt-sp__top{flex-wrap:wrap;gap:8px;padding:10px 16px 12px}
.qt-sp__top .qt-lab{flex:1 0 100%}
.qt-search .qt-seg{display:grid;width:100%}
.qt-search .qt-seg button{min-width:0;padding:0 2px;height:40px;font-size:14px}
.qt-sp__cols{display:block;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.qt-sp__side{border:0;background:#fff;padding:14px 8px 4px;overflow:visible}
.qt-sp__main{padding:12px 16px 24px;overflow:visible}
.qt-sp__sug{min-height:48px}
.qt-search .qt-chip{height:44px;padding:0 20px}
.qt-sp__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.qt-sr{grid-template-columns:56px minmax(0,1fr) auto;gap:12px;min-height:64px}
.qt-sr__img{height:56px;width:56px;border-radius:14px}
.qt-sr__title{font-size:15px}
.qt-sr__meta{font-size:13px}
}
@media(min-width:700px){.qt-search__close{display:none}}
@media(prefers-reduced-motion:reduce){.qt-search *{transition-duration:.01ms!important;animation-duration:.01ms!important}}.qt-cart-btn,.qt-mini-cart{display:inline-flex}.qt-cart-btn{align-items:center;border-radius:999px;color:inherit;gap:8px;height:44px;min-width:44px;padding:0 10px;position:relative;text-decoration:none!important;transition:background-color .15s var(--qt-ease)}.qt-cart-btn:hover{background:var(--qt-surface,#f9fafb)}.qt-cart-btn .qt-ui-icon{height:22px;width:22px}.qt-cart-btn__label{font-size:15px;font-weight:600}.qt-cart-btn__total{font-family:var(--qt-head);font-size:14px;font-weight:700}.qt-cart-btn__count{background:var(--qt-badge,var(--qt-navy,#0f3d63));border-radius:9px;box-shadow:0 0 0 2px #fff;color:#fff;font-size:11px;font-weight:700;height:18px;left:26px;line-height:18px;min-width:18px;padding:0 5px;position:absolute;text-align:center;top:3px}.qt-cart-btn__count[hidden]{display:none}html.qt-cart-open{overflow:hidden;padding-right:var(--qt-sbw,0)}.qt-cart{inset:0;position:fixed;z-index:100000}.qt-cart[hidden]{display:none}.qt-cart__scrim{background:rgba(15,44,73,.4);inset:0;opacity:0;position:absolute;transition:opacity .25s var(--qt-ease)}.qt-cart__panel{background:#fff;bottom:0;box-shadow:-24px 0 48px -12px rgba(15,61,99,.25);display:flex;flex-direction:column;outline:0;overflow:hidden;position:absolute;right:0;top:0;transform:translateX(100%);transition:transform .3s var(--qt-ease-out);width:min(var(--qt-drawer-w,440px),100vw)}.qt-cart--left .qt-cart__panel{left:0;right:auto;transform:translateX(-100%)}.qt-cart.is-open .qt-cart__scrim{opacity:1}.qt-cart.is-open .qt-cart__panel{transform:none}.qt-cart__head{align-items:center;border-bottom:1px solid var(--qt-border);display:flex;gap:12px;justify-content:space-between;padding:18px 20px}.qt-cart .qt-cart__title{color:var(--qt-navy-site,#173e64);font-family:var(--qt-head);font-size:22px;font-weight:700;line-height:1.2;margin:0}.qt-cart__n{color:var(--qt-muted);font-size:16px;font-weight:500}.qt-cart__x{background:var(--qt-surface);border:0;border-radius:50%;color:var(--qt-text);cursor:pointer;display:grid;height:40px;place-items:center;width:40px}.qt-cart__x:hover{background:var(--qt-border)}.qt-cart__free{background:var(--qt-primary-50);padding:14px 20px}.qt-cart__free p{color:#0b4f48;font-size:14px;margin:0 0 8px}.qt-cart__free[hidden]{display:none}.qt-cart__free.is-done p{font-weight:600}.qt-cart__bar{background:#fff;border-radius:3px;height:6px;overflow:hidden}.qt-cart__bar span{background:var(--qt-accent,var(--qt-primary));border-radius:3px;display:block;height:100%;transition:width .5s var(--qt-ease-out);width:0}.qt-cart__body{flex:1;overflow:auto;overscroll-behavior:contain;padding:4px 20px}.qt-cart__body[hidden]{display:none}.qt-cart__list{list-style:none;margin:0;padding:0}.qt-cart__item{align-items:start;border-bottom:1px solid var(--qt-border);display:grid;gap:14px;grid-template-columns:72px minmax(0,1fr) auto;padding:16px 0;transition:opacity .2s var(--qt-ease),transform .2s var(--qt-ease)}.qt-cart__item:last-child{border-bottom:0}.qt-cart__item.is-leaving{opacity:.35}.qt-cart__img{background:var(--qt-surface);border-radius:12px;display:grid;height:88px;overflow:hidden;place-items:center;width:72px}.qt-cart__img img{height:100%;object-fit:cover;width:100%}.qt-cart__info{display:grid;gap:10px;min-width:0}.qt-cart__name{color:var(--qt-text)!important;font-weight:600;line-height:1.3;text-decoration:none!important}.qt-cart__name:hover{color:var(--qt-primary)!important}.qt-cart__ctrls{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.qt-cart__rm{background:none;border:0;color:var(--qt-muted);cursor:pointer;font:inherit;font-size:13px;padding:4px 0;text-decoration:underline;text-underline-offset:3px}.qt-cart__rm:hover{color:#8f0f1f}.qt-cart__line{color:var(--qt-navy);font-family:var(--qt-head);font-weight:700;white-space:nowrap}.qt-cart__fixed{color:var(--qt-sec);font-size:14px}.qt-cart__foot{background:#fff;border-top:1px solid var(--qt-border);display:grid;gap:10px;padding:16px 20px 20px}.qt-cart__foot[hidden]{display:none}.qt-cart__row{align-items:baseline;display:flex;font-size:16px;justify-content:space-between}.qt-cart__row strong{color:var(--qt-navy);font-family:var(--qt-head);font-size:20px}.qt-cart .qt-cart__note{color:var(--qt-muted);font-size:13px;margin:0}.qt-cart__empty{align-items:center;display:flex;flex:1;flex-direction:column;justify-content:center;padding:32px 28px;text-align:center}.qt-cart__empty[hidden]{display:none}.qt-cart__empty h3{color:var(--qt-navy-site,#173e64);font-family:var(--qt-head);font-size:20px;font-weight:700;margin:18px 0 6px}.qt-cart__empty p{color:var(--qt-sec);margin:0 0 20px}.qt-cart__empty-art{display:flex;font-size:34px;gap:10px}.qt-cart__empty-art .qt-icon:nth-child(2){transform:translateY(-8px)}.qt-cart__skel{display:grid;gap:14px;padding:18px 0}.qt-cart__skel span{animation:qt-shimmer 1.2s linear infinite;background:linear-gradient(90deg,var(--qt-surface) 0,#eef1f4 50%,var(--qt-surface) 100%);background-size:200% 100%;border-radius:12px;height:88px}.qt-cart.is-busy .qt-cart__bar span{opacity:.7}.qt-cart__toast{align-items:center;background:var(--qt-navy,#0f3d63);border-radius:14px;bottom:16px;color:#fff;display:flex;font-size:14px;gap:12px;justify-content:space-between;left:16px;padding:12px 16px;position:absolute;right:16px;transform:translateY(140%);transition:transform .25s var(--qt-ease-out)}.qt-cart__toast.is-on{transform:none}.qt-cart__toast button{background:none;border:0;color:#7fd6cd;cursor:pointer;font:inherit;font-weight:700;letter-spacing:.5px;text-transform:uppercase}@keyframes qt-shimmer{to{background-position:-200% 0}}.qt-qty{align-items:center;background:#fff;border-radius:999px;box-shadow:inset 0 0 0 1px var(--qt-border-strong);display:inline-flex;height:38px}.qt-qty:focus-within{box-shadow:inset 0 0 0 1.5px var(--qt-primary)}.qt-qty button{background:none;border:0;border-radius:50%;color:var(--qt-navy);cursor:pointer;display:grid;font-size:18px;height:34px;line-height:1;place-items:center;width:34px}.qt-qty button:hover:not(:disabled){background:var(--qt-primary-50)}.qt-qty button:disabled{cursor:default;opacity:.35}.qt-qty input{-moz-appearance:textfield;background:none!important;border:0!important;box-shadow:none!important;font:inherit;font-weight:600;padding:0!important;text-align:center;width:36px}.qt-qty input::-webkit-inner-spin-button,.qt-qty input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.qt-qty input:focus{outline:0}@media(max-width:599px){.qt-cart__panel{width:100vw}.qt-cart__item{grid-template-columns:60px minmax(0,1fr) auto}.qt-cart__img{height:76px;width:60px}} .qt-cart__panel{border-radius:24px 0 0 24px;box-shadow:0 1px 2px rgba(15,61,99,.06),-24px 0 56px -12px rgba(15,61,99,.28)}
.qt-cart--left .qt-cart__panel{border-radius:0 24px 24px 0}
.qt-cart__head{border-bottom:0;padding:22px 24px 14px}
.qt-cart .qt-cart__title{font-weight:600;letter-spacing:.005em}
.qt-cart__n{font-family:var(--qt-body);font-weight:400;font-size:14px}
.qt-cart__x{background:transparent;color:var(--qt-navy,#0f3d63);transition:background-color .15s ease,color .15s ease,scale .5s var(--qt-spring,ease)}
.qt-cart__x:hover,.qt-cart__x:focus-visible{background:var(--qt-hover-bg,#e6f5f4);color:var(--qt-hover-ink,#03776a)}
.qt-cart__x:active{scale:.9}
.qt-cart :focus-visible{outline:2px solid var(--qtc-accent,#048a7c);outline-offset:2px}
.qt-cart__free{margin:0 24px 8px;padding:14px 16px;border-radius:14px;background:var(--qtc-accent-50,#e6f5f4)}
.qt-cart__free p{color:var(--qtc-accent-700,#03776a);font-weight:400;line-height:1.3}
.qt-cart__free.is-done p{font-weight:400}
.qt-cart__bar{background:rgba(4,138,124,.18);height:4px;border-radius:99px}
.qt-cart__bar span{background:var(--qt-accent,var(--qtc-accent,#048a7c));border-radius:inherit}
.qt-cart__body{padding:4px 24px}
.qt-cart__item{grid-template-columns:72px minmax(0,1fr) auto;gap:4px 16px;padding:18px 0}
.qt-cart__img{width:72px;height:72px;border-radius:16px;background:var(--qt-card-bg,var(--qt-tint-none,#eef2f4))}
.qt-cart__img img{height:56px;width:auto;max-width:56px;object-fit:contain;box-shadow:0 0 0 .5px rgba(0,0,0,.06),0 1px 2px rgba(15,30,45,.14),3px 6px 10px -5px rgba(15,30,45,.3)}
.qt-cart__info{gap:4px}
.qt-cart__name{font-weight:400;font-size:16px;line-height:1.35;text-wrap:pretty}
.qt-cart__name:hover{color:var(--qt-hover-ink,#03776a)!important}
.qt-cart__line{font-weight:600;font-size:16px;line-height:1.35}
.qt-cart__unit{display:flex;align-items:center;flex-wrap:wrap;gap:4px 8px;font-size:13px;line-height:1.4;color:var(--qt-muted)}
.qt-cart__unit s{color:#8a96a1}
.qt-tag{display:inline-flex;align-items:center;height:22px;padding:0 9px;border-radius:999px;background:var(--qtc-accent-50,#e6f5f4);color:var(--qtc-accent-700,#03776a);font-size:12px;line-height:1}
.qt-cart__ctrls{gap:14px;margin-top:8px}
.qt-qty{height:40px;padding:4px;box-shadow:inset 0 0 0 1.5px var(--qt-line-strong,#c0c8d0)}
.qt-qty:focus-within{box-shadow:inset 0 0 0 1.5px var(--qtc-accent,#048a7c)}
.qt-qty button{width:32px;height:32px;transition:background-color .15s ease,color .15s ease,scale .5s var(--qt-spring,ease)}
.qt-qty button:hover:not(:disabled),.qt-qty button:focus-visible{background:var(--qt-hover-bg,#e6f5f4);color:var(--qt-hover-ink,#03776a)}
.qt-qty button:active:not(:disabled){scale:.88}
.qt-qty button svg{display:block;width:14px;height:14px}
.qt-qty input{font-weight:400;width:36px;font-variant-numeric:normal;font-family:var(--qt-body)}
.qt-cart__rm{text-decoration:none;padding:6px 8px;margin:-6px -8px;border-radius:8px;transition:background-color .15s,color .15s}
.qt-cart__rm:hover,.qt-cart__rm:focus-visible{background:var(--qt-hover-bg,#e6f5f4);color:var(--qt-hover-ink,#03776a)}
.qt-cart__foot{gap:14px;padding:20px 24px 22px;box-shadow:0 -12px 24px -16px rgba(15,61,99,.14)}
.qt-cart__row strong{font-weight:600;font-size:22px}
.qt-cart .qt-cart__note{margin:-4px 0 4px;line-height:1.45}
.qt-cart__note a{color:var(--qtc-accent-700,#03776a);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.qt-cart__note a:hover{color:var(--qt-hover-ink,#03776a);text-decoration-thickness:2px}
.qt-cart__note[hidden]{display:none}
.qt-cart__foot .qt-btn--primary{box-shadow:0 4px 12px rgba(4,138,124,.22)}
.qt-cart__foot .qt-btn--outline{margin-top:0;box-shadow:inset 0 0 0 1.5px var(--qt-line-strong,#c0c8d0)}
.qt-cart__foot .qt-btn--outline:hover{background:var(--qt-hover-bg,#e6f5f4);color:var(--qt-hover-ink,#03776a);box-shadow:inset 0 0 0 1.5px var(--qtc-accent,#048a7c)}
@media(max-width:599px){.qt-cart__panel{border-radius:0}.qt-cart__head{padding:12px 12px 12px 20px}.qt-cart__x{width:44px;height:44px}.qt-cart__free{margin:0 16px 4px}.qt-cart__body{padding:0 16px}.qt-cart__item{grid-template-columns:64px minmax(0,1fr) auto;gap:4px 14px;padding:16px 0}.qt-cart__img{width:64px;height:64px;border-radius:14px}.qt-cart__img img{height:50px;max-width:50px}.qt-qty{height:44px}.qt-qty button{width:36px;height:36px}.qt-cart__foot{padding:16px 16px calc(16px + env(safe-area-inset-bottom,18px))}}