body.jade-site .page-content:has(#giftcode-page){padding:0}#giftcode-page{background:linear-gradient(#f6efde70,#f6efded9),url('/assets/design/hero.png') center/cover;color:#211e1b;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(#6d6257,#211e1b);border:2px solid #b72920;border-radius:23px;color:#c7bba5;font-size:37px;margin:0 auto 17px;box-shadow:0 0 0 4px #f6efdeb0}#giftcode-page h1{font-size:34px;font-weight:700;margin:0 0 10px}#giftcode-page .gift-hero p{font-size:14px;color:#6d6257;margin:0}#giftcode-page .gift-content{background:#f6efdef5;border:1px solid #b72920;border-radius:17px;padding:24px;max-width:1150px;margin:auto;box-shadow:0 0 0 3px #f6efde7a}.gift-tabs{display:flex;justify-content:center;gap:8px;margin-bottom:24px}.gift-tab{flex:1;max-width:350px;text-align:center;background:#f6efde;border:1px solid #b72920;border-radius:9px;padding:12px;font-size:17px;font-weight:700}body.jade-site #giftcode-page .gift-tab.active{background:linear-gradient(#211e1b,#211e1b);color:#f6efde;border-color:#b72920;box-shadow:inset 0 0 0 2px #c7bba5}.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:#6d6257;margin:0}.gift-search{display:flex;align-items:center;position:relative}.gift-search>i{position:absolute;left:12px;color:#6d6257}body.jade-site #giftcode-page .gift-search input{width:230px;max-width:100%;padding:9px 12px 9px 35px;border:1px solid #c7bba5;border-radius:8px;background:#f6efde;font:13px Lora,serif;color:#211e1b}.gift-copy-status{font-size:12px;color:#211e1b;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:#211e1b!important;font-size:13px}#giftcode-page tbody tr{border:1px solid #c7bba5;border-radius:12px;margin-bottom:12px;padding:16px;background:#f6efde;box-shadow:0 3px 10px #211e1b05}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(#c7bba5,#f6efde);padding:11px;border:1px solid #c7bba5;border-radius:9px;overflow-wrap:anywhere}#giftcode-page .gift-copy{background:#f6efde;border:1px solid #6d6257;border-radius:7px;padding:7px;color:#211e1b;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(#c7bba5,#f6efde);border:1px solid #6d6257;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:#b72920}.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:#211e1b;background:#f6efde;border:1px solid #c7bba5}.badge-used{color:#6d6257;background:#f6efde;border:1px solid #c7bba5}.badge-login{color:#b72920;background:#f6efde;border:1px solid #c7bba5}.gift-notice{display:flex;align-items:center;gap:10px;background:#f6efde;border:1px solid #c7bba5;border-radius:10px;padding:14px;font-size:12px;line-height:1.8;margin-top:15px}.gift-notice i{color:#211e1b;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 #b72920;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(#211e1b,#211e1b)!important}