/* Ouredja - Graphite Cobalt (graphics cards). Tokens mirror the active Novamira design. */
:root{
  --o-bg:#F3F5F8; --o-surface:#FFFFFF; --o-ink:#14181F; --o-muted:#586172; --o-line:#DCE1E8;
  --o-accent:#2F5BEA; --o-accent-dk:#1F45C2; --o-graphite:#0F131A; --o-graphite-2:#1A202A;
  --o-on-g:#E8ECF2; --o-on-g-muted:#9AA4B4; --o-ok:#1E7A4E;
  --o-maxw:1240px; --o-r-sm:4px; --o-r:8px; --o-r-btn:6px;
  --o-head:'Archivo',system-ui,-apple-system,"Segoe UI",sans-serif;
  --o-body:'IBM Plex Sans',system-ui,-apple-system,"Segoe UI",sans-serif;
  --o-mono:'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,monospace;
}

/* ---- base ---- */
body.ai-on{font-family:var(--o-body);color:var(--o-ink);background:var(--o-bg);line-height:1.6;
  -webkit-font-smoothing:antialiased;}
body.ai-on h1,body.ai-on h2,body.ai-on h3,body.ai-on h4,body.ai-on .product_title{
  font-family:var(--o-head);font-weight:700;line-height:1.12;color:var(--o-ink);
  letter-spacing:-.015em;text-wrap:balance;}
body.ai-on a{color:var(--o-accent);text-underline-offset:3px;}
body.ai-on a:hover{color:var(--o-accent-dk);}
body.ai-on :focus-visible{outline:2px solid var(--o-accent);outline-offset:3px;}
body.ai-on .site-content{background:var(--o-bg);}
.ai-mono{font-family:var(--o-mono);font-weight:500;letter-spacing:0;}

.ai-wrap{max-width:var(--o-maxw);margin:0 auto;padding-left:24px;padding-right:24px;}

/* ---- header (Shoptimizer) ---- */
body.ai-on .site-header{background:var(--o-surface);border-bottom:1px solid var(--o-line);}
body.ai-on .site-header .custom-logo-link img{max-height:34px;width:auto;}
body.ai-on .col-full-nav,body.ai-on .shoptimizer-primary-navigation{background:var(--o-graphite)!important;}
body.ai-on .main-navigation ul.menu > li > a,
body.ai-on .main-navigation ul.menu > li.menu-item-has-children > a::after{color:var(--o-on-g)!important;
  font-family:var(--o-body);font-weight:500;}
body.ai-on .main-navigation ul.menu > li > a:hover{color:#fff!important;}
body.ai-on .main-navigation ul.sub-menu{background:var(--o-surface);border:1px solid var(--o-line);}
body.ai-on .main-navigation ul.sub-menu a{color:var(--o-ink)!important;}
body.ai-on .site-search input[type=search]{border-radius:var(--o-r-btn);border:1px solid var(--o-line);
  background:var(--o-bg);}

/* ---- sections ---- */
.ai-section{padding:clamp(48px,6vw,84px) 0;}
.ai-section--surface{background:var(--o-surface);}
.ai-section--tint{background:var(--o-bg);}
body.ai-on .ai-section--ink{background:var(--o-graphite);color:var(--o-on-g);}
body.ai-on .ai-section--ink h1,body.ai-on .ai-section--ink h2,body.ai-on .ai-section--ink h3{color:#fff;}
body.ai-on .ai-section--ink p,body.ai-on .ai-section--ink li{color:var(--o-on-g-muted);}

.ai-eyebrow{font-family:var(--o-mono);font-size:.74rem;font-weight:500;letter-spacing:.08em;
  text-transform:uppercase;color:var(--o-accent);margin:0 0 14px;}
body.ai-on .ai-section--ink .ai-eyebrow{color:#8FA9FF;}
.ai-display{font-size:clamp(2.2rem,4.4vw,3.6rem);line-height:1.04;margin:0 0 18px;}
.ai-h2{font-size:clamp(1.6rem,2.8vw,2.3rem);margin:0 0 12px;}
.ai-h3{font-size:clamp(1.08rem,1.6vw,1.3rem);margin:0 0 8px;}
.ai-lead{font-size:1.08rem;color:var(--o-muted);max-width:56ch;margin:0 0 26px;}
body.ai-on .ai-section--ink .ai-lead{color:var(--o-on-g-muted);}
.ai-muted{color:var(--o-muted);}
.ai-center{text-align:center;}
.ai-center .ai-lead{margin-left:auto;margin-right:auto;}
.ai-shead{margin-bottom:clamp(22px,3vw,36px);}
.ai-shead-row{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px 24px;
  margin-bottom:clamp(22px,3vw,32px);}
.ai-shead-row .ai-h2{margin:0;}
.ai-link{font-weight:600;text-decoration:none;}
.ai-link::after{content:" \2192";}

/* ---- buttons ---- */
.ai-btnrow{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:0;}
.ai-btn{display:inline-block;padding:14px 24px;border-radius:var(--o-r-btn);font-family:var(--o-body);
  font-weight:600;font-size:.95rem;text-decoration:none;border:1px solid transparent;
  transition:background .15s ease,color .15s ease,border-color .15s ease;}
body.ai-on .ai-btn-primary{background:var(--o-accent);color:#fff;}
body.ai-on .ai-btn-primary:hover{background:var(--o-accent-dk);color:#fff;}
body.ai-on .ai-btn-secondary{background:transparent;color:var(--o-ink);border-color:var(--o-ink);}
body.ai-on .ai-btn-secondary:hover{background:var(--o-ink);color:#fff;}
body.ai-on .ai-section--ink .ai-btn-secondary{color:var(--o-on-g);border-color:#4A5466;}
body.ai-on .ai-section--ink .ai-btn-secondary:hover{background:var(--o-on-g);color:var(--o-graphite);}

/* ---- hero ---- */
.ai-hero{display:grid;gap:clamp(28px,4vw,56px);align-items:center;grid-template-columns:minmax(0,1fr);}
@media(min-width:900px){.ai-hero{grid-template-columns:1fr 1fr;}}
.ai-hero-section{padding:clamp(44px,6vw,80px) 0 clamp(56px,7vw,96px);}
.ai-hero-shot{position:relative;}
@media(min-width:900px){.ai-hero-shot{margin-bottom:calc(-1 * clamp(80px,9vw,140px));}}
.ai-hero-shot .ai-hero-panel{background:var(--o-surface);border-radius:var(--o-r);padding:clamp(16px,3vw,28px);
  box-shadow:0 30px 60px -30px rgba(0,0,0,.6);}
.ai-hero-shot img{display:block;width:100%;height:auto;}
body.ai-on .ai-hero-cap{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin:16px 0 0;
  padding-top:14px;border-top:1px solid var(--o-line);font-size:.92rem;color:var(--o-ink);}
body.ai-on .ai-hero-cap a{color:var(--o-ink);font-weight:600;text-decoration:none;line-height:1.35;}
body.ai-on .ai-hero-cap a:hover{color:var(--o-accent);}
body.ai-on .ai-hero-cap .ai-mono{white-space:nowrap;color:var(--o-ink);}

/* nav cart on graphite */
body.ai-on .col-full-nav .shoptimizer-cart .amount,body.ai-on .col-full-nav .shoptimizer-cart .amount *{color:var(--o-on-g)!important;}
body.ai-on .col-full-nav .shoptimizer-cart .count{color:#fff!important;border-color:#8FA9FF!important;}
body.ai-on .col-full-nav .shoptimizer-cart .count::after{border-color:#8FA9FF!important;}

/* ---- facts row ---- */
.ai-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin:0;padding:0;list-style:none;
  border-top:1px solid var(--o-line);}
@media(min-width:900px){.ai-facts{grid-template-columns:repeat(4,minmax(0,1fr));}}
.ai-facts li{padding:20px 20px 20px 0;border-bottom:1px solid var(--o-line);}
@media(min-width:900px){.ai-facts li{border-bottom:0;}.ai-facts li + li{padding-left:20px;border-left:1px solid var(--o-line);}}
.ai-facts b{display:block;font-family:var(--o-head);font-size:1.02rem;color:var(--o-ink);margin-bottom:2px;}
.ai-facts span{font-size:.9rem;color:var(--o-muted);}
.ai-facts-pad{padding-top:clamp(100px,11vw,170px);}
@media(max-width:899px){.ai-facts-pad{padding-top:32px;}}

/* ---- GPU family bento ---- */
.ai-bento{display:grid;gap:16px;grid-template-columns:minmax(0,1fr);}
@media(min-width:900px){.ai-bento{grid-template-columns:1.35fr 1fr;grid-template-rows:auto auto;}
  .ai-tile--lg{grid-row:span 2;}}
.ai-tile{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:18px;
  border-radius:var(--o-r);padding:clamp(22px,3vw,34px);text-decoration:none;overflow:hidden;
  background:var(--o-surface);border:1px solid var(--o-line);color:var(--o-ink);min-height:250px;
  transition:border-color .15s ease;}
body.ai-on a.ai-tile{color:var(--o-ink);}
body.ai-on a.ai-tile:hover{border-color:var(--o-accent);color:var(--o-ink);}
.ai-tile h3{font-size:clamp(1.3rem,2.2vw,1.8rem);margin:0 0 6px;}
.ai-tile p{margin:0;color:var(--o-muted);font-size:.95rem;max-width:42ch;}
.ai-tile-meta{display:flex;flex-wrap:wrap;gap:6px 18px;font-family:var(--o-mono);font-size:.82rem;color:var(--o-muted);}
.ai-tile-meta b{color:var(--o-ink);font-weight:500;}
.ai-tile-img{display:block;width:100%;max-width:520px;height:auto;margin:6px auto 0;}
.ai-tile--lg{background:var(--o-surface);}
.ai-tile--tint{background:#E7ECF8;border-color:#D3DCF2;}
body.ai-on .ai-tile--dark{background:var(--o-graphite-2);border-color:var(--o-graphite-2);color:var(--o-on-g);}
body.ai-on .ai-tile--dark h3{color:#fff;}
body.ai-on .ai-tile--dark p,body.ai-on .ai-tile--dark .ai-tile-meta{color:var(--o-on-g-muted);}
body.ai-on .ai-tile--dark .ai-tile-meta b{color:var(--o-on-g);}
body.ai-on a.ai-tile--dark:hover{border-color:var(--o-accent);color:var(--o-on-g);}
.ai-tile-row{display:flex;align-items:center;gap:16px;}
.ai-tile-row img{width:42%;max-width:220px;height:auto;flex:none;border-radius:var(--o-r-sm);background:#fff;}

/* ---- resolution guide ---- */
.ai-guide{border-top:1px solid #2A3240;}
.ai-guide-row{display:grid;grid-template-columns:minmax(0,1fr);gap:8px 32px;padding:24px 0;
  border-bottom:1px solid #2A3240;align-items:center;}
@media(min-width:900px){.ai-guide-row{grid-template-columns:200px minmax(0,1fr) auto;}}
.ai-guide-res{font-family:var(--o-head);font-size:1.6rem;font-weight:700;color:#fff;}
.ai-guide-res small{display:block;font-family:var(--o-body);font-size:.85rem;font-weight:400;color:var(--o-on-g-muted);}
.ai-guide-cards{font-family:var(--o-mono);font-size:.92rem;color:var(--o-on-g);}
body.ai-on .ai-guide a.ai-link{color:#8FA9FF;}
body.ai-on .ai-guide a.ai-link:hover{color:#fff;}
.ai-note{font-size:.88rem;color:var(--o-on-g-muted);margin:18px 0 0;max-width:72ch;}

/* ---- brands ---- */
.ai-brands{display:flex;flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none;}
.ai-brands a{display:inline-flex;align-items:baseline;gap:8px;padding:12px 18px;border:1px solid var(--o-line);
  border-radius:var(--o-r-btn);background:var(--o-surface);text-decoration:none;font-family:var(--o-head);
  font-weight:700;color:var(--o-ink);}
.ai-brands a:hover{border-color:var(--o-accent);color:var(--o-ink);}
.ai-brands small{font-family:var(--o-mono);font-weight:500;font-size:.78rem;color:var(--o-muted);}

/* ---- split / policy ---- */
.ai-split{display:grid;gap:clamp(24px,4vw,56px);align-items:start;grid-template-columns:minmax(0,1fr);}
@media(min-width:900px){.ai-split{grid-template-columns:.9fr 1.1fr;}}
.ai-policy{display:grid;gap:0;margin:0;padding:0;list-style:none;border-top:1px solid var(--o-line);}
.ai-policy li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 18px;padding:18px 0;
  border-bottom:1px solid var(--o-line);}
.ai-policy b{font-family:var(--o-head);font-size:1.05rem;}
.ai-policy p{grid-column:1/-1;margin:0;color:var(--o-muted);font-size:.95rem;}

/* ---- faq ---- */
.ai-faq{border-top:1px solid var(--o-line);}
.ai-faq details{border-bottom:1px solid var(--o-line);padding:16px 0;}
.ai-faq summary{cursor:pointer;font-weight:600;list-style:none;font-family:var(--o-head);}
.ai-faq summary::-webkit-details-marker{display:none;}
.ai-faq summary::after{content:"+";float:right;color:var(--o-accent);font-weight:400;}
.ai-faq details[open] summary::after{content:"\2212";}
.ai-faq p{color:var(--o-muted);margin:10px 0 0;max-width:70ch;}
.ai-prose p{color:var(--o-muted);max-width:68ch;}

/* ---- footer ---- */
.ai-footer{background:var(--o-graphite);color:var(--o-on-g);padding:clamp(40px,5vw,64px) 24px;}
.ai-foot-grid{max-width:var(--o-maxw);margin:0 auto;display:grid;gap:30px;
  grid-template-columns:repeat(auto-fit,minmax(200px,1fr));}
body.ai-on .ai-foot-brand p{color:var(--o-on-g-muted);font-size:.92rem;}
.ai-foot-logo{margin:0 0 12px;}
.ai-foot-logo img{display:block;height:30px;width:auto;}
body.ai-on .ai-foot-pay{font-size:.86rem;color:var(--o-on-g-muted);}
body.ai-on .ai-foot-col h4{color:#8FA9FF;font-family:var(--o-mono);font-size:.74rem;letter-spacing:.08em;
  text-transform:uppercase;margin:0 0 12px;font-weight:500;}
.ai-foot-col ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px;}
body.ai-on .ai-foot-col a,body.ai-on .ai-foot-bottom a{color:var(--o-on-g);text-decoration:none;font-size:.93rem;}
body.ai-on .ai-foot-col a:hover,body.ai-on .ai-foot-bottom a:hover{color:#fff;text-decoration:underline;}
body.ai-on .ai-foot-col li.muted{color:var(--o-on-g-muted);font-size:.93rem;}
.ai-foot-bottom{border-top:1px solid rgba(255,255,255,.1);margin-top:8px;padding-top:22px;}
.ai-foot-bottom .ai-foot-grid{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;
  font-size:.86rem;color:var(--o-on-g-muted);}
body.ai-on .site-footer,body.ai-on .site-footer .col-full{background:var(--o-graphite);}
body.ai-on .site-footer .col-full{min-width:0;}
body.ai-on .site-footer .col-full > .widget{min-width:0;}

/* ---- WooCommerce: buttons, prices ---- */
body.ai-on .single_add_to_cart_button,body.ai-on .button.alt,body.ai-on .checkout-button,
body.ai-on #place_order,body.ai-on ul.products li.product .button{background:var(--o-accent)!important;
  color:#fff!important;border-radius:var(--o-r-btn)!important;font-weight:600!important;border:0!important;}
body.ai-on .single_add_to_cart_button:hover,body.ai-on .button.alt:hover,body.ai-on .checkout-button:hover,
body.ai-on #place_order:hover,body.ai-on ul.products li.product .button:hover{background:var(--o-accent-dk)!important;}
body.ai-on .onsale{background:var(--o-accent)!important;color:#fff!important;border-radius:var(--o-r-sm)!important;}
body.ai-on .price,body.ai-on .amount{color:var(--o-ink);font-family:var(--o-head);font-weight:700;}

/* ---- product cards ---- */
body.ai-on ul.products li.product{background:var(--o-surface);border:1px solid var(--o-line);
  border-radius:var(--o-r);padding:14px 14px 18px;transition:box-shadow .15s ease,border-color .15s ease;}
body.ai-on ul.products li.product:hover{border-color:#C5CEDB;box-shadow:0 14px 30px -18px rgba(15,19,26,.35);}
body.ai-on ul.products li.product img{border-radius:var(--o-r-sm);background:#fff;}
body.ai-on ul.products li.product .woocommerce-loop-product__title{font-family:var(--o-body);
  font-weight:600;font-size:.95rem;line-height:1.35;color:var(--o-ink);}
.ai-card-meta{margin:4px 0 6px;font-family:var(--o-mono);font-size:.74rem;line-height:1.4;color:var(--o-muted);
  overflow-wrap:anywhere;}
body.ai-on ul.products li.product .product__categories{display:none;}

/* ---- single product ---- */
body.ai-on.single-product .product .woocommerce-product-gallery img{border-radius:var(--o-r);background:#fff;}
body.ai-on.single-product .product_title{font-size:clamp(1.4rem,2.2vw,1.85rem);line-height:1.15;margin-bottom:10px;}
body.ai-on.single-product .summary .price{font-size:1.6rem;}
body.ai-on dl.ai-pdp-ids{margin-left:0;margin-right:0;clear:both;width:100%;flex:0 0 100%;}
.ai-pdp-ids{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 16px;margin:14px 0 18px;
  padding:14px 0;border-top:1px solid var(--o-line);border-bottom:1px solid var(--o-line);font-size:.9rem;}
.ai-pdp-ids dt{color:var(--o-muted);}
.ai-pdp-ids dd{margin:0;font-family:var(--o-mono);color:var(--o-ink);}
.ai-pdp-promise{list-style:none;margin:18px 0 0;padding:16px 18px;background:var(--o-surface);
  border:1px solid var(--o-line);border-radius:var(--o-r);font-size:.92rem;}
.ai-pdp-promise li{padding:4px 0;color:var(--o-muted);}
.ai-pdp-promise b{color:var(--o-ink);font-weight:600;}
body.ai-on .woocommerce-tabs table,body.ai-on .woocommerce-Tabs-panel table,
body.ai-on .woocommerce-product-attributes{border:0;border-collapse:collapse;width:100%;}
body.ai-on .woocommerce-Tabs-panel table th,body.ai-on .woocommerce-product-attributes th{
  text-align:left;font-weight:500;color:var(--o-muted);width:38%;padding:10px 12px 10px 0;
  border:0;border-bottom:1px solid var(--o-line);background:transparent;}
body.ai-on .woocommerce-Tabs-panel table td,body.ai-on .woocommerce-product-attributes td{
  padding:10px 0;border:0;border-bottom:1px solid var(--o-line);font-family:var(--o-mono);font-size:.9rem;
  background:transparent;}
body.ai-on .woocommerce-product-attributes td p{margin:0;}
body.ai-on .woocommerce-Tabs-panel h2{font-size:1.3rem;margin-top:1.6em;}

/* ---- archive header ---- */
body.ai-on .woocommerce-products-header__title,body.ai-on .shoptimizer-category-banner h1{font-family:var(--o-head);}
body.ai-on .term-description p{color:var(--o-muted);max-width:72ch;}
body.ai-on .term-description{border:1px solid var(--o-line);border-radius:var(--o-r);}

/* ---- order tracking (ParcelPanel) ---- */
.ai-track-head{padding-bottom:clamp(20px,3vw,32px);}
.ai-track{padding-top:clamp(24px,3vw,40px);}
body.ai-on .ai-track #pp-root{max-width:880px;margin:0 auto;}
body.ai-on .ai-track #pp-root .pp-tracking-section{
  background:var(--o-surface);border:1px solid var(--o-line);border-radius:var(--o-r);
  box-shadow:0 14px 30px -22px rgba(15,19,26,.35);}
body.ai-on .ai-track #pp-root .pp-test-box,body.ai-on .ai-track #pp-root .pp-test-box-width,
body.ai-on .ai-track #pp-root .pp-tracking-form,
body.ai-on .ai-track #pp-root .pp-tracking-form__container--pc{background:transparent;border:0;box-shadow:none;}
/* Pages built from full-width ai-sections: breadcrumb follows the section container, not the 760px text column. */
body.ai-on:has(.ai-section) .site-content .col-full > .woocommerce-breadcrumb{max-width:var(--o-maxw)!important;}
body.ai-on:has(.ai-section) .archive-header > .col-full{padding-left:0;padding-right:0;}
body.ai-on:has(.ai-section) .archive-header .woocommerce-breadcrumb{max-width:var(--o-maxw);margin-left:auto;margin-right:auto;padding-left:24px;padding-right:24px;}
body.ai-on .ai-track #pp-root label,body.ai-on .ai-track #pp-root .pp-form label{font-family:var(--o-body);
  font-weight:600;font-size:.9rem;color:var(--o-ink);}
body.ai-on .ai-track #pp-root input[type=text],body.ai-on .ai-track #pp-root input[type=email],
body.ai-on .ai-track #pp-root input:not([type]),body.ai-on .ai-track #pp-root .pp-input input{
  width:100%;min-height:46px;padding:10px 14px;border:1px solid var(--o-line);border-radius:var(--o-r-btn);
  background:var(--o-bg);font-family:var(--o-mono);font-size:.95rem;color:var(--o-ink);box-shadow:none;}
body.ai-on .ai-track #pp-root input:focus{outline:2px solid var(--o-accent);outline-offset:1px;background:#fff;}
body.ai-on .ai-track #pp-root .btn-enter{min-height:46px;padding:0 28px!important;font-size:.95rem!important;}
body.ai-on .ai-track #pp-root .pp-tracking-form__container__or{font-family:var(--o-mono);font-size:.8rem;
  text-transform:uppercase;letter-spacing:.08em;color:var(--o-muted);}
body.ai-on .ai-track #pp-root a{color:var(--o-accent);}
body.ai-on .ai-track .ai-track-help{max-width:880px;margin:clamp(32px,4vw,48px) auto 0;}

@media (prefers-reduced-motion:reduce){body.ai-on *{transition:none!important;animation:none!important;}}

/* ---- readable measure on content pages ---- */
body.ai-on:not(.woocommerce-page) .site-content .col-full > h1,
body.ai-on:not(.woocommerce-page) .site-content .col-full > h2,
body.ai-on:not(.woocommerce-page) .site-content .col-full > h3,
body.ai-on:not(.woocommerce-page) .site-content .col-full > h4,
body.ai-on:not(.woocommerce-page) .site-content .col-full > p,
body.ai-on:not(.woocommerce-page) .site-content .col-full > ul,
body.ai-on:not(.woocommerce-page) .site-content .col-full > ol,
body.ai-on:not(.woocommerce-page) .site-content .col-full > dl,
body.ai-on:not(.woocommerce-page) .site-content .col-full > table,
body.ai-on:not(.woocommerce-page) .site-content .col-full > blockquote,
body.ai-on:not(.woocommerce-page) .site-content .col-full > .woocommerce-breadcrumb{
  max-width:760px;margin-left:auto;margin-right:auto;padding-left:24px;padding-right:24px;}
body.ai-on:not(.woocommerce-page) .site-content .col-full > h2{margin-top:2em;}
body.ai-on:not(.woocommerce-page) .site-content .col-full > h3{margin-top:1.5em;}
body.ai-on:not(.woocommerce-page) .site-content .col-full > table th{text-align:left;color:var(--o-muted);
  font-weight:500;padding:10px 12px 10px 0;border-bottom:1px solid var(--o-line);}
body.ai-on:not(.woocommerce-page) .site-content .col-full > table td{padding:10px 0;border-bottom:1px solid var(--o-line);}
@media(max-width:640px){body.ai-on:not(.woocommerce-page) .site-content .col-full > *{padding-left:20px;padding-right:20px;}}