body.officegiant-category-archive { background:#f8fafc; }
body.officegiant-category-archive .site-main { width:100%; max-width:none; padding:0; margin:0; }
.ogca-hero { margin-bottom:20px; }
.ogca-hero .ogba-hero__visual { background:radial-gradient(circle at 50% 43%,#fff,#edf5f8 62%,#dfeaf0); }
.ogca-hero--editorial { grid-template-columns:minmax(0,54%) minmax(0,46%); min-height:500px; margin-bottom:20px; border:1px solid #dbe5eb; border-radius:18px; box-shadow:0 19px 54px #17324a1c; }
.ogca-hero--editorial .ogba-hero__copy { justify-content:flex-start; padding:52px clamp(34px,4.7vw,70px) 34px; background:radial-gradient(circle at 78% 8%,#285171 0,transparent 43%),linear-gradient(135deg,#0a2740 0%,#123b59 100%); }
.ogca-hero--editorial .ogba-overline { color:#ff9474; font-size:12px; }
.ogca-hero--editorial h1 { margin:26px 0 18px; font-size:clamp(42px,4.45vw,68px); line-height:1.03; }
.ogca-hero--editorial h1 em { color:#ff754e; }
.ogca-hero--editorial p { max-width:610px; margin-bottom:25px; font-size:16px; }
.ogca-hero--editorial .ogba-hero__button { min-width:270px; min-height:52px; border-radius:7px; background:linear-gradient(135deg,#ff7a4f,#f15b35); font-size:15px; box-shadow:0 10px 25px #ef5a3557; }
.ogca-hero--editorial .ogba-hero__count { margin-top:15px; }
.ogca-hero--editorial .ogba-hero__count strong { font-size:24px; }
.ogca-hero__trust { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; width:100%; margin-top:auto; padding-top:27px; }
.ogca-hero__trust>span { display:grid; grid-template-columns:38px 1fr; column-gap:10px; align-items:center; min-width:0; }
.ogca-hero__trust b { grid-row:1 / 3; display:grid; place-items:center; width:38px; height:38px; border:1px solid #ffffff52; border-radius:50%; color:#ff8765; font-size:19px; }
.ogca-hero__trust strong { overflow:hidden; color:#fff; font-size:11px; line-height:1.25; text-overflow:ellipsis; white-space:nowrap; }
.ogca-hero__trust small { color:#aec4d4; font-size:10px; line-height:1.25; }
.ogca-hero--editorial .ogba-hero__visual { min-width:0; }
.ogca-hero__scene { position:absolute; inset:0; width:100%!important; height:100%!important; max-width:none!important; object-fit:cover; }
.ogca-hero__stamp { position:absolute; z-index:3; top:39px; right:145px; display:grid; place-items:center; width:106px; height:106px; border-radius:50%; background:#ff633d; color:#fff; text-align:center; font-size:12px; font-weight:900; line-height:1.08; transform:rotate(9deg); box-shadow:0 12px 27px #f15b3545; }
.ogca-hero__features { position:absolute; z-index:3; top:50%; right:22px; display:grid; gap:21px; width:148px; padding:24px 18px; border:1px solid #fff9; border-radius:15px; background:#ffffffd9; color:#163650; transform:translateY(-50%); box-shadow:0 15px 32px #17405a1a; backdrop-filter:blur(8px); }
.ogca-hero__features span { display:grid; grid-template-columns:25px 1fr; align-items:center; gap:9px; font-size:11px; font-weight:800; line-height:1.2; }
.ogca-hero__features b { color:#0b4164; font-size:20px; font-weight:500; text-align:center; }
.ogca-hero--editorial .ogba-hero__visual:not(.has-scene) .ogba-hero__product { margin-right:95px; }
.ogca-hero__symbol { position:relative; z-index:1; display:grid; place-items:center; width:230px; height:230px; border:2px solid #d7e6ee; border-radius:50%; color:#f15b35; font-size:138px; text-shadow:0 8px 25px #f15b3533; }
.ogca-intro-panel { display:grid; grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr); min-height:310px; margin:0 0 72px; overflow:hidden; border:1px solid #dfe8ee; border-radius:18px; background:#fff; box-shadow:0 12px 30px #162e4210; }
.ogca-intro-panel__copy { display:flex; flex-direction:column; justify-content:center; padding:42px clamp(30px,4vw,58px); }
.ogca-intro-panel__copy .ogba-overline { color:#f15b35; }
.ogca-intro-panel__copy h2 { margin:12px 0 15px; color:#163650; font-size:clamp(31px,3.4vw,48px); font-weight:900; line-height:1.06; letter-spacing:-.05em; }
.ogca-intro-panel__copy h2 span { color:#f15b35; }
.ogca-intro-panel__copy p { max-width:720px; margin:0 0 13px; color:#526b7e; font-size:16px; line-height:1.62; }
.ogca-intro-panel__copy p:last-child { margin-bottom:0; }
.ogca-intro-panel__description > *:first-child { margin-top:0; }
.ogca-intro-panel__description > *:last-child { margin-bottom:0; }
.ogca-intro-panel__visual { position:relative; display:grid; place-items:center; min-height:310px; overflow:hidden; background:radial-gradient(circle at 54% 48%,#fff 0 19%,#e9f2f6 42%,#dbe9ef 71%,#cbdce5 100%); isolation:isolate; }
.ogca-intro-panel__visual::before { content:""; position:absolute; z-index:-2; top:-32%; right:-7%; width:78%; aspect-ratio:1; border:56px solid #ff704918; border-radius:50%; box-shadow:0 0 0 29px #173b560b,0 0 0 76px #fff5; }
.ogca-intro-panel__visual::after { content:""; position:absolute; z-index:-1; right:-9%; bottom:-45%; width:78%; height:74%; border-radius:50%; background:linear-gradient(135deg,#0d3049,#1a5678); transform:rotate(-8deg); box-shadow:0 -18px 45px #173b5621; pointer-events:none; }
.ogca-intro-panel__product { position:relative; z-index:1; width:auto!important; height:auto!important; max-width:min(46%,290px)!important; max-height:245px!important; object-fit:contain; mix-blend-mode:multiply; filter:contrast(1.04) drop-shadow(0 24px 22px #102d4238); transform:translate(-5%,-2%) scale(1.04); }
.ogca-intro-panel__orbit { position:absolute; z-index:0; width:276px; height:276px; border:1px solid #f15b3569; border-radius:50%; transform:translate(-6%,-2%); box-shadow:inset 0 0 0 22px #fff6,0 0 0 1px #fff; }
.ogca-intro-panel__orbit::before,.ogca-intro-panel__orbit::after { content:""; position:absolute; width:9px; height:9px; border-radius:50%; background:#f15b35; box-shadow:0 0 0 6px #fff8; }
.ogca-intro-panel__orbit::before { top:19px; left:45px; }
.ogca-intro-panel__orbit::after { right:12px; bottom:62px; background:#173b56; }
.ogca-intro-panel__eyebrow { position:absolute; z-index:2; left:25px; bottom:24px; padding:8px 11px; border:1px solid #ffffff85; border-radius:7px; background:#0d3049e8; color:#fff; font-size:9px; font-weight:900; letter-spacing:.12em; box-shadow:0 9px 22px #102f452b; }
.ogca-intro-panel__fallback { position:relative; z-index:1; color:#f15b35; font-size:105px; text-shadow:0 15px 30px #173b5626; }
.ogca-intro-panel__message { position:absolute; top:27px; right:26px; display:flex; align-items:center; gap:12px; max-width:270px; padding:15px 19px 15px 14px; border:1px solid #ffffffc7; border-radius:22px; background:#fffffff0; color:#173b56; text-align:left; transform:rotate(2deg); box-shadow:0 13px 31px #15374e24; backdrop-filter:blur(7px); }
.ogca-intro-panel__message-icon { display:grid; place-items:center; flex:none; width:43px; height:43px; border-radius:13px; background:#173b56; color:#fff; box-shadow:0 7px 16px #173b5630; }
.ogca-intro-panel__message-icon svg { width:24px; height:24px; overflow:visible; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.ogca-intro-panel__message-copy { display:flex; min-width:0; flex-direction:column; }
.ogca-intro-panel__message-copy strong { color:#173b56; font-size:18px; font-weight:950; line-height:1.08; letter-spacing:-.025em; }
.ogca-intro-panel__message-copy>span { margin-top:2px; color:#f15b35; font-size:17px; font-weight:950; line-height:1.08; letter-spacing:-.02em; }
.ogca-subcats { margin:0 0 72px; }
.ogca-section-head { margin-bottom:22px; }
.ogca-section-head h2 { margin:10px 0 7px; color:#182f44; font-size:clamp(29px,3vw,42px); font-weight:900; line-height:1.1; letter-spacing:-.05em; }
.ogca-section-head h2 span { color:#f15b35; }
.ogca-section-head p { margin:0; color:#65788a; font-size:14px; }
.ogca-subcats__grid { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:12px; }
.ogca-subcat-card { position:relative; display:flex; min-width:0; flex-direction:column; overflow:hidden; border:1px solid #e0e8ed; border-radius:17px; background:#fff; box-shadow:0 9px 25px #162e4211; transition:transform .22s,box-shadow .22s,border-color .22s; }
.ogca-subcat-card:hover { transform:translateY(-5px); border-color:#f4a289; box-shadow:0 17px 34px #162e421c; }
.ogca-subcat-card__image { position:relative; display:grid; place-items:center; height:150px; overflow:hidden; background:radial-gradient(ellipse at 50% 60%,#fff 0 26%,#f4f8fa 73%,#e9f1f5 100%); isolation:isolate; }
.ogca-subcat-card__image::before { content:""; position:absolute; z-index:-1; width:76%; height:60%; border-radius:43% 57% 58% 42% / 55% 42% 58% 45%; background:linear-gradient(145deg,#ffe7dc,#fff1e9); transform:rotate(-7deg); transition:transform .3s; }
.ogca-subcat-card:nth-child(2n) .ogca-subcat-card__image::before { background:linear-gradient(145deg,#e7f1ff,#eef6ff); transform:rotate(8deg); }
.ogca-subcat-card:nth-child(3n) .ogca-subcat-card__image::before { background:linear-gradient(145deg,#f0e9ff,#f7f2ff); }
.ogca-subcat-card:nth-child(4n) .ogca-subcat-card__image::before { background:linear-gradient(145deg,#ffe5f1,#fff0f7); }
.ogca-subcat-card:hover .ogca-subcat-card__image::before { transform:rotate(0) scale(1.08); }
.ogca-subcat-card__image img { z-index:1; width:auto!important; height:auto!important; max-width:78%!important; max-height:130px!important; object-fit:contain; mix-blend-mode:multiply; filter:drop-shadow(0 14px 13px #17364a22); transition:transform .25s; }
.ogca-subcat-card:hover .ogca-subcat-card__image img { transform:scale(1.055); }
.ogca-subcat-card__image>b { color:#f15b35; font-size:68px; text-shadow:0 12px 25px #17364a1f; }
.ogca-subcat-card__body { position:relative; display:flex; min-height:94px; flex-direction:column; justify-content:center; padding:15px 52px 16px 16px; border-top:1px solid #edf2f5; background:#fff; }
.ogca-subcat-card__body strong { color:#163650; font-size:15px; font-weight:900; line-height:1.1; letter-spacing:-.025em; }
.ogca-subcat-card__body small { margin-top:7px; color:#7a8d9e; font-size:12px; }
.ogca-subcats__arrow { position:absolute; right:12px; bottom:20px; display:grid; place-items:center; width:36px; height:36px; border-radius:50%; background:#ff633d; color:#fff; font-size:18px; box-shadow:0 8px 17px #f15b3533; transition:transform .2s,background .2s; }
.ogca-subcat-card:hover .ogca-subcats__arrow { background:#e84e28; transform:translateX(3px); }
.ogca-subcat-card--simple .ogca-subcat-card__image { height:145px; }
.ogca-subcats__toggle { display:none; align-items:center; justify-content:center; gap:12px; min-width:190px; min-height:46px; margin:22px auto 0; padding:0 20px; border:1px solid #f15b35; border-radius:999px; background:#fff; color:#d84d2b; font-size:12px; font-weight:900; letter-spacing:.04em; cursor:pointer; box-shadow:0 8px 20px #162e4210; transition:background .2s,color .2s,transform .2s; }
.ogca-subcats__toggle:hover { background:#f15b35; color:#fff; transform:translateY(-2px); }
.ogca-subcats__toggle b { font-size:16px; line-height:1; }
@media(min-width:1101px) { .ogca-subcats__grid--5 { grid-template-columns:repeat(5,minmax(0,1fr)); } .ogca-subcats__grid--4 { grid-template-columns:repeat(4,minmax(0,1fr)); } .ogca-subcats__grid--3 { grid-template-columns:repeat(3,minmax(0,1fr)); } .ogca-subcats__grid--2 { grid-template-columns:repeat(2,minmax(0,1fr)); } .ogca-subcats__grid--1 { grid-template-columns:minmax(0,1fr); max-width:340px; } }
@media(min-width:1101px) { .ogca-subcats.has-category-toggle.has-over-12:not(.is-expanded) .ogca-subcat-card:nth-child(n+13) { display:none; } .ogca-subcats.has-category-toggle.has-over-12 .ogca-subcats__toggle { display:flex; } }
.ogca-child-filter>span:first-child { color:#f15b35; font-weight:900; }
.ogba-pages__dots { display:grid; place-items:center; min-width:25px; color:#8b9aa6; font-size:14px; }
.ogca .ogba-collection { scroll-margin-top:25px; }
.ogca-seo-content { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr); gap:42px; margin:0 0 72px; padding:38px 42px; border:1px solid #dfe8ee; border-radius:18px; background:linear-gradient(120deg,#fff 0%,#f5f9fc 100%); box-shadow:0 12px 30px #162e4210; }
.ogca-seo-content h2 { margin:10px 0 12px; color:#182f44; font-size:clamp(28px,3vw,42px); font-weight:900; line-height:1.08; letter-spacing:-.05em; }
.ogca-seo-content h2 span { color:#f15b35; }
.ogca-seo-content__intro { margin:0 0 16px; color:#4b6275; font-size:18px; line-height:1.5; }
.ogca-seo-content__body { color:#607486; font-size:15px; line-height:1.7; }
.ogca-seo-content__body p { margin:0 0 12px; }
.ogca-seo-faqs { padding-left:28px; border-left:1px solid #d6e2ea; }
.ogca-seo-faqs details { border-bottom:1px solid #d6e2ea; padding:13px 0; }
.ogca-seo-faqs summary { color:#20374d; font-weight:800; cursor:pointer; }
.ogca-seo-faqs details div { color:#607486; font-size:14px; line-height:1.55; }
.ogca-seo-faqs details p { margin:8px 0 0; }
@media(max-width:1100px) { .ogca-hero--editorial { grid-template-columns:56% 44%; } .ogca-hero__features { right:14px; width:128px; padding:20px 14px; } .ogca-hero__stamp { right:116px; } .ogca-hero__trust { gap:10px; } .ogca-hero__trust>span { grid-template-columns:31px 1fr; column-gap:7px; } .ogca-hero__trust b { width:31px; height:31px; font-size:16px; } .ogca-subcats__grid { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media(min-width:761px) and (max-width:1100px) { .ogca-subcats.has-category-toggle.has-over-6:not(.is-expanded) .ogca-subcat-card:nth-child(n+7) { display:none; } .ogca-subcats.has-category-toggle.has-over-6 .ogca-subcats__toggle { display:flex; } }
@media(max-width:760px) { .ogca-hero--editorial { grid-template-columns:1fr; min-height:0; margin-bottom:14px; } .ogca-hero--editorial .ogba-hero__copy { padding:38px 25px 27px; } .ogca-hero--editorial h1 { font-size:41px; } .ogca-hero--editorial p { font-size:14px; } .ogca-hero--editorial .ogba-hero__button { min-width:0; width:100%; } .ogca-hero__trust { gap:8px; margin-top:25px; padding-top:22px; border-top:1px solid #ffffff24; } .ogca-hero__trust>span { display:flex; flex-direction:column; align-items:flex-start; gap:5px; } .ogca-hero__trust b { width:30px; height:30px; } .ogca-hero__trust strong { white-space:normal; } .ogca-hero__trust small { display:none; } .ogca-hero--editorial .ogba-hero__visual { min-height:330px; } .ogca-hero__features { top:auto; right:12px; bottom:13px; left:12px; grid-template-columns:repeat(2,1fr); width:auto; gap:13px; padding:14px; transform:none; } .ogca-hero__stamp { top:17px; right:18px; width:78px; height:78px; font-size:9px; } .ogca-hero--editorial .ogba-hero__visual:not(.has-scene) .ogba-hero__product { margin:0 60px 50px 0; } .ogca-intro-panel { grid-template-columns:1fr; margin-bottom:50px; } .ogca-intro-panel__copy { padding:30px 24px; } .ogca-intro-panel__copy p { font-size:14px; } .ogca-intro-panel__visual { min-height:285px; } .ogca-intro-panel__product { max-width:225px!important; max-height:205px!important; } .ogca-intro-panel__orbit { width:228px; height:228px; } .ogca-intro-panel__message { top:14px; right:12px; max-width:205px; gap:8px; padding:10px 12px 10px 9px; border-radius:17px; } .ogca-intro-panel__message-icon { width:34px; height:34px; border-radius:10px; } .ogca-intro-panel__message-icon svg { width:19px; height:19px; } .ogca-intro-panel__message-copy strong { font-size:14px; } .ogca-intro-panel__message-copy>span { font-size:13px; } .ogca-intro-panel__eyebrow { left:14px; bottom:14px; } .ogca-subcats { margin-bottom:50px; } .ogca-subcats__grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; } .ogca-subcat-card__image { height:150px; } .ogca-subcat-card__image img { max-height:130px!important; } .ogca-subcat-card__body { min-height:104px; padding:14px 48px 15px 14px; } .ogca-subcat-card__body strong { font-size:14px; } .ogca-subcat-card__body small { font-size:10px; } .ogca-subcats__arrow { right:10px; bottom:18px; width:33px; height:33px; font-size:17px; } .ogca-seo-content { grid-template-columns:1fr; gap:26px; margin-bottom:50px; padding:28px 22px; } .ogca-seo-faqs { padding:0; border-left:0; } }
@media(max-width:480px) { .ogca-subcats__grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .ogca-hero__symbol { width:180px; height:180px; font-size:100px; } }
@media(max-width:760px) { .ogca-subcats.has-category-toggle.has-over-4:not(.is-expanded) .ogca-subcat-card:nth-child(n+5) { display:none; } .ogca-subcats.has-category-toggle.has-over-4 .ogca-subcats__toggle { display:flex; } }