/* Ambalaj Rehberi V4: responsive reference-inspired editorial layout. */
.main-nav .nav-guide {display:inline-flex;align-items:center;white-space:nowrap}
.guide-page{background:#f7fafc;color:#0b1b3c;min-height:68vh;padding:28px 0 75px}
.guide-container{width:min(1240px,calc(100% - 54px));margin:0 auto}
.guide-hero{background:linear-gradient(170deg,#fafcff 0%,#fff 65%);border:1px solid #dce5f1;border-radius:24px;min-height:286px;text-align:center;padding:43px 30px 35px;box-shadow:0 1px 2px rgba(11,31,68,.04)}
.guide-kicker{display:inline-flex;align-items:center;border:1px solid #bbd5ff;border-radius:30px;padding:7px 16px;background:#eff6ff;font-size:11px;font-weight:760;color:#245ceb}
.guide-hero h1{max-width:760px;margin:16px auto 13px;font-size:clamp(25px,3.1vw,37px);line-height:1.16;font-weight:840;letter-spacing:-.04em;color:#071838}
.guide-hero p{max-width:690px;margin:0 auto;font-size:13px;line-height:1.65;color:#556b90}
.guide-search-form{height:47px;display:flex;align-items:center;gap:10px;max-width:565px;margin:25px auto 0;background:#fff;border:1px solid #c7d5e9;border-radius:10px;padding:0 5px 0 15px;box-shadow:0 2px 5px rgba(27,52,92,.06)}
.guide-search-form svg{color:#8ca4c4;flex-shrink:0}.guide-search-form input{width:100%;min-width:0;border:0!important;box-shadow:none!important;outline:none;background:none;height:42px;color:#163259;font-size:12px}.guide-search-form input::placeholder{color:#8193b0}.guide-search-form button{background:#235ceb;color:#fff;font-size:12px;border:0;border-radius:8px;padding:9px 14px;font-weight:740;cursor:pointer}
.guide-content{padding-top:29px}.guide-filter-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:30px}.guide-filter-tabs a{display:inline-flex;align-items:center;min-height:34px;border:1px solid #dce5f0;border-radius:20px;background:#fff;color:#344a6a;text-decoration:none;font-size:10px;font-weight:750;padding:8px 14px;transition:background-color .15s,border-color .15s}
.guide-filter-tabs a:hover{background:#eaf3ff;border-color:#9dc0fe}.guide-filter-tabs a.is-selected{color:#fff;background:#2461eb;border-color:#2461eb}
.guide-results-line{color:#53698c;font-size:12px;margin:-15px 0 23px}.guide-results-line a{color:#285be7;font-weight:750}
.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.guide-card{min-height:275px;background:#fff;border:1px solid #dce4ed;border-radius:21px;padding:25px 24px 20px;display:flex;flex-direction:column;box-shadow:0 2px 1px rgba(20,48,86,.08);transition:box-shadow .15s,transform .15s}
.guide-card:hover{box-shadow:0 11px 29px rgba(22,48,90,.1);transform:translateY(-2px)}
.guide-card-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:20px}.guide-card-meta span{background:#edf1ff;border:1px solid #dcdfff;color:#5651eb;border-radius:20px;padding:5px 9px;font-size:9px;font-weight:780;max-width:75%;line-height:1.2}.guide-card-meta small{color:#9badc7;font-size:10px;white-space:nowrap}
.guide-card h2{font-size:17px;letter-spacing:-.02em;line-height:1.38;margin:0 0 6px;color:#071838;font-weight:800}.guide-card h2 a{text-decoration:none;color:inherit}.guide-card h2 a:hover{color:#255ff0}
.guide-card-subtitle{color:#6a7fa2;font-size:11px;line-height:1.55;margin:0 0 10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.guide-card-excerpt{color:#526c94;font-size:12px;line-height:1.7;margin:0 0 22px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.guide-card footer{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:14px;border-top:1px solid #edf1f6}.guide-card footer time{font:650 10px/1 ui-monospace,SFMono-Regular,Consolas,monospace;color:#96a7c2}.guide-card footer a{border-radius:9px;background:#091937;color:#fff;text-decoration:none;padding:10px 13px;white-space:nowrap;font-size:11px;font-weight:730}.guide-card footer a:hover{background:#1e58eb}
.guide-no-results{border:1px dashed #cfdaea;text-align:center;border-radius:18px;padding:58px 12px;color:#566a89}.guide-no-results h2{font-size:20px;color:#122a4e}.guide-no-results a{display:inline-block;margin-top:12px;color:#245ceb;font-weight:750}
.guide-pages{display:flex;justify-content:center;gap:8px;padding:30px 0}.guide-pages a{background:#fff;border:1px solid #dde7f1;border-radius:8px;padding:9px 14px;text-decoration:none;font-size:12px;color:#274568;font-weight:700}.guide-pages a[aria-current=page]{background:#2461eb;color:#fff}
.guide-article-page{padding-top:26px}.guide-back{display:inline-flex;align-items:center;text-decoration:none;color:#425b7a;font-size:12px;font-weight:750;border:1px solid #dbe5ef;background:#fff;border-radius:9px;padding:11px 15px;margin-bottom:22px}.guide-back:hover{color:#225ef0}
.guide-article-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;align-items:start}
.guide-article{background:#fff;border:1px solid #d6e1ef;border-radius:21px;padding:31px 31px 27px;min-width:0;box-shadow:0 1px 2px rgba(20,48,90,.03)}
.guide-article-head{border-bottom:1px solid #e7edf5;padding-bottom:23px;margin-bottom:25px}.guide-post-meta{display:flex;gap:12px;align-items:center;flex-wrap:wrap;color:#9aacbf;font-size:11px;font-weight:640}.guide-post-meta span:first-child{background:#eef1ff;border:1px solid #e0e2ff;color:#5450e6;padding:5px 11px;border-radius:15px;font-size:10px;font-weight:760}
.guide-article h1{font-weight:830;line-height:1.21;letter-spacing:-.035em;color:#071937;font-size:clamp(25px,3vw,34px);margin:16px 0 11px}.guide-article-lead{margin:0;border-left:3px solid #4461ff;padding:7px 0 7px 13px;font-size:13px;line-height:1.65;color:#587091}
.guide-quick-info{border:1px solid #b8d2ff;background:linear-gradient(145deg,#f6faff,#f0f6ff);border-radius:15px;padding:18px 19px;margin-bottom:25px}.guide-quick-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #d7e7fa;gap:10px;padding-bottom:12px;margin-bottom:13px}.guide-quick-head strong{display:flex;align-items:center;gap:8px;color:#17335f;font-size:13px}.guide-quick-head strong span{display:grid;place-items:center;width:24px;height:24px;color:#fff;background:#2c66ed;border-radius:7px}.guide-quick-head small{font-size:10px;border-radius:20px;border:1px solid #d4dcfc;background:#fff;color:#245ceb;padding:5px 9px;white-space:nowrap}
.guide-quick-label{color:#506bd2;font:750 10px/1.3 ui-monospace,Consolas,monospace;letter-spacing:.055em;margin:12px 0 6px}.guide-quick-info>p{margin:0 0 14px;color:#253f68;font-size:12px;font-weight:530;line-height:1.7}.guide-quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.guide-quick-grid>div{display:flex;align-items:flex-start;gap:7px;border:1px solid #dce8f9;border-radius:9px;background:#fff;color:#395273;padding:9px;font-size:11px;line-height:1.5}.guide-quick-grid>div>span{flex:0 0 16px;display:grid;place-items:center;color:#2e6af0;border:1px solid #bad0ff;border-radius:50%;height:16px;font-size:10px}
.guide-article-body{color:#465d7c;font-size:13px;line-height:1.85}.guide-article-body p{margin:0 0 18px}.guide-article-body h2{font-size:17px;margin:22px 0 9px;letter-spacing:-.02em;line-height:1.4;color:#0f274b}.guide-article-body h3{font-size:15px;margin:18px 0 8px;color:#143057}.guide-article-body ul{margin:2px 0 21px;padding-left:19px}.guide-article-body li{padding-left:3px;margin-bottom:7px}.guide-article-body li::marker{color:#306aef}.guide-article-body strong{color:#1b355c}
.guide-post-faq{border-top:1px solid #e8eef5;margin-top:26px;padding-top:22px}.guide-post-faq h2{font-size:15px;line-height:1.4;color:#17385e;margin:0 0 15px}.guide-post-faq details{border:1px solid #dce5f2;border-radius:11px;background:#fff;margin-bottom:9px;overflow:hidden}.guide-post-faq summary{padding:14px 14px;list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:750;gap:10px;color:#173050}.guide-post-faq summary::-webkit-details-marker{display:none}.guide-post-faq summary span{color:#6981ad}.guide-post-faq details[open] summary span{transform:rotate(180deg)}.guide-post-faq details[open] summary{border-bottom:1px solid #e7edf7}.guide-post-faq details p{font-size:12px;color:#5a7191;line-height:1.75;margin:0;padding:11px 14px 15px}
.guide-article-end{margin-top:20px;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}.guide-article-end a{font-size:11px;color:#285be0;font-weight:760;text-decoration:none}
.guide-article-sidebar{position:sticky;top:99px;display:grid;gap:15px}.guide-related-box,.guide-benefits{border:1px solid #d7e2ef;background:#fff;border-radius:17px;padding:18px;box-shadow:0 1px 3px rgba(15,44,91,.04)}.guide-related-box{border-top:3px solid #3266eb}.guide-related-title{display:flex;gap:10px;align-items:center;padding-bottom:13px;border-bottom:1px solid #ebf0f5;color:#162d50;font-size:13px}.guide-related-title span{height:31px;width:31px;flex-shrink:0;display:grid;place-items:center;background:#eef4ff;color:#2561ef;border-radius:11px;font-size:17px}.guide-related-box>small{color:#8ea2bd;font-size:10px;display:block;margin-top:7px}.guide-related-box>p{font-size:11px;line-height:1.68;color:#607696;margin:13px 0}.guide-product-id{display:flex;gap:8px;align-items:center;justify-content:space-between;border:1px solid #e1eaf6;border-radius:8px;background:#f8fafc;padding:10px;margin:12px 0}.guide-product-id span{color:#8aa0bd;font-size:9px}.guide-product-id b{font-size:10px;color:#2b5ce3;text-align:right;max-width:72%}.guide-product-button,.guide-quote-button{display:block;text-align:center;font-size:12px;font-weight:750;text-decoration:none;border-radius:9px;padding:12px 7px}.guide-product-button{background:#275ef0;color:#fff}.guide-product-button:hover{background:#144bd7}.guide-quote-button{margin-top:9px;background:#eef1f6;color:#516780}.guide-quote-button:hover{background:#dfe8f7}
.guide-benefits>b{font-size:11px;color:#233b5d;display:block;margin-bottom:11px}.guide-benefits p{display:flex;align-items:flex-start;gap:9px;color:#526a89;font-size:11px;margin:0 0 10px}.guide-benefits p:last-child{margin:0}.guide-benefits p span{color:#06aa70;font-weight:900}
@media(max-width:1040px){.guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-article-layout{grid-template-columns:minmax(0,1fr) 270px;gap:17px}.guide-article{padding:26px 24px}}
@media(max-width:800px){.guide-article-layout{grid-template-columns:1fr}.guide-article-sidebar{position:static;grid-template-columns:1fr 1fr}.guide-container{width:calc(100% - 36px)}.guide-hero{padding:35px 20px}.guide-hero h1{font-size:29px}}
@media(max-width:640px){.guide-page{padding-top:18px}.guide-container{width:calc(100% - 26px)}.guide-hero{border-radius:17px;padding:28px 16px}.guide-hero h1{font-size:25px}.guide-hero p{font-size:12px}.guide-filter-tabs{gap:6px;margin-bottom:20px}.guide-filter-tabs a{font-size:9px;padding:7px 10px}.guide-grid{grid-template-columns:1fr;gap:13px}.guide-card{min-height:0;padding:21px 18px}.guide-card h2{font-size:16px}.guide-article{padding:21px 16px}.guide-article h1{font-size:24px}.guide-article-sidebar{grid-template-columns:1fr}.guide-quick-grid{grid-template-columns:1fr}.guide-article-body{font-size:12.5px}.guide-search-form{margin-top:20px}}