@keyframes off-grad{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}.off-page{min-height:100vh;position:relative;overflow:hidden;background:linear-gradient(170deg,#FAF8F5 0%,#F4F7FB 55%,#EEF3F8 100%)}.off-inner{position:relative;z-index:10;max-width:1280px;margin:0 auto;padding:2rem 1rem}.off-hero{text-align:center;margin-bottom:2.5rem;position:relative}.off-h1{font-size:2.5rem;font-weight:700;margin:0 0 1rem;background:linear-gradient(to right,#BFA98C,#3D2817,#BFA98C);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:off-grad 3s ease infinite}.off-sub{color:#8B7355;font-size:1.125rem;max-width:42rem;margin:0 auto}.off-toggle-wrap{display:flex;justify-content:center;margin-bottom:1rem}.off-toggle{display:inline-flex;border-radius:1rem;padding:0.375rem;gap:0.25rem;background:rgba(255,255,255,0.72);border:1.5px solid rgba(191,169,140,0.20);box-shadow:0 2px 20px rgba(61,40,23,0.08),0 1px 4px rgba(61,40,23,0.04),inset 0 1px 0 rgba(255,255,255,0.9);backdrop-filter:blur(14px)}.off-tab{display:flex;align-items:center;gap:0.625rem;padding:0.75rem 1.5rem;border-radius:0.75rem;font-size:0.875rem;font-weight:500;border:none;cursor:pointer;background:transparent;color:#8B7355;transition:all 0.3s ease;transform:scale(1)}.off-tab-uni-active{background:linear-gradient(135deg,#3599CC 0%,#2176AE 100%);color:#fff;box-shadow:0 4px 20px rgba(53,153,204,0.28),0 2px 8px rgba(53,153,204,0.20);transform:scale(1.02)}.off-tab-lang-active{background:linear-gradient(135deg,#BFA98C 0%,#9E8163 100%);color:#fff;box-shadow:0 4px 20px rgba(191,169,140,0.32),0 2px 8px rgba(191,169,140,0.24);transform:scale(1.02)}.off-tab-count{font-size:0.75rem;padding:0.125rem 0.5rem;border-radius:9999px;background:rgba(191,169,140,0.14);color:#8B7355;transition:all 0.3s ease}.off-tab-uni-active .off-tab-count,.off-tab-lang-active .off-tab-count{background:rgba(255,255,255,0.22);color:#fff}.off-divider{display:flex;justify-content:center;margin-bottom:1.75rem}.off-divider-line{height:1px;width:12rem;border-radius:9999px;background:linear-gradient(90deg,transparent 0%,rgba(191,169,140,0.35) 50%,transparent 100%)}.off-filters{background:rgba(255,255,255,0.82);border:1.5px solid rgba(191,169,140,0.22);border-radius:1.25rem;box-shadow:0 4px 24px rgba(61,40,23,0.06),inset 0 1px 0 rgba(255,255,255,0.9);backdrop-filter:blur(14px);padding:1.25rem;margin-bottom:1.5rem}.off-filters-title{display:flex;align-items:center;gap:0.5rem;font-size:1rem;font-weight:700;color:#3D2817;margin:0 0 1rem}.off-filters-title i{color:#BFA98C}.off-filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:0.875rem}.off-field{display:flex;flex-direction:column;gap:0.4rem;min-width:0}.off-field-lbl{font-size:0.8125rem;font-weight:600;color:#8B7355;display:flex;align-items:center;gap:0.375rem}.off-field-lbl i{font-size:0.75rem;opacity:0.75}.off-select{width:100%;padding:0.625rem 0.75rem;border-radius:0.75rem;border:1.5px solid rgba(191,169,140,0.28);background:#fff;color:#3D2817;font-size:0.875rem;font-weight:500;cursor:pointer;transition:border-color 0.2s ease,box-shadow 0.2s ease}.off-select:focus{outline:none;border-color:#BFA98C;box-shadow:0 0 0 3px rgba(191,169,140,0.18)}@media (max-width:640px){.off-filters{padding:0.85rem;border-radius:1rem}.off-filters-title{font-size:0.85rem;margin-bottom:0.65rem}.off-filter-grid{grid-template-columns:repeat(2,1fr);gap:0.5rem}.off-field{gap:0.2rem}.off-field-lbl{font-size:0.68rem;gap:0.25rem}.off-select{padding:0.4rem 0.5rem;font-size:0.75rem;border-radius:0.55rem}}.off-results-row{display:flex;align-items:center;justify-content:space-between;gap:0.75rem;flex-wrap:wrap;margin-top:1rem;padding-top:0.875rem;border-top:1px solid rgba(191,169,140,0.18)}.off-results-count{font-size:0.875rem;color:#8B7355;font-weight:600}.off-results-count strong{color:#3D2817}.off-clear{background:none;border:none;padding:0;font-size:0.8125rem;font-weight:600;color:#3599CC;cursor:pointer;display:none;align-items:center;gap:0.375rem}.off-clear.is-on{display:inline-flex}.off-clear:hover{text-decoration:underline}@keyframes off-card-in{from{opacity:0;transform:translateY(18px) scale(0.97)}to{opacity:1;transform:translateY(0) scale(1)}}.off-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;align-items:stretch}@media (max-width:1279px){.off-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:1024px){.off-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.off-grid{grid-template-columns:1fr}}.off-card{position:relative;display:flex;flex-direction:column;min-width:0;background:#fff;border:1.5px solid rgba(191,169,140,0.40);border-radius:1.15rem;padding:0.8rem;box-shadow:0 4px 20px rgba(61,40,23,0.06);animation:off-card-in 0.45s ease both;transition:box-shadow 0.25s ease,transform 0.25s ease}.off-card:hover{box-shadow:0 12px 32px rgba(61,40,23,0.12);transform:translateY(-3px)}.off-card.is-hidden{display:none}.off-badges{display:flex;align-items:center;gap:0.3rem;flex-wrap:wrap;margin-bottom:0.6rem}.off-badge{font-size:0.65rem;font-weight:700;padding:0.2rem 0.5rem;border-radius:0.4rem;white-space:nowrap;line-height:1.4}.off-badge-exclusive{background:#C9B79C;color:#fff}.off-badge-new{background:#1567D3;color:#fff}.off-badge-best{background:linear-gradient(135deg,#F59E0B,#D97706);color:#fff}.off-badge-cheap{background:linear-gradient(135deg,#10B981,#059669);color:#fff}.off-badge-students{background:#fff;color:#3D2817;border:1.5px solid #BFA98C;border-radius:9999px;padding:0.35rem 0.9rem;margin-inline-start:auto}.off-save{order:99;margin-inline-start:0;width:2.25rem;height:2.25rem;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;border-radius:0.65rem;border:1.5px solid #BFA98C;background:#fff;color:#BFA98C;font-size:0.95rem;cursor:pointer;transition:background 0.2s ease,color 0.2s ease}.off-save:hover{background:rgba(191,169,140,0.12)}.off-save.is-saved{background:#BFA98C;color:#fff}.off-entity{display:flex;align-items:center;gap:0.6rem;margin-bottom:0.6rem}.off-entity-logo{width:2.75rem;height:2.75rem;flex-shrink:0;border-radius:0.7rem;background:#fff;border:1px solid rgba(191,169,140,0.28);box-shadow:0 3px 12px rgba(61,40,23,0.10);display:flex;align-items:center;justify-content:center;overflow:hidden}.off-entity-logo img{max-width:82%;max-height:82%;object-fit:contain}.off-entity-logo i{font-size:1.1rem;color:#BFA98C}.off-entity-name{flex:1 1 auto;min-width:0;font-size:0.8rem;font-weight:800;color:#1F2937;line-height:1.25;text-align:start;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.off-entity-sep{height:1px;background:rgba(191,169,140,0.28);margin:0 0 0.6rem}.off-discount-banner{display:flex;align-items:center;justify-content:center;gap:0.35rem;text-align:center;padding:0.4rem 0.6rem;margin:0 0 0.6rem;border-radius:0.6rem;background:linear-gradient(135deg,#F97316 0%,#DC2626 100%);color:#fff;font-size:0.72rem;font-weight:800;line-height:1.3;box-shadow:0 3px 10px rgba(220,38,38,0.28)}.off-discount-banner i{font-size:0.7rem;flex-shrink:0}.off-discount-banner span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.off-title{font-size:0.85rem;font-weight:800;color:#111827;line-height:1.3;margin:0 0 0.5rem;text-align:center;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:calc(0.85rem * 1.3 * 2)}.off-rank-wrap{display:flex;justify-content:center;margin-bottom:0.6rem}.off-rank{display:inline-flex;align-items:center;gap:0.35rem;padding-block:0.2rem;padding-inline-start:0.25rem;padding-inline-end:0.7rem;border-radius:9999px;background:linear-gradient(135deg,#B08C4F 0%,#8C6A33 100%);color:#fff;font-size:0.7rem;font-weight:700;line-height:1;box-shadow:0 4px 14px rgba(176,140,79,0.32)}.off-rank i{width:1.1rem;height:1.1rem;flex-shrink:0;border-radius:50%;background:rgba(255,255,255,0.22);display:inline-flex;align-items:center;justify-content:center;font-size:0.6rem;line-height:1}.off-rank-txt{display:inline-block;line-height:1.2;padding-block-start:0.05em}.off-details{border:1px solid rgba(191,169,140,0.32);border-radius:0.75rem;overflow:hidden;margin-bottom:0.7rem}.off-detail-row{display:flex;align-items:center;gap:0.5rem;padding:0.45rem 0.55rem;border-bottom:1px solid rgba(191,169,140,0.22)}.off-detail-row:last-child{border-bottom:none}.off-detail-ico{width:1.7rem;height:1.7rem;flex-shrink:0;border-radius:0.5rem;border:1px solid rgba(191,169,140,0.40);color:#B08C4F;display:inline-flex;align-items:center;justify-content:center;font-size:0.7rem}.off-detail-txt{flex:1 1 auto;min-width:0;font-size:0.68rem;color:#1F2937;font-weight:600;line-height:1.35;text-align:start;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.off-cd-head{display:flex;align-items:center;justify-content:center;gap:0.35rem;font-size:0.7rem;font-weight:600;color:#374151;margin-bottom:0.3rem}.off-cd-head i{color:#B08C4F}.off-cd-row{display:flex;align-items:baseline;justify-content:center;gap:0.35rem;margin-bottom:0.5rem}.off-cd-box{flex:0 0 auto;min-width:0;padding:0;border:none;border-radius:0;background:transparent;text-align:center;display:inline-flex;align-items:baseline;gap:0.2rem}.off-cd-box:not(:last-child)::after{content:':';margin-inline-start:0.35rem;color:#B08C4F;font-weight:700}@keyframes off-cd-blink{0%,49%{opacity:1}50%,100%{opacity:0.35}}.off-cd-num{display:inline;font-size:0.85rem;font-weight:800;color:#DC2626;line-height:1;font-variant-numeric:tabular-nums;animation:off-cd-blink 1s step-start infinite}.off-cd-lbl{display:inline;font-size:0.65rem;color:#DC2626;font-weight:600}.off-views{display:flex;align-items:center;justify-content:center;gap:0.35rem;font-size:0.7rem;color:#4B5563;margin-bottom:0.6rem}.off-views i{color:#B08C4F}.off-more{border:1px solid rgba(191,169,140,0.32);border-radius:0.75rem;overflow:hidden;margin-bottom:0.6rem;background:#FDFCFA}.off-more-btn{width:100%;display:flex;align-items:center;justify-content:space-between;gap:0.5rem;padding:0.55rem 0.7rem;background:none;border:none;cursor:pointer;font-size:0.8rem;font-weight:700;color:#111827;text-align:start}.off-more-btn i{color:#6B7280;font-size:0.75rem;transition:transform 0.25s ease}.off-more-btn[aria-expanded="false"] i{transform:rotate(180deg)}.off-more-body{padding:0 0.7rem 0.7rem}.off-more.is-closed .off-more-body{display:none}.off-more-lbl{font-size:0.75rem;font-weight:600;color:#374151;text-align:center;margin:0 0 0.4rem}.off-more-txt{background:#F3F4F6;border-radius:0.6rem;padding:0.6rem 0.7rem;font-size:0.75rem;color:#374151;line-height:1.6;text-align:center;margin:0 0 0.7rem}.off-code-row{display:flex;align-items:center;gap:0.35rem;justify-content:center;padding:0.4rem 0.7rem;border-radius:0.5rem;background:rgba(53,153,204,0.08);color:#2B7BA8;font-size:0.7rem;margin:0 0 0.6rem}.off-code-val{font-family:monospace;letter-spacing:0.03em}.off-code-copy{display:inline-flex;align-items:center;justify-content:center;width:1.3rem;height:1.3rem;flex-shrink:0;border:none;background:transparent;color:#2B7BA8;cursor:pointer;font-size:0.7rem;padding:0;border-radius:0.3rem;transition:background 0.15s,color 0.15s}.off-code-copy:hover{background:rgba(53,153,204,0.15)}.off-code-copy.is-copied{color:#16A34A}.off-poster-btn{display:flex;align-items:center;justify-content:center;gap:0.35rem;padding:0.45rem 0.7rem;border-radius:0.5rem;background:#3D2817;color:#fff;text-decoration:none;font-weight:600;font-size:0.7rem;margin:0 0 0.7rem;transition:background 0.15s}.off-poster-btn:hover{background:#2A1C10;color:#fff}.off-svc-head{display:flex;align-items:center;gap:0.5rem;margin-bottom:0.5rem}.off-svc-head::before,.off-svc-head::after{content:"";flex:1 1 auto;height:1.5px;background:#B08C4F;border-radius:2px}.off-svc-head span{font-size:0.8rem;font-weight:700;color:#111827;white-space:nowrap}.off-svc-grid{display:flex;flex-direction:column;gap:0.2rem}.off-svc{display:flex;align-items:center;gap:0.35rem;padding:0.15rem 0.1rem;border:none;border-radius:0;background:transparent;font-size:0.68rem;color:#374151;font-weight:500;line-height:1.3}.off-svc i{color:#B08C4F;font-size:0.68rem;flex-shrink:0;width:0.9rem;text-align:center}.off-svc-gift{background:transparent;color:#92600E;font-weight:700}.off-svc-gift i{color:#B08C4F}.off-actions{display:flex;align-items:stretch;gap:0.4rem;margin-top:auto}.off-btn{flex:1 1 0;min-width:0;display:inline-flex;align-items:center;justify-content:center;gap:0.35rem;padding:0.55rem 0.5rem;border-radius:0.65rem;font-size:0.75rem;font-weight:700;text-decoration:none;cursor:pointer;border:1.5px solid transparent;transition:filter 0.2s ease,background 0.2s ease;text-align:center;line-height:1.25}.off-btn-wa{flex:1.35 1 0;background:linear-gradient(135deg,#3599CC 0%,#2176AE 100%);color:#fff;box-shadow:0 4px 14px rgba(53,153,204,0.28)}.off-btn-wa:hover{filter:brightness(1.06);color:#fff}.off-btn-wa i{font-size:0.9rem}.off-btn-more{background:#fff;color:#1567D3;border-color:#1567D3}.off-btn-more:hover{background:rgba(21,103,211,0.06);color:#1567D3}.off-empty{grid-column:1 / -1;text-align:center;padding:4rem 0}.off-empty-ico{display:inline-flex;align-items:center;justify-content:center;width:4rem;height:4rem;border-radius:50%;background:rgba(191,169,140,0.12);margin-bottom:1rem;font-size:1.75rem;color:#BFA98C}.off-empty-txt{color:#8B7355;font-size:1.125rem}