body.jade-site .page-content:has(#giftcode-page){padding:0}#giftcode-page{background:linear-gradient(#faf3e370,#faf3e3d9),url('/assets/design/hero.png') center/cover;color:#173e34;padding:28px 28px 32px}#giftcode-page .gift-hero{text-align:center;margin-bottom:26px}.gift-emblem{display:grid;place-items:center;width:76px;height:76px;background:linear-gradient(#647064,#173e34);border:2px solid #24614e;border-radius:23px;color:#cbb37f;font-size:37px;margin:0 auto 17px;box-shadow:0 0 0 4px #faf3e3b0}#giftcode-page h1{font-size:34px;font-weight:700;margin:0 0 10px}#giftcode-page .gift-hero p{font-size:14px;color:#647064;margin:0}#giftcode-page .gift-content{background:#faf3e3f5;border:1px solid #24614e;border-radius:17px;padding:24px;max-width:1150px;margin:auto;box-shadow:0 0 0 3px #faf3e37a}.gift-tabs{display:flex;justify-content:center;gap:8px;margin-bottom:24px}.gift-tab{flex:1;max-width:350px;text-align:center;background:#faf3e3;border:1px solid #24614e;border-radius:9px;padding:12px;font-size:17px;font-weight:700}body.jade-site #giftcode-page .gift-tab.active{background:linear-gradient(#173e34,#173e34);color:#faf3e3;border-color:#24614e;box-shadow:inset 0 0 0 2px #cbb37f}.gift-tab i{margin-right:9px}.gift-toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px}#giftcode-page h2{font-size:23px;font-weight:700;margin:0 0 4px}#gift-count{font-size:12px;color:#647064;margin:0}.gift-search{display:flex;align-items:center;position:relative}.gift-search>i{position:absolute;left:12px;color:#647064}body.jade-site #giftcode-page .gift-search input{width:230px;max-width:100%;padding:9px 12px 9px 35px;border:1px solid #cbb37f;border-radius:8px;background:#faf3e3;font:13px Lora,serif;color:#173e34}.gift-copy-status{font-size:12px;color:#173e34;min-height:19px;margin:8px 0!important}
body.jade-site #giftcode-page .table-gift{display:block;min-width:0!important;border:0!important;background:transparent!important}#giftcode-page thead,#giftcode-page tbody{display:block}#giftcode-page tr{display:grid;grid-template-columns:190px minmax(0,1fr) 150px;gap:18px;align-items:center}#giftcode-page th:first-child,#giftcode-page td:first-child:not([colspan]){display:none}body.jade-site #giftcode-page th{border:0!important;background:transparent!important;padding:0 12px 9px;color:#173e34!important;font-size:13px}#giftcode-page tbody tr{border:1px solid #cbb37f;border-radius:12px;margin-bottom:12px;padding:16px;background:#faf3e3;box-shadow:0 3px 10px #173e3405}body.jade-site #giftcode-page td{border:0!important;background:transparent!important;padding:0!important;font-size:13px;min-width:0}#giftcode-page td[colspan]{grid-column:1/-1;text-align:center;padding:25px!important}#giftcode-page .code-box{display:flex;flex-direction:column;align-items:stretch;gap:10px;font:700 16px ui-monospace,Consolas,monospace;text-align:center;background:linear-gradient(#cbb37f,#faf3e3);padding:11px;border:1px solid #cbb37f;border-radius:9px;overflow-wrap:anywhere}#giftcode-page .gift-copy{background:#faf3e3;border:1px solid #647064;border-radius:7px;padding:7px;color:#173e34;font:12px Lora,serif;cursor:pointer}.gift-items{display:flex;flex-wrap:wrap;gap:12px}.gift-item{display:flex;align-items:center;gap:9px;max-width:100%;min-width:125px;flex:1 1 145px}.gift-item-icon{width:44px;height:44px;object-fit:contain;background:linear-gradient(#cbb37f,#faf3e3);border:1px solid #647064;border-radius:8px;padding:5px;flex-shrink:0}.gift-item-info{display:flex;flex-direction:column;gap:3px;min-width:0}.gift-item-name{font-size:12px;overflow-wrap:anywhere}.gift-item-quantity{font-size:12px;font-weight:700;color:#24614e}.badge-status{display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:7px 10px;border-radius:30px;font-size:11px;line-height:1.5}.badge-active{color:#173e34;background:#faf3e3;border:1px solid #cbb37f}.badge-used{color:#647064;background:#faf3e3;border:1px solid #cbb37f}.badge-login{color:#24614e;background:#faf3e3;border:1px solid #cbb37f}.gift-notice{display:flex;align-items:center;gap:10px;background:#faf3e3;border:1px solid #cbb37f;border-radius:10px;padding:14px;font-size:12px;line-height:1.8;margin-top:15px}.gift-notice i{color:#173e34;font-size:20px}#giftcode-page [hidden]{display:none!important}.gift-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}#giftcode-page :is(button,a,input):focus-visible{outline:3px solid #24614e;outline-offset:3px}
@media(max-width:850px){#giftcode-page tr{grid-template-columns:150px minmax(0,1fr) 125px;gap:12px}#giftcode-page .gift-content{padding:18px}}@media(max-width:650px){#giftcode-page{padding:25px 14px}#giftcode-page h1{font-size:28px}.gift-tabs{gap:6px}.gift-tab{padding:11px 5px;font-size:14px}.gift-toolbar{flex-direction:column;align-items:stretch}.gift-search input{width:100%!important}.gift-search{width:100%}#giftcode-page thead{display:none}#giftcode-page tr{grid-template-columns:1fr;gap:16px}#giftcode-page td:nth-child(3):before{content:'Phần quà';display:block;font-weight:700;margin-bottom:10px}#giftcode-page .code-box{font-size:17px;flex-direction:row;align-items:center;justify-content:space-between;gap:12px}#giftcode-page .gift-copy{flex-shrink:0;padding:8px 10px}#giftcode-page .gift-content{padding:16px 12px}.gift-item{flex-basis:120px}.gift-notice{align-items:flex-start;font-size:11px}}

body.jade-site #giftcode-page .gift-main-container{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}#giftcode-page .gift-hero{padding:15px 10px 5px}body.jade-site #giftcode-page .gift-tab{border-radius:9px!important}body.jade-site #giftcode-page .gift-tab.active{background:linear-gradient(#173e34,#173e34)!important}